servicos.css
Atualizado em
24/09/2022 17h56
patentes.css
— 365 KB
Conteúdo do arquivo
@import 'https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css';
@font-face {
font-family: 'Rawline Regular';
font-style: normal;
font-weight: normal;
src: local('Rawline Regular'), url('rawline-400.woff') format('woff');
}
@font-face {
font-family: 'Rawline Italic';
font-style: normal;
font-weight: normal;
src: local('Rawline Italic'), url('rawline-400i.woff') format('woff');
}
@font-face {
font-family: 'Rawline Thin';
font-style: normal;
font-weight: normal;
src: local('Rawline Thin'), url('rawline-100.woff') format('woff');
}
@font-face {
font-family: 'Rawline Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Rawline Thin Italic'), url('rawline-100i.woff') format('woff');
}
@font-face {
font-family: 'Rawline ExtraLight';
font-style: normal;
font-weight: normal;
src: local('Rawline ExtraLight'), url('rawline-200.woff') format('woff');
}
@font-face {
font-family: 'Rawline ExtraLight Italic';
font-style: normal;
font-weight: normal;
src: local('Rawline ExtraLight Italic'), url('rawline-200i.woff') format('woff');
}
@font-face {
font-family: 'Rawline Light';
font-style: normal;
font-weight: normal;
src: local('Rawline Light'), url('rawline-300.woff') format('woff');
}
@font-face {
font-family: 'Rawline Light Italic';
font-style: normal;
font-weight: normal;
src: local('Rawline Light Italic'), url('rawline-300i.woff') format('woff');
}
@font-face {
font-family: 'Rawline Medium';
font-style: normal;
font-weight: normal;
src: local('Rawline Medium'), url('rawline-500.woff') format('woff');
}
@font-face {
font-family: 'Rawline Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Rawline Medium Italic'), url('rawline-500i.woff') format('woff');
}
@font-face {
font-family: 'Rawline SemiBold';
font-style: normal;
font-weight: normal;
src: local('Rawline SemiBold'), url('rawline-600.woff') format('woff');
}
@font-face {
font-family: 'Rawline SemiBold Italic';
font-style: normal;
font-weight: normal;
src: local('Rawline SemiBold Italic'), url('rawline-600i.woff') format('woff');
}
@font-face {
font-family: 'Rawline Bold';
font-style: normal;
font-weight: normal;
src: local('Rawline Bold'), url('rawline-700.woff') format('woff');
}
@font-face {
font-family: 'Rawline Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Rawline Bold Italic'), url('rawline-700i.woff') format('woff');
}
@font-face {
font-family: 'Rawline ExtraBold';
font-style: normal;
font-weight: normal;
src: local('Rawline ExtraBold'), url('rawline-800.woff') format('woff');
}
@font-face {
font-family: 'Rawline ExtraBold Italic';
font-style: normal;
font-weight: normal;
src: local('Rawline ExtraBold Italic'), url('rawline-800i.woff') format('woff');
}
@font-face {
font-family: 'Rawline Black';
font-style: normal;
font-weight: normal;
src: local('Rawline Black'), url('rawline-900.woff') format('woff');
}
@font-face {
font-family: 'Rawline Black Italic';
font-style: normal;
font-weight: normal;
src: local('Rawline Black Italic'), url('rawline-900i.woff') format('woff');
}
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?pdjm3i');
src: url('fonts/icomoon.eot?pdjm3i#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?pdjm3i') format('truetype'),
url('fonts/icomoon.woff?pdjm3i') format('woff'),
url('fonts/icomoon.svg?pdjm3i#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
font-size: 65px;
text-transform: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-patent:before {
content: "\e95e";
}
.icon-judge:before {
content: "\e95f";
}
.icon-hotel:before {
content: "\e960";
}
.icon-travel:before {
content: "\e961";
}
.icon-idea:before {
content: "\e962";
}
.icon-see:before {
content: "\e963";
}
.icon-conversation:before {
content: "\e964";
}
.icon-document:before {
content: "\e95d";
}
.icon-eye1:before {
content: "\e956";
}
.icon-product:before {
content: "\e957";
}
.icon-hierarchical-structure:before {
content: "\e958";
}
.icon-shield1:before {
content: "\e959";
}
.icon-court:before {
content: "\e95a";
}
.icon-calendar1:before {
content: "\e95b";
}
.icon-umbrella:before {
content: "\e95c";
}
.icon-target1:before {
content: "\eb47";
}
.icon-reward:before {
content: "\eb48";
}
.icon-bullhorn1:before {
content: "\eb49";
}
.icon-group:before {
content: "\eb4a";
}
.icon-list1:before {
content: "\eb4b";
}
.icon-padlock1:before {
content: "\eb4c";
}
.icon-calendar2:before {
content: "\eb4d";
}
.icon-zoom:before {
content: "\eb4e";
}
.icon-pay:before {
content: "\eb4f";
}
.icon-accepted:before {
content: "\eb50";
}
.icon-livro:before {
content: "\e900";
}
.icon-escudo:before {
content: "\e901";
}
.icon-medalha:before {
content: "\e902";
}
.icon-chat .path1:before {
content: "\e903";
color: rgb(0, 0, 0);
}
.icon-chat .path2:before {
content: "\e904";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-user .path1:before {
content: "\e905";
color: rgb(0, 0, 0);
}
.icon-user .path2:before {
content: "\e906";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-user .path3:before {
content: "\e907";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-user .path4:before {
content: "\e908";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-compass .path1:before {
content: "\e909";
color: rgb(0, 0, 0);
}
.icon-compass .path2:before {
content: "\e90a";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-compass .path3:before {
content: "\e90b";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-padlock .path1:before {
content: "\e90c";
color: rgb(0, 0, 0);
}
.icon-padlock .path2:before {
content: "\e90d";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-do-utilizador2 .path1:before {
content: "\e90e";
color: rgb(0, 0, 0);
}
.icon-do-utilizador2 .path2:before {
content: "\e90f";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-do-utilizador2 .path3:before {
content: "\e910";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path1:before {
content: "\e911";
color: rgb(0, 0, 0);
}
.icon-construcao .path2:before {
content: "\e912";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path3:before {
content: "\e913";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path4:before {
content: "\e914";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path5:before {
content: "\e915";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path6:before {
content: "\e916";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path7:before {
content: "\e917";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path8:before {
content: "\e918";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path9:before {
content: "\e919";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path10:before {
content: "\e91a";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path11:before {
content: "\e91b";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path12:before {
content: "\e91c";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path13:before {
content: "\e91d";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path14:before {
content: "\e91e";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path15:before {
content: "\e91f";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path16:before {
content: "\e920";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path17:before {
content: "\e921";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path18:before {
content: "\e922";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path19:before {
content: "\e923";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path20:before {
content: "\e924";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path21:before {
content: "\e925";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path22:before {
content: "\e926";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path23:before {
content: "\e927";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path24:before {
content: "\e928";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path25:before {
content: "\e929";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path26:before {
content: "\e92a";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path27:before {
content: "\e92b";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path28:before {
content: "\e92c";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path29:before {
content: "\e92d";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path30:before {
content: "\e92e";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-construcao .path31:before {
content: "\e92f";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-bate-papo .path1:before {
content: "\e930";
color: rgb(0, 0, 0);
}
.icon-bate-papo .path2:before {
content: "\e931";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-do-utilizador1 .path1:before {
content: "\e932";
color: rgb(0, 0, 0);
}
.icon-do-utilizador1 .path2:before {
content: "\e933";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-do-utilizador .path1:before {
content: "\e934";
color: rgb(0, 0, 0);
}
.icon-do-utilizador .path2:before {
content: "\e935";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-engrenagem1 .path1:before {
content: "\e936";
color: rgb(0, 0, 0);
}
.icon-engrenagem1 .path2:before {
content: "\e937";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-engrenagem1 .path3:before {
content: "\e938";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-engrenagem1 .path4:before {
content: "\e939";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-engrenagem .path1:before {
content: "\e93a";
color: rgb(0, 0, 0);
}
.icon-engrenagem .path2:before {
content: "\e93b";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-engrenagem .path3:before {
content: "\e93c";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-engrenagem .path4:before {
content: "\e93d";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-engrenagem .path5:before {
content: "\e93e";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-equipe .path1:before {
content: "\e93f";
color: rgb(0, 0, 0);
}
.icon-equipe .path2:before {
content: "\e940";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-equipe .path3:before {
content: "\e941";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-equipe .path4:before {
content: "\e942";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-equipe .path5:before {
content: "\e943";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-equipe .path6:before {
content: "\e944";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-equipe .path7:before {
content: "\e945";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-equipe .path8:before {
content: "\e946";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-networking .path1:before {
content: "\e947";
color: rgb(0, 0, 0);
}
.icon-networking .path2:before {
content: "\e948";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-networking .path3:before {
content: "\e949";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-networking .path4:before {
content: "\e94a";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-foguete-acertando-o-alvo:before {
content: "\e94b";
}
.icon-tarefa-completa:before {
content: "\e94c";
}
.icon-assinando-o-contrato:before {
content: "\e94d";
}
.icon-lupa-com-dois-sentidos-setas:before {
content: "\e94e";
}
.icon-plano-de-negocios:before {
content: "\e94f";
}
.icon-bloco-de-escritorios:before {
content: "\e950";
}
.icon-cartao-de-identidade:before {
content: "\e951";
}
.icon-questao:before {
content: "\e952";
}
.icon-em-formacao:before {
content: "\e953";
}
.icon-aperto-de-mao:before {
content: "\e954";
}
.icon-caixa-aberta:before {
content: "\e955";
}
.icon-M:before {
content: "\eb51";
}
.icon-P:before {
content: "\eb52";
}
.icon-DI:before {
content: "\eb53";
}
.icon-IG:before {
content: "\eb54";
}
.icon-PC:before {
content: "\eb55";
}
.icon-TCI:before {
content: "\eb56";
}
.icon-CTF:before {
content: "\eb57";
}
.icon-home2:before {
content: "\e965";
}
.icon-home3:before {
content: "\e966";
}
.icon-office:before {
content: "\e967";
}
.icon-newspaper:before {
content: "\e968";
}
.icon-pencil:before {
content: "\e969";
}
.icon-pencil2:before {
content: "\e96a";
}
.icon-quill:before {
content: "\e96b";
}
.icon-pen:before {
content: "\e96d";
}
.icon-blog:before {
content: "\e96e";
}
.icon-eyedropper:before {
content: "\e96f";
}
.icon-droplet:before {
content: "\e970";
}
.icon-paint-format:before {
content: "\e971";
}
.icon-image:before {
content: "\e973";
}
.icon-images:before {
content: "\e974";
}
.icon-camera:before {
content: "\e976";
}
.icon-headphones:before {
content: "\e977";
}
.icon-music:before {
content: "\e978";
}
.icon-play:before {
content: "\e979";
}
.icon-film:before {
content: "\e97a";
}
.icon-video-camera:before {
content: "\e97b";
}
.icon-dice:before {
content: "\e97c";
}
.icon-pacman:before {
content: "\e97d";
}
.icon-spades:before {
content: "\e97e";
}
.icon-clubs:before {
content: "\e97f";
}
.icon-diamonds:before {
content: "\e980";
}
.icon-bullhorn:before {
content: "\e96c";
}
.icon-connection:before {
content: "\e981";
}
.icon-podcast:before {
content: "\e982";
}
.icon-feed:before {
content: "\e983";
}
.icon-mic:before {
content: "\e984";
}
.icon-book:before {
content: "\e985";
}
.icon-books:before {
content: "\e986";
}
.icon-library:before {
content: "\e988";
}
.icon-file-text:before {
content: "\e989";
}
.icon-profile:before {
content: "\e972";
}
.icon-file-empty:before {
content: "\e98b";
}
.icon-files-empty:before {
content: "\e975";
}
.icon-file-text2:before {
content: "\e98c";
}
.icon-file-picture:before {
content: "\e98d";
}
.icon-file-music:before {
content: "\e98e";
}
.icon-file-play:before {
content: "\e98f";
}
.icon-file-video:before {
content: "\e990";
}
.icon-file-zip:before {
content: "\e987";
}
.icon-copy:before {
content: "\e991";
}
.icon-paste:before {
content: "\e992";
}
.icon-stack:before {
content: "\e993";
}
.icon-folder:before {
content: "\e994";
}
.icon-folder-open:before {
content: "\e996";
}
.icon-folder-plus:before {
content: "\e997";
}
.icon-folder-minus:before {
content: "\e998";
}
.icon-folder-download:before {
content: "\e999";
}
.icon-folder-upload:before {
content: "\e99a";
}
.icon-price-tag:before {
content: "\e99c";
}
.icon-price-tags:before {
content: "\e99d";
}
.icon-barcode:before {
content: "\e99e";
}
.icon-qrcode:before {
content: "\e99f";
}
.icon-ticket:before {
content: "\e9a0";
}
.icon-cart:before {
content: "\e9a1";
}
.icon-coin-dollar:before {
content: "\e98a";
}
.icon-coin-euro:before {
content: "\e9a2";
}
.icon-coin-pound:before {
content: "\e9a3";
}
.icon-coin-yen:before {
content: "\e9a4";
}
.icon-credit-card:before {
content: "\e9a6";
}
.icon-calculator:before {
content: "\e9a7";
}
.icon-lifebuoy:before {
content: "\e9aa";
}
.icon-phone:before {
content: "\e9ab";
}
.icon-phone-hang-up:before {
content: "\e9ac";
}
.icon-address-book:before {
content: "\e9ad";
}
.icon-envelop:before {
content: "\e9ae";
}
.icon-pushpin:before {
content: "\e9af";
}
.icon-location:before {
content: "\e9b0";
}
.icon-location2:before {
content: "\e9b2";
}
.icon-compass1:before {
content: "\e9b3";
}
.icon-compass2:before {
content: "\e995";
}
.icon-map:before {
content: "\e9b5";
}
.icon-map2:before {
content: "\e9b6";
}
.icon-history:before {
content: "\e9b7";
}
.icon-clock:before {
content: "\e9ba";
}
.icon-clock2:before {
content: "\e9bb";
}
.icon-alarm:before {
content: "\e9bd";
}
.icon-bell:before {
content: "\e9be";
}
.icon-stopwatch:before {
content: "\e9bf";
}
.icon-calendar:before {
content: "\e9c0";
}
.icon-printer:before {
content: "\e9c1";
}
.icon-keyboard:before {
content: "\e9c2";
}
.icon-display:before {
content: "\e9c3";
}
.icon-laptop:before {
content: "\e9c4";
}
.icon-mobile:before {
content: "\e9c5";
}
.icon-mobile2:before {
content: "\e9c6";
}
.icon-tablet:before {
content: "\e9c7";
}
.icon-tv:before {
content: "\e9c8";
}
.icon-drawer:before {
content: "\e9c9";
}
.icon-drawer2:before {
content: "\e9cf";
}
.icon-box-add:before {
content: "\e9d0";
}
.icon-box-remove:before {
content: "\e9d1";
}
.icon-download:before {
content: "\e9d2";
}
.icon-upload:before {
content: "\e9d3";
}
.icon-floppy-disk:before {
content: "\e9d4";
}
.icon-drive:before {
content: "\e9d5";
}
.icon-database:before {
content: "\e99b";
}
.icon-undo:before {
content: "\e9d6";
}
.icon-redo:before {
content: "\e9d8";
}
.icon-undo2:before {
content: "\e9d9";
}
.icon-redo2:before {
content: "\e9db";
}
.icon-forward:before {
content: "\e9dc";
}
.icon-reply:before {
content: "\e9dd";
}
.icon-bubble:before {
content: "\e9a5";
}
.icon-bubbles:before {
content: "\e9a8";
}
.icon-bubbles2:before {
content: "\e9de";
}
.icon-bubble2:before {
content: "\e9df";
}
.icon-bubbles3:before {
content: "\e9e0";
}
.icon-bubbles4:before {
content: "\e9e1";
}
.icon-user1:before {
content: "\e9e2";
}
.icon-users:before {
content: "\e9a9";
}
.icon-user-plus:before {
content: "\e9e3";
}
.icon-user-minus:before {
content: "\e9e4";
}
.icon-user-check:before {
content: "\e9b1";
}
.icon-user-tie:before {
content: "\e9e5";
}
.icon-quotes-left:before {
content: "\e9e6";
}
.icon-quotes-right:before {
content: "\e9e7";
}
.icon-hour-glass:before {
content: "\e9e8";
}
.icon-spinner:before {
content: "\e9e9";
}
.icon-spinner2:before {
content: "\e9ea";
}
.icon-spinner3:before {
content: "\e9eb";
}
.icon-spinner4:before {
content: "\e9ec";
}
.icon-spinner5:before {
content: "\e9ed";
}
.icon-spinner6:before {
content: "\e9ee";
}
.icon-spinner7:before {
content: "\e9ef";
}
.icon-spinner8:before {
content: "\e9f0";
}
.icon-spinner9:before {
content: "\e9f1";
}
.icon-spinner10:before {
content: "\e9f2";
}
.icon-spinner11:before {
content: "\e9f3";
}
.icon-binoculars:before {
content: "\e9f4";
}
.icon-search:before {
content: "\e9f5";
}
.icon-zoom-in:before {
content: "\e9b4";
}
.icon-zoom-out:before {
content: "\e9f6";
}
.icon-enlarge:before {
content: "\e9f7";
}
.icon-shrink:before {
content: "\e9b8";
}
.icon-enlarge2:before {
content: "\e9f8";
}
.icon-shrink2:before {
content: "\e9f9";
}
.icon-key:before {
content: "\e9fa";
}
.icon-key2:before {
content: "\e9fb";
}
.icon-lock:before {
content: "\e9fc";
}
.icon-unlocked:before {
content: "\e9fd";
}
.icon-wrench:before {
content: "\e9fe";
}
.icon-equalizer:before {
content: "\e9ff";
}
.icon-equalizer2:before {
content: "\ea00";
}
.icon-cog:before {
content: "\ea01";
}
.icon-cogs:before {
content: "\e9b9";
}
.icon-hammer:before {
content: "\ea02";
}
.icon-magic-wand:before {
content: "\ea03";
}
.icon-aid-kit:before {
content: "\ea04";
}
.icon-bug:before {
content: "\ea05";
}
.icon-pie-chart:before {
content: "\ea06";
}
.icon-stats-dots:before {
content: "\e9bc";
}
.icon-stats-bars:before {
content: "\ea08";
}
.icon-stats-bars2:before {
content: "\ea09";
}
.icon-trophy:before {
content: "\ea0a";
}
.icon-gift:before {
content: "\ea0b";
}
.icon-glass:before {
content: "\ea0d";
}
.icon-glass2:before {
content: "\ea0e";
}
.icon-mug:before {
content: "\ea0f";
}
.icon-spoon-knife:before {
content: "\ea10";
}
.icon-leaf:before {
content: "\ea11";
}
.icon-rocket:before {
content: "\e9ca";
}
.icon-meter:before {
content: "\ea12";
}
.icon-meter2:before {
content: "\ea14";
}
.icon-hammer2:before {
content: "\e9cb";
}
.icon-fire:before {
content: "\e9cc";
}
.icon-lab:before {
content: "\ea15";
}
.icon-magnet:before {
content: "\ea16";
}
.icon-bin:before {
content: "\ea17";
}
.icon-bin2:before {
content: "\ea18";
}
.icon-briefcase:before {
content: "\ea19";
}
.icon-airplane:before {
content: "\ea1a";
}
.icon-truck:before {
content: "\ea1b";
}
.icon-road:before {
content: "\e9cd";
}
.icon-accessibility:before {
content: "\ea1c";
}
.icon-target:before {
content: "\ea1d";
}
.icon-shield:before {
content: "\e9ce";
}
.icon-power:before {
content: "\ea1e";
}
.icon-switch:before {
content: "\ea1f";
}
.icon-power-cord:before {
content: "\ea20";
}
.icon-clipboard:before {
content: "\e9d7";
}
.icon-list-numbered:before {
content: "\e9da";
}
.icon-list:before {
content: "\ea21";
}
.icon-list2:before {
content: "\ea22";
}
.icon-tree:before {
content: "\ea07";
}
.icon-menu:before {
content: "\ea23";
}
.icon-menu2:before {
content: "\ea24";
}
.icon-menu3:before {
content: "\ea25";
}
.icon-menu4:before {
content: "\ea26";
}
.icon-cloud:before {
content: "\ea27";
}
.icon-cloud-download:before {
content: "\ea28";
}
.icon-cloud-upload:before {
content: "\ea29";
}
.icon-cloud-check:before {
content: "\ea2a";
}
.icon-download2:before {
content: "\ea2b";
}
.icon-upload2:before {
content: "\ea2c";
}
.icon-download3:before {
content: "\ea2e";
}
.icon-upload3:before {
content: "\ea2f";
}
.icon-sphere:before {
content: "\ea30";
}
.icon-earth:before {
content: "\ea0c";
}
.icon-link:before {
content: "\ea13";
}
.icon-flag:before {
content: "\ea2d";
}
.icon-attachment:before {
content: "\ea31";
}
.icon-eye:before {
content: "\ea32";
}
.icon-eye-plus:before {
content: "\ea33";
}
.icon-eye-minus:before {
content: "\ea34";
}
.icon-eye-blocked:before {
content: "\ea35";
}
.icon-bookmark:before {
content: "\ea36";
}
.icon-bookmarks:before {
content: "\ea37";
}
.icon-sun:before {
content: "\ea38";
}
.icon-contrast:before {
content: "\ea39";
}
.icon-brightness-contrast:before {
content: "\ea3a";
}
.icon-star-empty:before {
content: "\ea3b";
}
.icon-star-half:before {
content: "\ea3c";
}
.icon-star-full:before {
content: "\ea3d";
}
.icon-heart:before {
content: "\ea3e";
}
.icon-heart-broken:before {
content: "\ea3f";
}
.icon-man:before {
content: "\ea40";
}
.icon-woman:before {
content: "\ea41";
}
.icon-man-woman:before {
content: "\ea42";
}
.icon-happy:before {
content: "\ea43";
}
.icon-happy2:before {
content: "\ea44";
}
.icon-smile:before {
content: "\ea45";
}
.icon-smile2:before {
content: "\ea46";
}
.icon-tongue:before {
content: "\ea47";
}
.icon-tongue2:before {
content: "\ea48";
}
.icon-sad:before {
content: "\ea49";
}
.icon-sad2:before {
content: "\ea4a";
}
.icon-wink:before {
content: "\ea4b";
}
.icon-wink2:before {
content: "\ea4c";
}
.icon-grin:before {
content: "\ea4d";
}
.icon-grin2:before {
content: "\ea4e";
}
.icon-cool:before {
content: "\ea4f";
}
.icon-cool2:before {
content: "\ea50";
}
.icon-angry:before {
content: "\ea51";
}
.icon-angry2:before {
content: "\ea52";
}
.icon-evil:before {
content: "\ea53";
}
.icon-evil2:before {
content: "\ea54";
}
.icon-shocked:before {
content: "\ea55";
}
.icon-shocked2:before {
content: "\ea56";
}
.icon-baffled:before {
content: "\ea57";
}
.icon-baffled2:before {
content: "\ea58";
}
.icon-confused:before {
content: "\ea59";
}
.icon-confused2:before {
content: "\ea5a";
}
.icon-neutral:before {
content: "\ea5b";
}
.icon-neutral2:before {
content: "\ea5c";
}
.icon-hipster:before {
content: "\ea5d";
}
.icon-hipster2:before {
content: "\ea5e";
}
.icon-wondering:before {
content: "\ea5f";
}
.icon-wondering2:before {
content: "\ea60";
}
.icon-sleepy:before {
content: "\ea61";
}
.icon-sleepy2:before {
content: "\ea62";
}
.icon-frustrated:before {
content: "\ea63";
}
.icon-frustrated2:before {
content: "\ea64";
}
.icon-crying:before {
content: "\ea65";
}
.icon-crying2:before {
content: "\ea66";
}
.icon-point-up:before {
content: "\ea67";
}
.icon-point-right:before {
content: "\ea68";
}
.icon-point-down:before {
content: "\ea69";
}
.icon-point-left:before {
content: "\ea6a";
}
.icon-warning:before {
content: "\ea6b";
}
.icon-notification:before {
content: "\ea6c";
}
.icon-question:before {
content: "\ea6d";
}
.icon-plus:before {
content: "\ea6e";
}
.icon-minus:before {
content: "\ea6f";
}
.icon-info:before {
content: "\ea70";
}
.icon-cancel-circle:before {
content: "\ea71";
}
.icon-blocked:before {
content: "\ea72";
}
.icon-cross:before {
content: "\ea73";
}
.icon-checkmark:before {
content: "\ea74";
}
.icon-checkmark2:before {
content: "\ea75";
}
.icon-spell-check:before {
content: "\ea76";
}
.icon-enter:before {
content: "\ea77";
}
.icon-exit:before {
content: "\ea78";
}
.icon-play2:before {
content: "\ea79";
}
.icon-pause:before {
content: "\ea7a";
}
.icon-stop:before {
content: "\ea7b";
}
.icon-previous:before {
content: "\ea7c";
}
.icon-next:before {
content: "\ea7d";
}
.icon-backward:before {
content: "\ea7e";
}
.icon-forward2:before {
content: "\ea7f";
}
.icon-play3:before {
content: "\ea80";
}
.icon-pause2:before {
content: "\ea81";
}
.icon-stop2:before {
content: "\ea82";
}
.icon-backward2:before {
content: "\ea83";
}
.icon-forward3:before {
content: "\ea84";
}
.icon-first:before {
content: "\ea85";
}
.icon-last:before {
content: "\ea86";
}
.icon-previous2:before {
content: "\ea87";
}
.icon-next2:before {
content: "\ea88";
}
.icon-eject:before {
content: "\ea89";
}
.icon-volume-high:before {
content: "\ea8a";
}
.icon-volume-medium:before {
content: "\ea8b";
}
.icon-volume-low:before {
content: "\ea8c";
}
.icon-volume-mute:before {
content: "\ea8d";
}
.icon-volume-mute2:before {
content: "\ea8e";
}
.icon-volume-increase:before {
content: "\ea8f";
}
.icon-volume-decrease:before {
content: "\ea90";
}
.icon-loop:before {
content: "\ea91";
}
.icon-loop2:before {
content: "\ea92";
}
.icon-infinite:before {
content: "\ea93";
}
.icon-shuffle:before {
content: "\ea94";
}
.icon-arrow-up-left:before {
content: "\ea95";
}
.icon-arrow-up:before {
content: "\ea96";
}
.icon-arrow-up-right:before {
content: "\ea97";
}
.icon-arrow-right:before {
content: "\ea98";
}
.icon-arrow-down-right:before {
content: "\ea99";
}
.icon-arrow-down:before {
content: "\ea9a";
}
.icon-arrow-down-left:before {
content: "\ea9b";
}
.icon-arrow-left:before {
content: "\ea9c";
}
.icon-arrow-up-left2:before {
content: "\ea9d";
}
.icon-arrow-up2:before {
content: "\ea9e";
}
.icon-arrow-up-right2:before {
content: "\ea9f";
}
.icon-arrow-right2:before {
content: "\eaa0";
}
.icon-arrow-down-right2:before {
content: "\eaa1";
}
.icon-arrow-down2:before {
content: "\eaa2";
}
.icon-arrow-down-left2:before {
content: "\eaa3";
}
.icon-arrow-left2:before {
content: "\eaa4";
}
.icon-circle-up:before {
content: "\eaa5";
}
.icon-circle-right:before {
content: "\eaa6";
}
.icon-circle-down:before {
content: "\eaa7";
}
.icon-circle-left:before {
content: "\eaa8";
}
.icon-tab:before {
content: "\eaa9";
}
.icon-move-up:before {
content: "\eaaa";
}
.icon-move-down:before {
content: "\eaab";
}
.icon-sort-alpha-asc:before {
content: "\eaac";
}
.icon-sort-alpha-desc:before {
content: "\eaad";
}
.icon-sort-numeric-asc:before {
content: "\eaae";
}
.icon-sort-numberic-desc:before {
content: "\eaaf";
}
.icon-sort-amount-asc:before {
content: "\eab0";
}
.icon-sort-amount-desc:before {
content: "\eab1";
}
.icon-command:before {
content: "\eab2";
}
.icon-shift:before {
content: "\eab3";
}
.icon-ctrl:before {
content: "\eab4";
}
.icon-opt:before {
content: "\eab5";
}
.icon-checkbox-checked:before {
content: "\eab6";
}
.icon-checkbox-unchecked:before {
content: "\eab7";
}
.icon-radio-checked:before {
content: "\eab8";
}
.icon-radio-checked2:before {
content: "\eab9";
}
.icon-radio-unchecked:before {
content: "\eaba";
}
.icon-crop:before {
content: "\eabb";
}
.icon-make-group:before {
content: "\eabc";
}
.icon-ungroup:before {
content: "\eabd";
}
.icon-scissors:before {
content: "\eabe";
}
.icon-filter:before {
content: "\eabf";
}
.icon-font:before {
content: "\eac0";
}
.icon-ligature:before {
content: "\eac1";
}
.icon-ligature2:before {
content: "\eac2";
}
.icon-text-height:before {
content: "\eac3";
}
.icon-text-width:before {
content: "\eac4";
}
.icon-font-size:before {
content: "\eac5";
}
.icon-bold:before {
content: "\eac6";
}
.icon-underline:before {
content: "\eac7";
}
.icon-italic:before {
content: "\eac8";
}
.icon-strikethrough:before {
content: "\eac9";
}
.icon-omega:before {
content: "\eaca";
}
.icon-sigma:before {
content: "\eacb";
}
.icon-page-break:before {
content: "\eacc";
}
.icon-superscript:before {
content: "\eacd";
}
.icon-subscript:before {
content: "\eace";
}
.icon-superscript2:before {
content: "\eacf";
}
.icon-subscript2:before {
content: "\ead0";
}
.icon-text-color:before {
content: "\ead1";
}
.icon-pagebreak:before {
content: "\ead2";
}
.icon-clear-formatting:before {
content: "\ead3";
}
.icon-table:before {
content: "\ead4";
}
.icon-table2:before {
content: "\ead5";
}
.icon-insert-template:before {
content: "\ead6";
}
.icon-pilcrow:before {
content: "\ead7";
}
.icon-ltr:before {
content: "\ead8";
}
.icon-rtl:before {
content: "\ead9";
}
.icon-section:before {
content: "\eada";
}
.icon-paragraph-left:before {
content: "\eadb";
}
.icon-paragraph-center:before {
content: "\eadc";
}
.icon-paragraph-right:before {
content: "\eadd";
}
.icon-paragraph-justify:before {
content: "\eade";
}
.icon-indent-increase:before {
content: "\eadf";
}
.icon-indent-decrease:before {
content: "\eae0";
}
.icon-share:before {
content: "\eae1";
}
.icon-new-tab:before {
content: "\eae2";
}
.icon-embed:before {
content: "\eae3";
}
.icon-embed2:before {
content: "\eae4";
}
.icon-terminal:before {
content: "\eae5";
}
.icon-share2:before {
content: "\eae6";
}
.icon-mail:before {
content: "\eae7";
}
.icon-mail2:before {
content: "\eae8";
}
.icon-mail3:before {
content: "\eae9";
}
.icon-mail4:before {
content: "\eaea";
}
.icon-amazon:before {
content: "\eaeb";
}
.icon-google:before {
content: "\eaec";
}
.icon-google2:before {
content: "\eaed";
}
.icon-google3:before {
content: "\eaee";
}
.icon-google-plus:before {
content: "\eaef";
}
.icon-google-plus2:before {
content: "\eaf0";
}
.icon-google-plus3:before {
content: "\eaf1";
}
.icon-hangouts:before {
content: "\eaf2";
}
.icon-google-drive:before {
content: "\eaf3";
}
.icon-facebook:before {
content: "\eaf4";
}
.icon-facebook2:before {
content: "\eaf5";
}
.icon-instagram:before {
content: "\eaf6";
}
.icon-whatsapp:before {
content: "\eaf7";
}
.icon-spotify:before {
content: "\eaf8";
}
.icon-telegram:before {
content: "\eaf9";
}
.icon-twitter:before {
content: "\eafa";
}
.icon-vine:before {
content: "\eafb";
}
.icon-vk:before {
content: "\eafc";
}
.icon-renren:before {
content: "\eafd";
}
.icon-sina-weibo:before {
content: "\eafe";
}
.icon-rss:before {
content: "\eaff";
}
.icon-rss2:before {
content: "\eb00";
}
.icon-youtube:before {
content: "\eb01";
}
.icon-youtube2:before {
content: "\eb02";
}
.icon-twitch:before {
content: "\eb03";
}
.icon-vimeo:before {
content: "\eb04";
}
.icon-vimeo2:before {
content: "\eb05";
}
.icon-lanyrd:before {
content: "\eb06";
}
.icon-flickr:before {
content: "\eb07";
}
.icon-flickr2:before {
content: "\eb08";
}
.icon-flickr3:before {
content: "\eb09";
}
.icon-flickr4:before {
content: "\eb0a";
}
.icon-dribbble:before {
content: "\eb0b";
}
.icon-behance:before {
content: "\eb0c";
}
.icon-behance2:before {
content: "\eb0d";
}
.icon-deviantart:before {
content: "\eb0e";
}
.icon-500px:before {
content: "\eb0f";
}
.icon-steam:before {
content: "\eb10";
}
.icon-steam2:before {
content: "\eb11";
}
.icon-dropbox:before {
content: "\eb12";
}
.icon-onedrive:before {
content: "\eb13";
}
.icon-github:before {
content: "\eb14";
}
.icon-npm:before {
content: "\eb15";
}
.icon-basecamp:before {
content: "\eb16";
}
.icon-trello:before {
content: "\eb17";
}
.icon-wordpress:before {
content: "\eb18";
}
.icon-joomla:before {
content: "\eb19";
}
.icon-ello:before {
content: "\eb1a";
}
.icon-blogger:before {
content: "\eb1b";
}
.icon-blogger2:before {
content: "\eb1c";
}
.icon-tumblr:before {
content: "\eb1d";
}
.icon-tumblr2:before {
content: "\eb1e";
}
.icon-yahoo:before {
content: "\eb1f";
}
.icon-yahoo2:before {
content: "\eb20";
}
.icon-tux:before {
content: "\eb21";
}
.icon-appleinc:before {
content: "\eb22";
}
.icon-finder:before {
content: "\eb23";
}
.icon-android:before {
content: "\eb24";
}
.icon-windows:before {
content: "\eb25";
}
.icon-windows8:before {
content: "\eb26";
}
.icon-soundcloud:before {
content: "\eb27";
}
.icon-soundcloud2:before {
content: "\eb28";
}
.icon-skype:before {
content: "\eb29";
}
.icon-reddit:before {
content: "\eb2a";
}
.icon-hackernews:before {
content: "\eb2b";
}
.icon-wikipedia:before {
content: "\eb2c";
}
.icon-linkedin:before {
content: "\eb2d";
}
.icon-linkedin2:before {
content: "\eb2e";
}
.icon-lastfm:before {
content: "\eb2f";
}
.icon-lastfm2:before {
content: "\eb30";
}
.icon-delicious:before {
content: "\eb31";
}
.icon-stumbleupon:before {
content: "\eb32";
}
.icon-stumbleupon2:before {
content: "\eb33";
}
.icon-stackoverflow:before {
content: "\eb34";
}
.icon-pinterest:before {
content: "\eb35";
}
.icon-pinterest2:before {
content: "\eb36";
}
.icon-xing:before {
content: "\eb37";
}
.icon-xing2:before {
content: "\eb38";
}
.icon-flattr:before {
content: "\eb39";
}
.icon-foursquare:before {
content: "\eb3a";
}
.icon-yelp:before {
content: "\eb3b";
}
.icon-paypal:before {
content: "\eb3c";
}
.icon-chrome:before {
content: "\eb3d";
}
.icon-firefox:before {
content: "\eb3e";
}
.icon-IE:before {
content: "\eb3f";
}
.icon-edge:before {
content: "\eb40";
}
.icon-safari:before {
content: "\eb41";
}
.icon-opera:before {
content: "\eb42";
}
.icon-file-pdf:before {
content: "\eb43";
}
.icon-file-openoffice:before {
content: "\eb44";
}
.icon-file-word:before {
content: "\eb45";
}
.icon-file-excel:before {
content: "\eb46";
}
.icon-libreoffice:before {
content: "\eb58";
}
.icon-html-five:before {
content: "\eb59";
}
.icon-html-five2:before {
content: "\eb5a";
}
.icon-css3:before {
content: "\eb5b";
}
.icon-git:before {
content: "\eb5c";
}
.icon-codepen:before {
content: "\eb5d";
}
.icon-svg:before {
content: "\eb5e";
}
.icon-IcoMoon:before {
content: "\eb5f";
}
@charset "UTF-8";
/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/
Settings – used with preprocessors and contain font, colors definitions, etc.
Tools – globally used mixins and functions. It’s important not to output any CSS in the first 2 layers.
Generic – reset and/or normalize styles, box-sizing definition, etc. This is the first layer which generates actual CSS.
Elements – styling for bare HTML elements (like H1, A, etc.). These come with default styling from the browser so we can redefine them here.
Objects – class-based selectors which define undecorated design patterns, for example media object known from OOCSS
Components – specific UI components. This is where majority of our work takes place and our UI components are often composed of Objects and Components
Utilities – utilities and helper classes with ability to override anything which goes before in the triangle, eg. hide helper class
--------------------------------------------------------------*/
/*!
* Bootstrap v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #2969BD;
--secondary: #0094FF;
--text: #363636;
--danger: #D9534F;
--dark: #222222;
--white: #FFFFFF;
--black: #000000;
--silver: #A6A6A6;
--gray: #E5E5E5;
--doveGray: #666666;
--bunting: #19224D;
--alabaster: #F8F8F8;
--seashell: #F1F1F1;
--alto: #DBDBDB;
--seaGreen: #2F884D;
--dodgerBlue: #06ACFF;
--lightGreen: #1FC86A;
--brightRed: #A00A00;
--ghost: #CED4DA;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
dfn {
font-style: italic; }
b,
strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:hover {
color: #0056b3;
text-decoration: underline; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em; }
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle;
border-style: none; }
svg {
overflow: hidden;
vertical-align: middle; }
table {
border-collapse: collapse; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom; }
th {
text-align: inherit; }
label {
display: inline-block;
margin-bottom: 0.5rem; }
button {
border-radius: 0; }
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button,
input {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }
textarea {
overflow: auto;
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; }
progress {
vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }
output {
display: inline-block; }
summary {
display: list-item;
cursor: pointer; }
template {
display: none; }
[hidden] {
display: none !important; }
.lead {
font-size: 1.25rem;
font-weight: 300; }
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2; }
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2; }
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2; }
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2; }
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
small,
.small {
font-size: 80%;
font-weight: 400; }
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3; }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none; }
.list-inline-item {
display: inline-block; }
.list-inline-item:not(:last-child) {
margin-right: 0.5rem; }
.initialism {
font-size: 90%;
text-transform: uppercase; }
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem; }
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d; }
.blockquote-footer::before {
content: "\2014 \00A0"; }
.img-fluid {
max-width: 100%;
height: auto; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #6c757d; }
code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word; }
a > code {
color: inherit; }
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: 0.2rem; }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700; }
pre {
display: block;
font-size: 87.5%;
color: #212529; }
pre code {
font-size: inherit;
color: inherit;
word-break: normal; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container {
max-width: 540px; } }
@media (min-width: 768px) {
.container {
max-width: 720px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1200px) {
.container {
max-width: 1150px; } }
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-first {
order: -1; }
.order-last {
order: 13; }
.order-0 {
order: 0; }
.order-1 {
order: 1; }
.order-2 {
order: 2; }
.order-3 {
order: 3; }
.order-4 {
order: 4; }
.order-5 {
order: 5; }
.order-6 {
order: 6; }
.order-7 {
order: 7; }
.order-8 {
order: 8; }
.order-9 {
order: 9; }
.order-10 {
order: 10; }
.order-11 {
order: 11; }
.order-12 {
order: 12; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
order: -1; }
.order-sm-last {
order: 13; }
.order-sm-0 {
order: 0; }
.order-sm-1 {
order: 1; }
.order-sm-2 {
order: 2; }
.order-sm-3 {
order: 3; }
.order-sm-4 {
order: 4; }
.order-sm-5 {
order: 5; }
.order-sm-6 {
order: 6; }
.order-sm-7 {
order: 7; }
.order-sm-8 {
order: 8; }
.order-sm-9 {
order: 9; }
.order-sm-10 {
order: 10; }
.order-sm-11 {
order: 11; }
.order-sm-12 {
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; } }
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
order: -1; }
.order-md-last {
order: 13; }
.order-md-0 {
order: 0; }
.order-md-1 {
order: 1; }
.order-md-2 {
order: 2; }
.order-md-3 {
order: 3; }
.order-md-4 {
order: 4; }
.order-md-5 {
order: 5; }
.order-md-6 {
order: 6; }
.order-md-7 {
order: 7; }
.order-md-8 {
order: 8; }
.order-md-9 {
order: 9; }
.order-md-10 {
order: 10; }
.order-md-11 {
order: 11; }
.order-md-12 {
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; } }
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
order: -1; }
.order-lg-last {
order: 13; }
.order-lg-0 {
order: 0; }
.order-lg-1 {
order: 1; }
.order-lg-2 {
order: 2; }
.order-lg-3 {
order: 3; }
.order-lg-4 {
order: 4; }
.order-lg-5 {
order: 5; }
.order-lg-6 {
order: 6; }
.order-lg-7 {
order: 7; }
.order-lg-8 {
order: 8; }
.order-lg-9 {
order: 9; }
.order-lg-10 {
order: 10; }
.order-lg-11 {
order: 11; }
.order-lg-12 {
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; } }
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
order: -1; }
.order-xl-last {
order: 13; }
.order-xl-0 {
order: 0; }
.order-xl-1 {
order: 1; }
.order-xl-2 {
order: 2; }
.order-xl-3 {
order: 3; }
.order-xl-4 {
order: 4; }
.order-xl-5 {
order: 5; }
.order-xl-6 {
order: 6; }
.order-xl-7 {
order: 7; }
.order-xl-8 {
order: 8; }
.order-xl-9 {
order: 9; }
.order-xl-10 {
order: 10; }
.order-xl-11 {
order: 11; }
.order-xl-12 {
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; } }
.table {
width: 100%;
margin-bottom: 1rem;
background-color: transparent; }
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6; }
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6; }
.table tbody + tbody {
border-top: 2px solid #dee2e6; }
.table .table {
background-color: #fff; }
.table-sm th,
.table-sm td {
padding: 0.3rem; }
.table-bordered {
border: 1px solid #dee2e6; }
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6; }
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px; }
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0; }
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075); }
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #b8daff; }
.table-hover .table-primary:hover {
background-color: #9fcdff; }
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #9fcdff; }
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #d6d8db; }
.table-hover .table-secondary:hover {
background-color: #c8cbcf; }
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #c8cbcf; }
.table-success,
.table-success > th,
.table-success > td {
background-color: #c3e6cb; }
.table-hover .table-success:hover {
background-color: #b1dfbb; }
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b1dfbb; }
.table-info,
.table-info > th,
.table-info > td {
background-color: #bee5eb; }
.table-hover .table-info:hover {
background-color: #abdde5; }
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #abdde5; }
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #ffeeba; }
.table-hover .table-warning:hover {
background-color: #ffe8a1; }
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffe8a1; }
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f5c6cb; }
.table-hover .table-danger:hover {
background-color: #f1b0b7; }
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f1b0b7; }
.table-light,
.table-light > th,
.table-light > td {
background-color: #fdfdfe; }
.table-hover .table-light:hover {
background-color: #ececf6; }
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6; }
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca; }
.table-hover .table-dark:hover {
background-color: #b9bbbe; }
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe; }
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075); }
.table .thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e; }
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6; }
.table-dark {
color: #fff;
background-color: #212529; }
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #32383e; }
.table-dark.table-bordered {
border: 0; }
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05); }
.table-dark.table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-sm > .table-bordered {
border: 0; } }
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-md > .table-bordered {
border: 0; } }
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-lg > .table-bordered {
border: 0; } }
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-xl > .table-bordered {
border: 0; } }
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive > .table-bordered {
border: 0; }
.form-control {
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
.form-control {
transition: none; } }
.form-control::-ms-expand {
background-color: transparent;
border: 0; }
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.form-control::placeholder {
color: #6c757d;
opacity: 1; }
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1; }
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff; }
.form-control-file,
.form-control-range {
display: block;
width: 100%; }
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5; }
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5; }
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5; }
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; }
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0; }
.form-control-sm {
height: calc(1.8125rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem; }
.form-control-lg {
height: calc(2.875rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem; }
select.form-control[size], select.form-control[multiple] {
height: auto; }
textarea.form-control {
height: auto; }
.form-group {
margin-bottom: 1rem; }
.form-text {
display: block;
margin-top: 0.25rem; }
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px; }
.form-row > .col,
.form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px; }
.form-check {
position: relative;
display: block;
padding-left: 1.25rem; }
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem; }
.form-check-input:disabled ~ .form-check-label {
color: #6c757d; }
.form-check-label {
margin-bottom: 0; }
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem; }
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0; }
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #28a745; }
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40, 167, 69, 0.9);
border-radius: 0.25rem; }
.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
border-color: #28a745; }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28a745; }
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #28a745; }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #71dd8a; }
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: #34ce57; }
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28a745; }
.was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after {
border-color: inherit; }
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545; }
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem; }
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
border-color: #dc3545; }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545; }
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc3545; }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #efa2a9; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: #e4606d; }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #dc3545; }
.was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after {
border-color: inherit; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center; }
.form-inline .form-check {
width: 100%; }
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0; }
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-plaintext {
display: inline-block; }
.form-inline .input-group,
.form-inline .custom-select {
width: auto; }
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0; }
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0; }
.form-inline .custom-control {
align-items: center;
justify-content: center; }
.form-inline .custom-control-label {
margin-bottom: 0; } }
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
.btn {
transition: none; } }
.btn:hover, .btn:focus {
text-decoration: none; }
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.btn.disabled, .btn:disabled {
opacity: 0.65; }
.btn:not(:disabled):not(.disabled) {
cursor: pointer; }
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none; }
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc; }
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62; }
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34; }
.btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b; }
.btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f; }
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00; }
.btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500; }
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130; }
.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5; }
.btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df; }
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124; }
.btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d; }
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff; }
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d; }
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745; }
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8; }
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent; }
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107; }
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent; }
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545; }
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa; }
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent; }
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40; }
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent; }
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent; }
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent; }
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
border-color: transparent;
box-shadow: none; }
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none; }
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem; }
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem; }
.btn-block {
display: block;
width: 100%; }
.btn-block + .btn-block {
margin-top: 0.5rem; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.fade {
transition: opacity 0.15s linear; }
@media screen and (prefers-reduced-motion: reduce) {
.fade {
transition: none; } }
.fade:not(.show) {
opacity: 0; }
.collapse:not(.show) {
display: none; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease; }
@media screen and (prefers-reduced-motion: reduce) {
.collapsing {
transition: none; } }
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative; }
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent; }
.dropdown-toggle:empty::after {
margin-left: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem; }
.dropdown-menu-right {
right: 0;
left: auto; }
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent; }
.dropup .dropdown-toggle:empty::after {
margin-left: 0; }
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem; }
.dropright .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid; }
.dropright .dropdown-toggle:empty::after {
margin-left: 0; }
.dropright .dropdown-toggle::after {
vertical-align: 0; }
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem; }
.dropleft .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: ""; }
.dropleft .dropdown-toggle::after {
display: none; }
.dropleft .dropdown-toggle::before {
display: inline-block;
width: 0;
height: 0;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent; }
.dropleft .dropdown-toggle:empty::after {
margin-left: 0; }
.dropleft .dropdown-toggle::before {
vertical-align: 0; }
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
right: auto;
bottom: auto; }
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef; }
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0; }
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa; }
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff; }
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
background-color: transparent; }
.dropdown-menu.show {
display: block; }
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap; }
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529; }
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 0 1 auto; }
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 1; }
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
margin-left: -1px; }
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.btn-toolbar .input-group {
width: auto; }
.btn-group > .btn:first-child {
margin-left: 0; }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem; }
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
margin-left: 0; }
.dropleft .dropdown-toggle-split::before {
margin-right: 0; }
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem; }
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center; }
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0; }
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0; }
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%; }
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0; }
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px; }
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3; }
.input-group > .custom-file .custom-file-input:focus {
z-index: 4; }
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group > .custom-file {
display: flex;
align-items: center; }
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group-prepend,
.input-group-append {
display: flex; }
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2; }
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
margin-left: -1px; }
.input-group-prepend {
margin-right: -1px; }
.input-group-append {
margin-left: -1px; }
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem; }
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
margin-top: 0; }
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
height: calc(2.875rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem; }
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
height: calc(1.8125rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem; }
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem; }
.custom-control-inline {
display: inline-flex;
margin-right: 1rem; }
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
background-color: #007bff; }
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-control-input:active ~ .custom-control-label::before {
color: #fff;
background-color: #b3d7ff; }
.custom-control-input:disabled ~ .custom-control-label {
color: #6c757d; }
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef; }
.custom-control-label {
position: relative;
margin-bottom: 0; }
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
user-select: none;
background-color: #dee2e6; }
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%; }
.custom-checkbox .custom-control-label::before {
border-radius: 0.25rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #007bff; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
background-color: #007bff; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5); }
.custom-radio .custom-control-label::before {
border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: #007bff; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5); }
.custom-select {
display: inline-block;
width: 100%;
height: calc(2.25rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
background-size: 8px 10px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
appearance: none; }
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); }
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff; }
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none; }
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef; }
.custom-select::-ms-expand {
opacity: 0; }
.custom-select-sm {
height: calc(1.8125rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%; }
.custom-select-lg {
height: calc(2.875rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 125%; }
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(2.25rem + 2px);
margin-bottom: 0; }
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(2.25rem + 2px);
margin: 0;
opacity: 0; }
.custom-file-input:focus ~ .custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-file-input:focus ~ .custom-file-label::after {
border-color: #80bdff; }
.custom-file-input:disabled ~ .custom-file-label {
background-color: #e9ecef; }
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse"; }
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem; }
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: 2.25rem;
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: 1px solid #ced4da;
border-radius: 0 0.25rem 0.25rem 0; }
.custom-range {
width: 100%;
padding-left: 0;
background-color: transparent;
appearance: none; }
.custom-range:focus {
outline: none; }
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-range::-moz-focus-outer {
border: 0; }
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
transition: none; } }
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff; }
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; }
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
transition: none; } }
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff; }
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; }
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
transition: none; } }
.custom-range::-ms-thumb:active {
background-color: #b3d7ff; }
.custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem; }
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem; }
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem; }
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none; } }
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.nav-link {
display: block;
padding: 0.5rem 1rem; }
.nav-link:hover, .nav-link:focus {
text-decoration: none; }
.nav-link.disabled {
color: #6c757d; }
.nav-tabs {
border-bottom: 1px solid #dee2e6; }
.nav-tabs .nav-item {
margin-bottom: -1px; }
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6; }
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.nav-pills .nav-link {
border-radius: 0.25rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #007bff; }
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center; }
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center; }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem; }
.navbar > .container,
.navbar > .container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0; }
.navbar-nav .dropdown-menu {
position: static;
float: none; }
.navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center; }
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem; }
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none; }
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer; }
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%; }
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 576px) {
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start; }
.navbar-expand-sm .navbar-nav {
flex-direction: row; }
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
flex-wrap: nowrap; }
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-sm .navbar-toggler {
display: none; } }
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start; }
.navbar-expand-md .navbar-nav {
flex-direction: row; }
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
flex-wrap: nowrap; }
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-md .navbar-toggler {
display: none; } }
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start; }
.navbar-expand-lg .navbar-nav {
flex-direction: row; }
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
flex-wrap: nowrap; }
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-lg .navbar-toggler {
display: none; } }
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start; }
.navbar-expand-xl .navbar-nav {
flex-direction: row; }
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
flex-wrap: nowrap; }
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand-xl .navbar-toggler {
display: none; } }
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start; }
.navbar-expand > .container,
.navbar-expand > .container-fluid {
padding-right: 0;
padding-left: 0; }
.navbar-expand .navbar-nav {
flex-direction: row; }
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand > .container,
.navbar-expand > .container-fluid {
flex-wrap: nowrap; }
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto; }
.navbar-expand .navbar-toggler {
display: none; }
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7); }
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9); }
.navbar-dark .navbar-brand {
color: #fff; }
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff; }
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5); }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff; }
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5); }
.navbar-dark .navbar-text a {
color: #fff; }
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff; }
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem; }
.card > hr {
margin-right: 0;
margin-left: 0; }
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.card-body {
flex: 1 1 auto;
padding: 1.25rem; }
.card-title {
margin-bottom: 0.75rem; }
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0; }
.card-text:last-child {
margin-bottom: 0; }
.card-link:hover {
text-decoration: none; }
.card-link + .card-link {
margin-left: 1.25rem; }
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.card-header + .list-group .list-group-item:first-child {
border-top: 0; }
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125); }
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0; }
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem; }
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem; }
.card-img {
width: 100%;
border-radius: calc(0.25rem - 1px); }
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.card-deck {
display: flex;
flex-direction: column; }
.card-deck .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-deck {
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px; }
.card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px; } }
.card-group {
display: flex;
flex-direction: column; }
.card-group > .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-group {
flex-flow: row wrap; }
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0; }
.card-group > .card + .card {
margin-left: 0;
border-left: 0; }
.card-group > .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header {
border-top-right-radius: 0; }
.card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer {
border-bottom-right-radius: 0; }
.card-group > .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header {
border-top-left-radius: 0; }
.card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer {
border-bottom-left-radius: 0; }
.card-group > .card:only-child {
border-radius: 0.25rem; }
.card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0; }
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius: 0; } }
.card-columns .card {
margin-bottom: 0.75rem; }
@media (min-width: 576px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1; }
.card-columns .card {
display: inline-block;
width: 100%; } }
.accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0; }
.accordion .card:not(:first-of-type) .card-header:first-child {
border-radius: 0; }
.accordion .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.accordion .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: 0.25rem; }
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem; }
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #6c757d;
content: "/"; }
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline; }
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none; }
.breadcrumb-item.active {
color: #6c757d; }
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem; }
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6; }
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6; }
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.page-link:not(:disabled):not(.disabled) {
cursor: pointer; }
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; }
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6; }
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; }
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem; }
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem; }
.badge:empty {
display: none; }
.btn .badge {
position: relative;
top: -1px; }
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem; }
.badge-primary {
color: #fff;
background-color: #007bff; }
.badge-primary[href]:hover, .badge-primary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #0062cc; }
.badge-secondary {
color: #fff;
background-color: #6c757d; }
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #545b62; }
.badge-success {
color: #fff;
background-color: #28a745; }
.badge-success[href]:hover, .badge-success[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1e7e34; }
.badge-info {
color: #fff;
background-color: #17a2b8; }
.badge-info[href]:hover, .badge-info[href]:focus {
color: #fff;
text-decoration: none;
background-color: #117a8b; }
.badge-warning {
color: #212529;
background-color: #ffc107; }
.badge-warning[href]:hover, .badge-warning[href]:focus {
color: #212529;
text-decoration: none;
background-color: #d39e00; }
.badge-danger {
color: #fff;
background-color: #dc3545; }
.badge-danger[href]:hover, .badge-danger[href]:focus {
color: #fff;
text-decoration: none;
background-color: #bd2130; }
.badge-light {
color: #212529;
background-color: #f8f9fa; }
.badge-light[href]:hover, .badge-light[href]:focus {
color: #212529;
text-decoration: none;
background-color: #dae0e5; }
.badge-dark {
color: #fff;
background-color: #343a40; }
.badge-dark[href]:hover, .badge-dark[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1d2124; }
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: 0.3rem; }
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem; } }
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0; }
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem; }
.alert-heading {
color: inherit; }
.alert-link {
font-weight: 700; }
.alert-dismissible {
padding-right: 4rem; }
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit; }
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff; }
.alert-primary hr {
border-top-color: #9fcdff; }
.alert-primary .alert-link {
color: #002752; }
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db; }
.alert-secondary hr {
border-top-color: #c8cbcf; }
.alert-secondary .alert-link {
color: #202326; }
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb; }
.alert-success hr {
border-top-color: #b1dfbb; }
.alert-success .alert-link {
color: #0b2e13; }
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb; }
.alert-info hr {
border-top-color: #abdde5; }
.alert-info .alert-link {
color: #062c33; }
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba; }
.alert-warning hr {
border-top-color: #ffe8a1; }
.alert-warning .alert-link {
color: #533f03; }
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb; }
.alert-danger hr {
border-top-color: #f1b0b7; }
.alert-danger .alert-link {
color: #491217; }
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe; }
.alert-light hr {
border-top-color: #ececf6; }
.alert-light .alert-link {
color: #686868; }
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca; }
.alert-dark hr {
border-top-color: #b9bbbe; }
.alert-dark .alert-link {
color: #040505; }
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } }
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem; }
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width 0.6s ease; }
@media screen and (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none; } }
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem; }
.progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite; }
.media {
display: flex;
align-items: flex-start; }
.media-body {
flex: 1; }
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0; }
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit; }
.list-group-item-action:hover, .list-group-item-action:focus {
color: #495057;
text-decoration: none;
background-color: #f8f9fa; }
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef; }
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125); }
.list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.list-group-item:hover, .list-group-item:focus {
z-index: 1;
text-decoration: none; }
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
background-color: #fff; }
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0; }
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0; }
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0; }
.list-group-item-primary {
color: #004085;
background-color: #b8daff; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #004085;
background-color: #9fcdff; }
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085; }
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db; }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #383d41;
background-color: #c8cbcf; }
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41; }
.list-group-item-success {
color: #155724;
background-color: #c3e6cb; }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #155724;
background-color: #b1dfbb; }
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724; }
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb; }
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #0c5460;
background-color: #abdde5; }
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460; }
.list-group-item-warning {
color: #856404;
background-color: #ffeeba; }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #856404;
background-color: #ffe8a1; }
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404; }
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb; }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #721c24;
background-color: #f1b0b7; }
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24; }
.list-group-item-light {
color: #818182;
background-color: #fdfdfe; }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6; }
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182; }
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca; }
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe; }
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21; }
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5; }
.close:not(:disabled):not(.disabled) {
cursor: pointer; }
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
color: #000;
text-decoration: none;
opacity: .75; }
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none; }
.modal-open {
overflow: hidden; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0; }
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none; }
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -25%); }
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none; } }
.modal.show .modal-dialog {
transform: translate(0, 0); }
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - (0.5rem * 2)); }
.modal-dialog-centered::before {
display: block;
height: calc(100vh - (0.5rem * 2));
content: ""; }
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.show {
opacity: 0.5; }
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem; }
.modal-header .close {
padding: 1rem;
margin: -1rem -1rem -1rem auto; }
.modal-title {
margin-bottom: 0;
line-height: 1.5; }
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem; }
.modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef; }
.modal-footer > :not(:first-child) {
margin-left: .25rem; }
.modal-footer > :not(:last-child) {
margin-right: .25rem; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto; }
.modal-dialog-centered {
min-height: calc(100% - (1.75rem * 2)); }
.modal-dialog-centered::before {
height: calc(100vh - (1.75rem * 2)); }
.modal-sm {
max-width: 300px; } }
@media (min-width: 992px) {
.modal-lg {
max-width: 800px; } }
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0; }
.tooltip.show {
opacity: 0.9; }
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem; }
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
padding: 0.4rem 0; }
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000; }
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
padding: 0 0.4rem; }
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000; }
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
padding: 0.4rem 0; }
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0; }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000; }
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem; }
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000; }
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem; }
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem; }
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem; }
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid; }
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
margin-bottom: 0.5rem; }
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
bottom: calc((0.5rem + 1px) * -1); }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
border-width: 0.5rem 0.5rem 0; }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
bottom: 0;
border-top-color: rgba(0, 0, 0, 0.25); }
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: 1px;
border-top-color: #fff; }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem; }
.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
border-width: 0.5rem 0.5rem 0.5rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
left: 0;
border-right-color: rgba(0, 0, 0, 0.25); }
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
left: 1px;
border-right-color: #fff; }
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
margin-top: 0.5rem; }
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
top: calc((0.5rem + 1px) * -1); }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-width: 0 0.5rem 0.5rem 0.5rem; }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
top: 0;
border-bottom-color: rgba(0, 0, 0, 0.25); }
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
top: 1px;
border-bottom-color: #fff; }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7; }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem; }
.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
border-width: 0.5rem 0 0.5rem 0.5rem; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
right: 0;
border-left-color: rgba(0, 0, 0, 0.25); }
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
right: 1px;
border-left-color: #fff; }
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); }
.popover-header:empty {
display: none; }
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529; }
.carousel {
position: relative; }
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden; }
.carousel-item {
position: relative;
display: none;
align-items: center;
width: 100%;
backface-visibility: hidden;
perspective: 1000px; }
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
transition: transform 0.6s ease; }
@media screen and (prefers-reduced-motion: reduce) {
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
transition: none; } }
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0; }
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translateX(0); }
@supports (transform-style: preserve-3d) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translate3d(0, 0, 0); } }
.carousel-item-next,
.active.carousel-item-right {
transform: translateX(100%); }
@supports (transform-style: preserve-3d) {
.carousel-item-next,
.active.carousel-item-right {
transform: translate3d(100%, 0, 0); } }
.carousel-item-prev,
.active.carousel-item-left {
transform: translateX(-100%); }
@supports (transform-style: preserve-3d) {
.carousel-item-prev,
.active.carousel-item-left {
transform: translate3d(-100%, 0, 0); } }
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity; }
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0; }
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0); }
@supports (transform-style: preserve-3d) {
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translate3d(0, 0, 0); } }
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5; }
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9; }
.carousel-control-prev {
left: 0; }
.carousel-control-next {
right: 0; }
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: 100% 100%; }
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none; }
.carousel-indicators li {
position: relative;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5); }
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""; }
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""; }
.carousel-indicators .active {
background-color: #fff; }
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center; }
.align-baseline {
vertical-align: baseline !important; }
.align-top {
vertical-align: top !important; }
.align-middle {
vertical-align: middle !important; }
.align-bottom {
vertical-align: bottom !important; }
.align-text-bottom {
vertical-align: text-bottom !important; }
.align-text-top {
vertical-align: text-top !important; }
.bg-primary {
background-color: #007bff !important; }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important; }
.bg-secondary {
background-color: #6c757d !important; }
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important; }
.bg-success {
background-color: #28a745 !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important; }
.bg-info {
background-color: #17a2b8 !important; }
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important; }
.bg-warning {
background-color: #ffc107 !important; }
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important; }
.bg-danger {
background-color: #dc3545 !important; }
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important; }
.bg-light {
background-color: #f8f9fa !important; }
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important; }
.bg-dark {
background-color: #343a40 !important; }
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important; }
.bg-white {
background-color: #fff !important; }
.bg-transparent {
background-color: transparent !important; }
.border {
border: 1px solid #dee2e6 !important; }
.border-top {
border-top: 1px solid #dee2e6 !important; }
.border-right {
border-right: 1px solid #dee2e6 !important; }
.border-bottom {
border-bottom: 1px solid #dee2e6 !important; }
.border-left {
border-left: 1px solid #dee2e6 !important; }
.border-0 {
border: 0 !important; }
.border-top-0 {
border-top: 0 !important; }
.border-right-0 {
border-right: 0 !important; }
.border-bottom-0 {
border-bottom: 0 !important; }
.border-left-0 {
border-left: 0 !important; }
.border-primary {
border-color: #007bff !important; }
.border-secondary {
border-color: #6c757d !important; }
.border-success {
border-color: #28a745 !important; }
.border-info {
border-color: #17a2b8 !important; }
.border-warning {
border-color: #ffc107 !important; }
.border-danger {
border-color: #dc3545 !important; }
.border-light {
border-color: #f8f9fa !important; }
.border-dark {
border-color: #343a40 !important; }
.border-white {
border-color: #fff !important; }
.rounded {
border-radius: 0.25rem !important; }
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important; }
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important; }
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.rounded-circle {
border-radius: 50% !important; }
.rounded-0 {
border-radius: 0 !important; }
.clearfix::after {
display: block;
clear: both;
content: ""; }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: flex !important; }
.d-inline-flex {
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: flex !important; }
.d-sm-inline-flex {
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: flex !important; }
.d-md-inline-flex {
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: flex !important; }
.d-print-inline-flex {
display: inline-flex !important; } }
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.embed-responsive::before {
display: block;
content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.85714%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-fill {
flex: 1 1 auto !important; }
.flex-grow-0 {
flex-grow: 0 !important; }
.flex-grow-1 {
flex-grow: 1 !important; }
.flex-shrink-0 {
flex-shrink: 0 !important; }
.flex-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-sm-fill {
flex: 1 1 auto !important; }
.flex-sm-grow-0 {
flex-grow: 0 !important; }
.flex-sm-grow-1 {
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-md-fill {
flex: 1 1 auto !important; }
.flex-md-grow-0 {
flex-grow: 0 !important; }
.flex-md-grow-1 {
flex-grow: 1 !important; }
.flex-md-shrink-0 {
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-lg-fill {
flex: 1 1 auto !important; }
.flex-lg-grow-0 {
flex-grow: 0 !important; }
.flex-lg-grow-1 {
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.flex-xl-fill {
flex: 1 1 auto !important; }
.flex-xl-grow-0 {
flex-grow: 0 !important; }
.flex-xl-grow-1 {
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
flex-shrink: 1 !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-none {
float: none !important; }
@media (min-width: 576px) {
.float-sm-left {
float: left !important; }
.float-sm-right {
float: right !important; }
.float-sm-none {
float: none !important; } }
@media (min-width: 768px) {
.float-md-left {
float: left !important; }
.float-md-right {
float: right !important; }
.float-md-none {
float: none !important; } }
@media (min-width: 992px) {
.float-lg-left {
float: left !important; }
.float-lg-right {
float: right !important; }
.float-lg-none {
float: none !important; } }
@media (min-width: 1200px) {
.float-xl-left {
float: left !important; }
.float-xl-right {
float: right !important; }
.float-xl-none {
float: none !important; } }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-sticky {
position: sticky !important; }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020; } }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal; }
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none {
box-shadow: none !important; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.m-0 {
margin: 0 !important; }
.mt-0,
.my-0 {
margin-top: 0 !important; }
.mr-0,
.mx-0 {
margin-right: 0 !important; }
.mb-0,
.my-0 {
margin-bottom: 0 !important; }
.ml-0,
.mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: 0.25rem !important; }
.mt-1,
.my-1 {
margin-top: 0.25rem !important; }
.mr-1,
.mx-1 {
margin-right: 0.25rem !important; }
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important; }
.ml-1,
.mx-1 {
margin-left: 0.25rem !important; }
.m-2 {
margin: 0.5rem !important; }
.mt-2,
.my-2 {
margin-top: 0.5rem !important; }
.mr-2,
.mx-2 {
margin-right: 0.5rem !important; }
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important; }
.ml-2,
.mx-2 {
margin-left: 0.5rem !important; }
.m-3 {
margin: 1rem !important; }
.mt-3,
.my-3 {
margin-top: 1rem !important; }
.mr-3,
.mx-3 {
margin-right: 1rem !important; }
.mb-3,
.my-3 {
margin-bottom: 1rem !important; }
.ml-3,
.mx-3 {
margin-left: 1rem !important; }
.m-4 {
margin: 1.5rem !important; }
.mt-4,
.my-4 {
margin-top: 1.5rem !important; }
.mr-4,
.mx-4 {
margin-right: 1.5rem !important; }
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important; }
.ml-4,
.mx-4 {
margin-left: 1.5rem !important; }
.m-5 {
margin: 3rem !important; }
.mt-5,
.my-5 {
margin-top: 3rem !important; }
.mr-5,
.mx-5 {
margin-right: 3rem !important; }
.ml-5,
.mx-5 {
margin-left: 3rem !important; }
.p-0 {
padding: 0 !important; }
.pt-0,
.py-0 {
padding-top: 0 !important; }
.pr-0,
.px-0 {
padding-right: 0 !important; }
.pb-0,
.py-0 {
padding-bottom: 0 !important; }
.pl-0,
.px-0 {
padding-left: 0 !important; }
.p-1 {
padding: 0.25rem !important; }
.pt-1,
.py-1 {
padding-top: 0.25rem !important; }
.pr-1,
.px-1 {
padding-right: 0.25rem !important; }
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important; }
.pl-1,
.px-1 {
padding-left: 0.25rem !important; }
.p-2 {
padding: 0.5rem !important; }
.pt-2,
.py-2 {
padding-top: 0.5rem !important; }
.pr-2,
.px-2 {
padding-right: 0.5rem !important; }
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important; }
.pl-2,
.px-2 {
padding-left: 0.5rem !important; }
.p-3 {
padding: 1rem !important; }
.pt-3,
.py-3 {
padding-top: 1rem !important; }
.pr-3,
.px-3 {
padding-right: 1rem !important; }
.pb-3,
.py-3 {
padding-bottom: 1rem !important; }
.pl-3,
.px-3 {
padding-left: 1rem !important; }
.p-4 {
padding: 1.5rem !important; }
.pt-4,
.py-4 {
padding-top: 1.5rem !important; }
.pr-4,
.px-4 {
padding-right: 1.5rem !important; }
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important; }
.pl-4,
.px-4 {
padding-left: 1.5rem !important; }
.p-5 {
padding: 3rem !important; }
.pr-5,
.px-5 {
padding-right: 3rem !important; }
.pl-5,
.px-5 {
padding-left: 3rem !important; }
.m-auto {
margin: auto !important; }
.mt-auto,
.my-auto {
margin-top: auto !important; }
.mr-auto,
.mx-auto {
margin-right: auto !important; }
.mb-auto,
.my-auto {
margin-bottom: auto !important; }
.ml-auto,
.mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important; }
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important; }
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important; }
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important; }
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important; }
.m-sm-1 {
margin: 0.25rem !important; }
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important; }
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important; }
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important; }
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important; }
.m-sm-2 {
margin: 0.5rem !important; }
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important; }
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important; }
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important; }
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important; }
.m-sm-3 {
margin: 1rem !important; }
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important; }
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important; }
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important; }
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important; }
.m-sm-4 {
margin: 1.5rem !important; }
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important; }
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important; }
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important; }
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important; }
.m-sm-5 {
margin: 3rem !important; }
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important; }
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important; }
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important; }
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important; }
.p-sm-0 {
padding: 0 !important; }
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important; }
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important; }
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important; }
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important; }
.p-sm-1 {
padding: 0.25rem !important; }
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important; }
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important; }
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important; }
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important; }
.p-sm-2 {
padding: 0.5rem !important; }
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important; }
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important; }
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important; }
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important; }
.p-sm-3 {
padding: 1rem !important; }
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important; }
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important; }
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important; }
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important; }
.p-sm-4 {
padding: 1.5rem !important; }
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important; }
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important; }
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important; }
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important; }
.p-sm-5 {
padding: 3rem !important; }
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important; }
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important; }
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important; }
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important; }
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important; }
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important; }
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important; }
.mt-md-0,
.my-md-0 {
margin-top: 0 !important; }
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important; }
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important; }
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important; }
.m-md-1 {
margin: 0.25rem !important; }
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important; }
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important; }
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important; }
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important; }
.m-md-2 {
margin: 0.5rem !important; }
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important; }
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important; }
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important; }
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important; }
.m-md-3 {
margin: 1rem !important; }
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important; }
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important; }
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important; }
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important; }
.m-md-4 {
margin: 1.5rem !important; }
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important; }
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important; }
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important; }
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important; }
.m-md-5 {
margin: 3rem !important; }
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important; }
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important; }
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important; }
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important; }
.p-md-0 {
padding: 0 !important; }
.pt-md-0,
.py-md-0 {
padding-top: 0 !important; }
.pr-md-0,
.px-md-0 {
padding-right: 0 !important; }
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important; }
.pl-md-0,
.px-md-0 {
padding-left: 0 !important; }
.p-md-1 {
padding: 0.25rem !important; }
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important; }
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important; }
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important; }
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important; }
.p-md-2 {
padding: 0.5rem !important; }
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important; }
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important; }
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important; }
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important; }
.p-md-3 {
padding: 1rem !important; }
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important; }
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important; }
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important; }
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important; }
.p-md-4 {
padding: 1.5rem !important; }
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important; }
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important; }
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important; }
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important; }
.p-md-5 {
padding: 3rem !important; }
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important; }
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important; }
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important; }
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto,
.my-md-auto {
margin-top: auto !important; }
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important; }
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important; }
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important; }
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important; }
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important; }
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important; }
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important; }
.m-lg-1 {
margin: 0.25rem !important; }
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important; }
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important; }
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important; }
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important; }
.m-lg-2 {
margin: 0.5rem !important; }
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important; }
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important; }
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important; }
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important; }
.m-lg-3 {
margin: 1rem !important; }
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important; }
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important; }
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important; }
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important; }
.m-lg-4 {
margin: 1.5rem !important; }
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important; }
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important; }
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important; }
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important; }
.m-lg-5 {
margin: 3rem !important; }
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important; }
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important; }
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important; }
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important; }
.p-lg-0 {
padding: 0 !important; }
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important; }
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important; }
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important; }
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important; }
.p-lg-1 {
padding: 0.25rem !important; }
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important; }
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important; }
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important; }
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important; }
.p-lg-2 {
padding: 0.5rem !important; }
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important; }
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important; }
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important; }
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important; }
.p-lg-3 {
padding: 1rem !important; }
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important; }
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important; }
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important; }
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important; }
.p-lg-4 {
padding: 1.5rem !important; }
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important; }
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important; }
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important; }
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important; }
.p-lg-5 {
padding: 3rem !important; }
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important; }
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important; }
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important; }
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important; }
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important; }
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important; }
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important; }
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important; }
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important; }
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important; }
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important; }
.m-xl-1 {
margin: 0.25rem !important; }
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important; }
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important; }
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important; }
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important; }
.m-xl-2 {
margin: 0.5rem !important; }
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important; }
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important; }
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important; }
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important; }
.m-xl-3 {
margin: 1rem !important; }
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important; }
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important; }
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important; }
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important; }
.m-xl-4 {
margin: 1.5rem !important; }
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important; }
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important; }
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important; }
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important; }
.m-xl-5 {
margin: 3rem !important; }
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important; }
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important; }
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important; }
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important; }
.p-xl-0 {
padding: 0 !important; }
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important; }
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important; }
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important; }
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important; }
.p-xl-1 {
padding: 0.25rem !important; }
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important; }
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important; }
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important; }
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important; }
.p-xl-2 {
padding: 0.5rem !important; }
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important; }
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important; }
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important; }
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important; }
.p-xl-3 {
padding: 1rem !important; }
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important; }
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important; }
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important; }
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important; }
.p-xl-4 {
padding: 1.5rem !important; }
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important; }
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important; }
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important; }
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important; }
.p-xl-5 {
padding: 3rem !important; }
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important; }
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important; }
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important; }
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important; }
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important; }
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important; }
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important; } }
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.text-justify {
text-align: justify !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-capitalize {
text-transform: capitalize !important; }
.font-weight-light {
font-weight: 300 !important; }
.font-weight-normal {
font-weight: 400 !important; }
.font-weight-bold {
font-weight: 700 !important; }
.font-italic {
font-style: italic !important; }
.text-white {
color: #fff !important; }
.text-primary {
color: #007bff !important; }
a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important; }
.text-secondary {
color: #6c757d !important; }
a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important; }
.text-success {
color: #28a745 !important; }
a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important; }
.text-info {
color: #17a2b8 !important; }
a.text-info:hover, a.text-info:focus {
color: #117a8b !important; }
.text-warning {
color: #ffc107 !important; }
a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important; }
.text-danger {
color: #dc3545 !important; }
a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important; }
.text-light {
color: #f8f9fa !important; }
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important; }
.text-dark {
color: #343a40 !important; }
a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important; }
.text-body {
color: #212529 !important; }
.text-muted {
color: #6c757d !important; }
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.visible {
visibility: visible !important; }
.invisible {
visibility: hidden !important; }
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important; }
a:not(.btn) {
text-decoration: underline; }
abbr[title]::after {
content: " (" attr(title) ")"; }
pre {
white-space: pre-wrap !important; }
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
@page {
size: a3; }
body {
min-width: 992px !important; }
.container {
min-width: 992px !important; }
.navbar {
display: none; }
.badge {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td,
.table th {
background-color: #fff !important; }
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6 !important; }
.table-dark {
color: inherit; }
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #dee2e6; }
.table .thead-dark th {
color: inherit;
border-color: #dee2e6; } }
body.compensate-for-scrollbar {
overflow: hidden; }
.fancybox-active {
height: auto; }
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden; }
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992; }
.fancybox-container * {
box-sizing: border-box; }
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto; }
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997; }
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible; }
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-toolbar {
right: 0;
top: 0; }
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994; }
.fancybox-is-open .fancybox-stage {
overflow: hidden; }
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994; }
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0; }
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block; }
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0; }
.fancybox-slide--image::before {
display: none; }
.fancybox-slide--html {
padding: 6px; }
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle; }
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995; }
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-container [data-selectable='true'] {
cursor: text; }
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%; }
.fancybox-slide--video .fancybox-content {
background: #000; }
.fancybox-slide--map .fancybox-content {
background: #e5e3df; }
.fancybox-slide--iframe .fancybox-content {
background: #fff; }
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%; }
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0; }
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%; }
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0; }
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px; }
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc; }
.fancybox-button:hover {
color: #fff; }
.fancybox-button:focus {
outline: none; }
.fancybox-button.fancybox-focus {
outline: 1px dotted; }
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none; }
/* Fix IE11 */
.fancybox-button div {
height: 100%; }
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%; }
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0; }
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none; }
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none; }
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-timing-function: linear;
z-index: 99998; }
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401; }
.fancybox-close-small:hover {
color: #fff;
opacity: 1; }
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0; }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden; }
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none; }
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px; }
.fancybox-navigation .fancybox-button div {
padding: 7px; }
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
padding: 31px 26px 31px 6px; }
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0; }
/* Caption */
.fancybox-caption {
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 25px 44px 25px 44px;
right: 0;
text-align: center;
z-index: 99996; }
.fancybox-caption::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
content: '';
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: -44px;
z-index: -1; }
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none; }
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline; }
/* Loading indicator */
.fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/* Transition effects */
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1; }
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg); }
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); }
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-caption {
padding: 12px; }
.fancybox-slide {
padding-left: 6px;
padding-right: 6px; }
.fancybox-slide--image {
padding: 6px 0; }
.fancybox-close-small {
right: -6px; }
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px; } }
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center; }
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0; }
.fancybox-share p {
margin: 0;
padding: 0; }
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap; }
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff; }
.fancybox-share__button:hover {
text-decoration: none; }
.fancybox-share__button--fb {
background: #3b5998; }
.fancybox-share__button--fb:hover {
background: #344e86; }
.fancybox-share__button--pt {
background: #bd081d; }
.fancybox-share__button--pt:hover {
background: #aa0719; }
.fancybox-share__button--tw {
background: #1da1f2; }
.fancybox-share__button--tw:hover {
background: #0d95e8; }
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px; }
.fancybox-share__button svg path {
fill: #fff; }
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%; }
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995; }
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden; }
.fancybox-show-thumbs .fancybox-thumbs {
display: block; }
.fancybox-show-thumbs .fancybox-inner {
right: 212px; }
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%; }
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px; }
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px; }
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991; }
.fancybox-thumbs__list a:focus::before {
opacity: .5; }
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1; }
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px; }
.fancybox-show-thumbs .fancybox-inner {
right: 110px; }
.fancybox-thumbs__list a {
max-width: calc(100% - 10px); } }
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url(../../www.gov.br/inpi/pt-br/arquivos/documentos/fonts/Raleway-normal-500.woff) format("woff");
unicode-range: U+0-10FFFF; }
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url(../../www.gov.br/inpi/pt-br/arquivos/documentos/fonts/Raleway-normal-700.woff) format("woff");
unicode-range: U+0-10FFFF; }
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 900;
src: url(../../www.gov.br/inpi/pt-br/arquivos/documentos/fonts/Raleway-normal-900.woff) format("woff");
unicode-range: U+0-10FFFF; }
/**
* Aplica a propriedade desejada para todos os prefixos dos browsers
*
* @param {string} $property - Propriedade que deseja aplicar os prefixos
* @param {string} $value - Valor da propriedade a ser aplicado o prefixo
*/
/**
* Define as bordas arredondadas de um elemento
*
* @param {string} $radius - Texto com os valores da borda. Pode ser
* o valor geral ou valores especificos para cada borda.
*/
/**
* Define as propriedades do placeholder do elemento
*
* @param {string} $color - Texto com o valor da cor
*/
/**
* Aplica opacidade no elemento
* @param {string} $opacity - Valor da opacidade (Ex: 0.5)
*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; }
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }
/**
* Add the correct display in IE 10.
*/
.entry-header,
.entry-content {
max-width: 960px;
margin: 0 auto; }
@media (min-width: 320px) and (max-width: 1150px) {
.entry-header {
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-flex-flow: column;
-ms-flex-direction: column;
flex-flow: column; }
.entry-header .date-box {
order: 1; }
.entry-header .entry-title {
order: 2; }
.entry-header .subtitle-single {
order: 3;
margin: 0 !important; }
.entry-header .subtitle-single p {
margin-bottom: 5px; } }
.type-post .entry-content *:empty:not(br):not(img):not(hr):not(link),
.type-post .entry-content *:blank:not(br):not(img):not(hr):not(link),
.type-post .entry-content *:-moz-only-whitespace:not(br):not(img):not(hr):not(link) {
display: none; }
.type-post .entry-content p {
font-size: 1.1em;
line-height: 1.7em; }
.type-post .entry-content iframe,
.type-post .entry-content img,
.type-post .entry-content figure {
max-width: 100%; }
#section-content {
padding: 73px 0 30px !important;
background-color: #1FC86A;
background-image: url("../../img/arrow-pattern.svg"); }
#section-content .section-title {
color: #FFFFFF; }
@media (min-width: 320px) and (max-width: 1150px) {
#section-content {
background-size: 30px auto; } }
figure.wp-caption {
background: none;
border: none;
padding: 0; }
figure.wp-caption img {
margin-bottom: 1rem;
max-width: 100%; }
figure.wp-caption .wp-caption-text {
color: #666666;
font-weight: normal;
font-size: .85rem; }
@media (min-width: 320px) and (max-width: 1150px) {
.home #news {
padding: 15px 0 !important; }
.home #news .section-title {
margin-bottom: 20px !important; } }
@media (min-width: 320px) and (max-width: 1150px) {
.home #services {
padding: 15px 0 !important;
margin: 0 !important;
background: #06ACFF; }
.home #services .overflow-wrapper {
margin: 0;
padding: 0; } }
@media (min-width: 320px) and (max-width: 1150px) {
.home #agenda {
margin: 0 !important; } }
@media (min-width: 320px) and (max-width: 1150px) {
.home #secretarias {
padding: 15px 0 !important;
margin: 0 !important; }
.home #secretarias .overflow-wrapper {
margin: 0;
padding: 0; }
.home #secretarias .section-title {
margin-bottom: 20px !important; } }
@media (min-width: 320px) and (max-width: 1150px) {
.home #section-content {
padding: 15px 0 !important;
margin: 0 !important; }
.home #section-content .overflow-wrapper {
margin: 0;
padding: 0; } }
@media (min-width: 320px) and (max-width: 1150px) {
.home #participacao-social {
padding: 15px 0 !important;
margin: 0 !important; }
.home #participacao-social .overflow-wrapper {
margin: 0;
padding: 0; }
.home #participacao-social .section-title {
margin-bottom: 20px !important; } }
@media (min-width: 320px) and (max-width: 1150px) {
.home #multimidia {
margin-top: 0 !important; } }
.overflow-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap; }
@media (min-width: 320px) and (max-width: 1150px) {
.overflow-wrapper {
display: block;
white-space: nowrap;
overflow-x: auto;
padding-bottom: 12px;
margin-bottom: 10px;
font-size: 0; }
.overflow-wrapper > div {
width: 80%;
margin: 0 0 0 15px !important;
padding: 0;
display: inline-block; }
.overflow-wrapper > div:last-child {
margin-right: 15px !important; }
.overflow-wrapper > div > * {
white-space: normal; } }
body.page #main-single {
background: #FFFFFF; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-single {
overflow: hidden; } }
.entry-content a {
text-decoration: underline;
cursor: pointer; }
.entry-content h2 {
display: block;
margin-bottom: 30px; }
.entry-content hr.wp-block-separator {
width: 100%;
display: block;
float: left;
clear: both;
margin: 30px 0;
transform: translateY(-1rem);
-webkit-transform: translateY(-1rem);
-moz-transform: translateY(-1rem);
-ms-transform: translateY(-1rem); }
.entry-content .wp-caption.alignleft {
margin: 0 30px 10px 0; }
.entry-content .wp-caption.alignright {
margin: 0 0 10px 30px; }
.entry-content img.alignleft {
margin: 0 30px 30px 0; }
.entry-content img.alignright {
margin: 0 0 30px 30px; }
.entry-content div.alignleft {
margin: 0 30px 30px 0; }
.entry-content div.alignright {
margin: 0 0 30px 30px; }
.entry-content iframe,
.entry-content img,
.entry-content figure {
max-width: 100%; }
@media (min-width: 320px) and (max-width: 1150px) {
.table-responsive {
width: 100% !important; } }
.table-responsive table {
border-left: 1px solid #dee2e6;
border-right: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6; }
.table-responsive thead th {
width: 25%;
background: #2969BD;
color: #FFFFFF;
border-bottom: 1px solid #dee2e6;
font-weight: normal; }
@media (min-width: 320px) and (max-width: 1150px) {
.table-responsive thead th {
white-space: nowrap; } }
.table-responsive tbody th {
font-weight: normal; }
.table-responsive tbody th[colspan] {
background: #E5E5E5;
font-size: 1rem; }
.table-responsive tbody td,
.table-responsive tbody th {
font-size: .85rem; }
.table-responsive tbody td a,
.table-responsive tbody th a {
font-weight: normal;
text-decoration: none; }
@media (min-width: 320px) and (max-width: 1150px) {
.table-responsive tbody td {
width: 50%; } }
table.wp-block-table {
border: 1px solid #CCC;
background: #FFF;
margin-bottom: 1rem; }
table th {
width: 25%;
background: #2969BD;
color: #FFFFFF;
border-bottom: 1px solid #dee2e6;
font-weight: normal;
padding: 10px; }
table th:first-child {
border: none; }
@media (min-width: 320px) and (max-width: 1150px) {
table th {
white-space: nowrap; } }
table tr {
border-top: 1px solid #CCC; }
table tr:first-child {
border: none; }
table td {
border-left: 1px solid #CCC;
padding: 10px;
min-width: 200px; }
table td:first-child {
border: none; }
.multimedia-archive .widget_idg_banner {
display: none !important; }
@media (min-width: 320px) and (max-width: 1150px) {
.ui-datepicker {
width: 100%;
position: fixed !important;
top: 46px !important;
left: 0 !important;
height: calc(100% - 46px) !important;
border: none; } }
.ui-datepicker .ui-datepicker-month {
text-transform: capitalize; }
@media (min-width: 320px) and (max-width: 1150px) {
.ui-datepicker .ui-datepicker-header {
height: 50px;
line-height: 50px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
margin-top: 14px; } }
.ui-datepicker .ui-datepicker-calendar {
table-layout: fixed; }
.ui-datepicker .ui-datepicker-calendar td {
position: relative; }
.ui-datepicker .ui-datepicker-calendar td:before {
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
content: "";
width: 40px;
height: 40px;
position: absolute;
left: 50%;
top: 50%;
background: transparent;
z-index: -1; }
@media (min-width: 320px) and (max-width: 1150px) {
.ui-datepicker .ui-datepicker-calendar td:before {
width: 50px;
height: 50px; } }
.ui-datepicker .ui-datepicker-calendar td:hover {
background: none; }
.ui-datepicker .ui-datepicker-calendar td:hover .ui-state-default {
color: inherit; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day {
background: none;
z-index: 1; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day:before {
background: #2F884D; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-default,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-active {
color: #FFFFFF; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
background: none; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today:before {
background: #2969BD; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-default,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-active {
color: #FFFFFF; }
.ui-datepicker .ui-datepicker-calendar td a {
color: #222222; }
@media (min-width: 1150px) {
.hide-desktop {
display: none !important; } }
@media (max-width: 1150px) {
.hide-mobile {
display: none !important; } }
@media (min-width: 320px) and (max-width: 1150px) {
#wpadminbar {
transition: z-index 0.5s step-end;
position: fixed;
z-index: 100; } }
@media screen and (min-width: 320px) and (max-width: 1150px) and (prefers-reduced-motion: reduce) {
#wpadminbar {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
body.menu-active #wpadminbar {
transition: z-index 0.5s step-start;
z-index: 30; } }
@media screen and (min-width: 320px) and (max-width: 1150px) and (prefers-reduced-motion: reduce) {
body.menu-active #wpadminbar {
transition: none; } }
.horizontal-links {
list-style: none;
padding: 0;
margin: 0; }
.horizontal-links li {
display: inline-block;
padding-left: 10px;
margin-left: 10px;
position: relative;
font-size: 0px; }
.horizontal-links li:before {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
content: "";
width: 1px;
height: 60%;
left: -0.5px;
top: 50%;
position: absolute;
background: #222222; }
.horizontal-links li:first-child {
padding: 0;
margin: 0; }
.horizontal-links li:first-child:before {
display: none; }
.horizontal-links li a {
font-size: 1rem; }
.image-and-text {
padding: 60px 0; }
.image-and-text .container {
display: flex; }
.image-and-text .container.image-left {
flex-direction: row; }
.image-and-text .container.image-left .col-image {
margin-right: 100px; }
.image-and-text .container.image-right {
flex-direction: row-reverse; }
.image-and-text .container.image-right .col-image {
margin-left: 100px; }
.image-and-text .container.image-right .col-image:after {
transform: translateY(-50%) translateX(10px);
-webkit-transform: translateY(-50%) translateX(10px);
-moz-transform: translateY(-50%) translateX(10px);
-ms-transform: translateY(-50%) translateX(10px);
right: auto;
left: -55.5px; }
.image-and-text .container.no-border .col-image:after {
display: none; }
.image-and-text .container .col-image {
flex: 0 0 360px;
padding: 30px 0 30px;
position: relative; }
.image-and-text .container .col-image:after {
transform: translateY(-50%) translateX(-10px);
-webkit-transform: translateY(-50%) translateX(-10px);
-moz-transform: translateY(-50%) translateX(-10px);
-ms-transform: translateY(-50%) translateX(-10px);
content: "";
width: 1px;
height: 80%;
position: absolute;
top: 50%;
background: rgba(34, 34, 34, 0.2);
right: -55.5px; }
.image-and-text .container .col-image .box {
position: sticky;
top: 30px; }
.image-and-text .container .col-text {
flex-grow: 1; }
.image-and-text .container .col-text.small-font p, .image-and-text .container .col-text.small-font a {
font-size: 12px; }
.image-and-text .image-wrapper,
.image-and-text .img-wrapper {
width: 350px;
height: 350px;
border-radius: 15px;
overflow: hidden;
display: block;
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto; }
.child-theme .menu-item-home a {
font-size: 0; }
.child-theme .menu-item-home a:before {
content: "";
font-size: 17px;
font-family: 'ecoicon'; }
.align-center {
align-items: center; }
.video-gallery {
overflow: hidden;
background-color: #222;
padding: 60px 0;
color: #FFFFFF; }
@media (min-width: 320px) and (max-width: 1150px) {
.video-gallery {
border-top: 1px solid #222222;
padding: 0;
background-size: 30px auto;
font-size: 0; }
.video-gallery .container {
padding: 0; }
.video-gallery .container .row {
padding: 0;
margin: 0; }
.video-gallery .container .row .col {
padding: 0;
margin: 0;
display: block; }
.video-gallery .container .widget_idg_banner {
padding: 15px; }
.video-gallery .container .widget_idg_banner .row {
display: grid;
grid-template-columns: auto auto;
grid-gap: 15px; }
.video-gallery .container .widget_idg_banner .row .col:nth-child(3) {
grid-column-start: 1;
grid-column-end: 3; } }
.video-gallery .highlight {
width: calc(100% - 30px);
margin: 0 auto;
height: 500px;
padding: 0 20px;
margin-bottom: 30px;
background-size: cover !important;
display: table;
position: relative;
background: #E5E5E5; }
@media (min-width: 320px) and (max-width: 1150px) {
.video-gallery .highlight {
width: 100%;
padding: 0;
display: block;
height: 350px;
margin-bottom: 0; } }
.video-gallery .highlight.video {
display: flex;
padding: 0;
background: #000; }
.video-gallery .highlight.video iframe {
width: 100%;
height: 100%; }
.video-gallery .highlight > a {
display: table-cell;
vertical-align: middle;
padding-right: 65%;
color: #FFFFFF;
position: relative; }
.video-gallery .highlight > a:hover {
text-decoration: none; }
@media (min-width: 320px) and (max-width: 1150px) {
.video-gallery .highlight > a {
display: table;
padding: 0;
height: 100%; }
.video-gallery .highlight > a .align {
display: table-cell;
vertical-align: bottom; }
.video-gallery .highlight > a .align .text {
padding: 15px;
position: relative;
z-index: 0; }
.video-gallery .highlight > a .align .text:before {
content: "";
width: 100%;
height: calc(100% + 30px);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
position: absolute;
bottom: 0;
left: 0;
z-index: -1; }
.video-gallery .highlight > a h3 {
font-size: 1.2rem;
display: block; }
.video-gallery .highlight > a span {
display: block;
font-size: 0.8rem;
line-height: normal; } }
.video-gallery .highlight-box {
transition: all ease-in-out 0.2s;
height: 215px;
position: relative;
overflow: visible;
background: #222;
color: #FFF;
border: 1px solid #FFF;
cursor: pointer; }
@media screen and (prefers-reduced-motion: reduce) {
.video-gallery .highlight-box {
transition: none; } }
.video-gallery .highlight-box:before {
content: "";
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #FFF;
position: absolute;
transform: translateY(-100%) translateX(-50%);
top: 0;
left: 50%;
display: none; }
.video-gallery .highlight-box:hover {
opacity: .5; }
.video-gallery .highlight-box.active {
background: #FFF;
color: #222;
border: 1px solid #FFF; }
.video-gallery .highlight-box.active:before {
display: block; }
.video-gallery .highlight-box.active h3 {
color: #222; }
.video-gallery .highlight-box.active:hover {
opacity: 1; }
@media (min-width: 320px) and (max-width: 1150px) {
.video-gallery .highlight-box {
height: 150px;
background-size: contain !important; } }
.video-gallery .highlight-box .box-body {
top: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center; }
.video-gallery .highlight-box .box-body h3 {
margin: 0; }
.video-gallery #play-multimedia-video {
display: none; }
.btn,
.wpcf7-submit {
transition: all ease 0.2s;
border-radius: 30px;
border: 2px solid #222222;
padding: 10px 23px;
margin: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 1rem;
font-weight: 700;
white-space: nowrap;
display: inline-block;
color: #222222;
text-decoration: none !important; }
@media screen and (prefers-reduced-motion: reduce) {
.btn,
.wpcf7-submit {
transition: none; } }
.btn:hover,
.wpcf7-submit:hover {
color: inherit;
opacity: 0.5;
filter: alpha(opacity=50); }
.high-contrast .btn, .high-contrast
.wpcf7-submit {
background-color: #000000;
color: #FFFFFF;
border-color: #FFFFFF; }
@media (min-width: 320px) and (max-width: 1150px) {
.btn,
.wpcf7-submit {
margin: 0 !important;
height: 50px;
padding: 12px 20px; } }
.btn-primary {
margin: 0;
background-color: #FFFFFF;
border-color: #222222; }
.btn-primary:hover {
opacity: 1;
border-color: #0094FF;
background-color: #0094FF;
color: #FFFFFF; }
.edit-link {
display: block;
text-align: right; }
.edit-link a {
border: none;
display: inline-block;
background: #363636;
padding: 5px 15px;
border-radius: 40px;
color: #FFFFFF;
margin-bottom: 15px;
font-size: 0.8rem; }
.feature-card {
transition: all ease-in-out 0.2s;
height: 240px;
background-color: #F1F1F1;
position: relative;
cursor: pointer;
border: 4px solid transparent; }
@media screen and (prefers-reduced-motion: reduce) {
.feature-card {
transition: none; } }
.feature-card a {
color: #0c326f;
display: block;
height: 100%;
width: 100%;
padding: 30px 15px 30px; }
.feature-card a[target="_blank"] {
background: url("../../img/external-link.svg") no-repeat;
background-position: right 10px top 10px; }
.feature-card a[target="_blank"].btn {
background-position: right 10px center;
background-size: 20px; }
.feature-card a:hover {
color: #0c326f;
background: rgba(0,0,0,.05);
}
.feature-card .align {
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
width: calc(100% - 40px);
position: absolute;
top: 50%;
left: 50%; }
@media (min-width: 1150px) {
.feature-card:hover {
background-color: #F8F8F8;
border-color: #0c326f;
color: #0c326f; }
.feature-card:hover .card-title,
.feature-card:hover .card-desc,
.feature-card:hover .card-title a,
.feature-card:hover .icon:before {
color: #0c326f; }
.feature-card:hover .btn {
border-color: #0c326f;
color: #0c326f; } }
.feature-card .btn {
background: transparent; }
.feature-card .icon {
margin-bottom: 20px; }
.feature-card .icon:before {
transition: color ease-in-out 0.2s;
font-size: 80px; }
@media screen and (prefers-reduced-motion: reduce) {
.feature-card .icon:before {
transition: none; } }
.feature-card .icon img {
max-width: 80px;
width: 100%;
height: 100%; }
.feature-card .card-title {
transition: all ease-in-out 0.2s;
font-family: 'Rawline';
font-weight: 700;
margin: 0 0 5px;
position: relative;
line-height: 2.4rem;}
@media screen and (prefers-reduced-motion: reduce) {
.feature-card .card-title {
transition: none; } }
.feature-card .card-title a {
transition: all ease-in-out 0.2s;
color: #222222;
text-decoration: none; }
@media screen and (prefers-reduced-motion: reduce) {
.feature-card .card-title a {
transition: none; } }
.feature-card .card-desc {
transition: all ease-in-out 0.2s;
font-style: italic;
font-size: 0.85rem; }
@media screen and (prefers-reduced-motion: reduce) {
.feature-card .card-desc {
transition: none; } }
.feature-card .card-btn {
font-size: 0.9rem;
padding: 5px 23px; }
.high-contrast .feature-card {
background-color: #000000; }
.high-contrast .feature-card a {
color: #FFFFFF; }
.feature-card.card-2 {
border: 4px solid #FFFFFF;
background-color: #1FC86A;
color: #FFFFFF; }
.feature-card.card-2 .card-title,
.feature-card.card-2 .card-desc,
.feature-card.card-2 .card-title a,
.feature-card.card-2 .icon:before {
color: #FFFFFF; }
@media (min-width: 1150px) {
.feature-card.card-2:hover {
border-color: #222222;
color: #222222; }
.feature-card.card-2:hover .card-title,
.feature-card.card-2:hover .card-desc,
.feature-card.card-2:hover .card-title a,
.feature-card.card-2:hover .icon:before {
color: #222222; } }
.gallery .gallery-caption {
text-align: center;
font-size: 0.8rem;
margin-top: 5px;
font-style: italic; }
.highlight-box {
position: relative;
background: #FFFFFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 370px;
overflow: hidden;
background-size: cover !important;
background-repeat: no-repeat; }
.highlight-box:before {
content: "";
width: 100%;
height: 100%;
background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.4));
background-color: transparent;
position: absolute;
left: 0;
top: 0; }
@media (min-width: 320px) and (max-width: 1150px) {
.highlight-box:before {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
height: 70%;
bottom: 0;
top: auto; } }
.highlight-box .box-body {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
padding: 15px; }
.highlight-box .box-body .cat {
color: #FFFFFF;
text-transform: uppercase;
position: relative; }
.highlight-box .box-body .cat:before {
content: '';
display: block;
width: 45px;
height: 3px;
background-color: #0094FF;
position: absolute;
top: -5px;
left: 0; }
.highlight-box .box-body .box-title {
font-size: 1.5rem;
margin-top: 5px;
font-weight: 700;
color: #FFFFFF; }
.highlight-box .box-body .box-title a {
color: #FFFFFF; }
@media (min-width: 320px) and (max-width: 1150px) {
.highlight-box .box-body .box-title {
font-size: 1.2rem;
margin: 0; } }
.highlight-box .box-image {
position: absolute;
left: 0;
top: 0;
z-index: 0; }
.idg-menu {
max-width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 15px;
margin: 0 auto; }
@media (min-width: 320px) and (max-width: 768px) {
.idg-menu {
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 768px) and (max-width: 1150px) {
.idg-menu {
grid-template-columns: repeat(auto-fit, minmax(15em, 1fr)); } }
.idg-menu > * {
max-width: none;
padding: 0 !important; }
.idg-menu .feature-card {
padding: 0;
border: none;
text-align: center;
margin: 0;
height: auto;
padding-bottom: 100%; }
.idg-menu .feature-card .align {
width: 100%;
height: 100%; }
.idg-menu .feature-card .card-title {
width: 100%;
height: 100%;
display: block; }
.idg-menu .feature-card .card-title a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #222222 !important;
text-decoration: none !important;
padding: 0 15px; }
.search-content-wrapper {
position: relative;
text-align: center;
width: 70%;
margin: 0 auto; }
.search-content-wrapper h2 {
margin-bottom: 20px; }
.search-content-wrapper .search-content {
position: relative;
border: 1px solid #DBDBDB;
background: #FFFFFF;
margin-bottom: 30px; }
.search-content-wrapper .search-content .input-wrapper {
position: relative;
border-bottom: 1px solid #DBDBDB; }
.search-content-wrapper .search-content .input-wrapper input {
width: 100%;
height: 60px;
padding: 0 20px;
padding-right: 160px;
border: none; }
.search-content-wrapper .search-content .input-wrapper .filter {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
right: 25px;
top: 0;
background: none;
border: none;
padding: 0;
display: block;
width: 40px;
top: 50%; }
.search-content-wrapper .search-content .input-wrapper .filter i:before {
font-size: 26px; }
.search-content-wrapper .search-content .input-wrapper .search {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
right: 105px;
top: 0;
background: none;
border: none;
padding: 0;
display: block;
width: 40px;
height: 40px;
top: 50%; }
.search-content-wrapper .search-content .input-wrapper .search:after {
content: "";
height: 30px;
width: 1px;
position: absolute;
right: -20px;
display: block;
background: #DBDBDB;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); }
.search-content-wrapper .search-content .input-wrapper .search i:before {
font-size: 26px; }
.search-content-wrapper .search-content .filter-wrapper {
padding: 20px; }
.search-content-wrapper .search-content .filter-wrapper label {
width: 100%;
height: 40px;
display: block;
text-align: left;
padding: 0; }
.search-content-wrapper .search-content .filter-wrapper label input[type="checkbox"] {
margin-right: 10px; }
.search-content-wrapper .search-content .filter-wrapper .apply {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
right: 25px;
bottom: 0;
background: none;
border: none;
padding: 0;
display: block;
background: #363636;
color: #FFFFFF;
padding: 10px 20px;
border-radius: 40px; }
.search-content-wrapper .search-content br {
display: none; }
.social-medias {
padding: 0 0 30px 0;
margin: 0 0 30px 0;
list-style-type: none;
border-bottom: 1px solid #ccc; }
@media (min-width: 320px) and (max-width: 1150px) {
.social-medias {
text-align: center; } }
.social-medias li {
width: 35px;
height: 35px;
display: inline-block;
margin-left: 40px;
background-position: center center;
background-repeat: no-repeat; }
.social-medias li:first-child {
margin-left: 0; }
@media (min-width: 320px) and (max-width: 1150px) {
.social-medias li {
margin-left: 20px; } }
.social-medias li a {
text-indent: -3000px;
width: 100%;
height: 100%;
display: block; }
.social-medias li.twitter {
background-image: url("../../img/twitter.svg");
background-size: 28px; }
.social-medias li.youtube {
background-image: url("../../img/youtube.svg");
background-size: 30px; }
.social-medias li.facebook {
background-image: url("../../img/facebook.svg");
background-size: 28px; }
.social-medias li.flickr {
background-image: url("../../img/flickr.svg");
background-size: 25px; }
.social-medias li.instagram {
background-image: url("../../img/instagram.svg");
background-size: 27px; }
.social-medias li.soundcloud {
background-image: url("../../img/soundcloud.svg"); }
.date-box {
height: 76px;
line-height: 76px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
text-align: center; }
@media (min-width: 320px) and (max-width: 1150px) {
.date-box {
height: auto;
line-height: normal;
border-top: none;
padding: 0 0 15px;
text-align: left;
font-size: 14px;
margin-bottom: 15px !important; } }
.date-box br {
display: none; }
@media (min-width: 320px) and (max-width: 1150px) {
.date-box br {
display: block; } }
.date-box span {
color: #666666;
font-size: 0.9em; }
.alternative-headline {
font-size: 1.1em;
font-weight: 700;
color: #0094FF; }
.subtitle-single {
font-size: 1.1em;
font-weight: normal;
color: #A6A6A6; }
.section-title {
font-size: 2.3rem;
font-weight: 900; }
@media (min-width: 320px) and (max-width: 1150px) {
.section-title {
font-size: 1.4rem; } }
.page-title,
.entry-title {
font-size: 3rem;
font-weight: 900;
color: #222222; }
.page-title:first-letter,
.entry-title:first-letter {
text-transform: uppercase; }
@media (min-width: 320px) and (max-width: 1150px) {
.page-title,
.entry-title {
font-size: 1.6em;
text-align: left !important; } }
.high-contrast .page-title, .high-contrast
.entry-title {
background: #000000;
color: #FFFFFF; }
.subtitle-single {
font-size: 1.1em;
font-weight: normal;
color: #A6A6A6; }
@media (min-width: 320px) and (max-width: 1150px) {
.subtitle-single {
text-align: left !important; } }
.subtitle-single:first-letter {
text-transform: uppercase; }
.tags-list {
margin-bottom: 15px; }
.tags-list > span {
display: inline-block;
margin-right: 10px;
font-size: 1em !important;
color: #222222 !important; }
.tags-list a {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
display: inline-block;
background: #E5E5E5;
padding: 8px 15px;
color: #222222;
text-transform: uppercase;
margin: 0 10px 0 0;
font-size: .75rem;
font-weight: 600; }
.tags-list {
margin-bottom: 15px;
margin: -10px 0 15px; }
.tags-list > span {
display: inline-block;
margin-right: 10px;
font-size: 1em !important;
color: #222222 !important; }
.tags-list a {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
display: inline-block;
background: #E5E5E5;
padding: 8px 15px;
color: #222222;
text-transform: uppercase;
margin: 10px 10px 0 0;
font-size: .75rem;
font-weight: 600; }
#comments-wrapper {
overflow: hidden;
background: #FFFFFF;
padding: 30px 0; }
#comments-wrapper h3 {
display: block;
margin-bottom: 30px; }
#comments-wrapper .comments-list {
margin: 0;
padding: 0; }
#comments-wrapper .comments-list li {
list-style: none;
margin: 0;
overflow: hidden; }
#comments-wrapper .comments-list li .thumbnail {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden;
border: 1px solid #A6A6A6;
margin-right: 20px;
width: 80px;
height: 80px;
float: left; }
#comments-wrapper .comments-list li .text-wrapper {
width: calc(100% - 100px);
float: left;
border: 1px solid #DBDBDB;
margin-bottom: 20px;
border-radius: 4px; }
#comments-wrapper .comments-list li .text-wrapper .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #222222;
background-color: #F8F8F8;
border-color: #DBDBDB;
position: relative; }
#comments-wrapper .comments-list li .text-wrapper .panel-heading:after, #comments-wrapper .comments-list li .text-wrapper .panel-heading:before {
position: absolute;
top: 11px;
left: -16px;
right: 100%;
width: 0;
height: 0;
display: block;
content: " ";
border-color: transparent;
border-style: solid solid outset;
pointer-events: none; }
#comments-wrapper .comments-list li .text-wrapper .panel-heading:before {
border-right-color: #DBDBDB;
border-width: 8px; }
#comments-wrapper .comments-list li .text-wrapper .panel-heading:after {
border-width: 7px;
border-right-color: #F8F8F8;
margin-top: 1px;
margin-left: 2px; }
#comments-wrapper .comments-list li .text-wrapper .panel-heading strong a {
font-size: 1rem;
color: #222222; }
#comments-wrapper .comments-list li .text-wrapper .panel-heading .text-muted {
float: right;
font-size: .85rem; }
#comments-wrapper .comments-list li .text-wrapper .panel-heading .text-muted a {
color: #666666; }
#comments-wrapper .comments-list li .text-wrapper .panel-body {
padding: 15px; }
#comments-wrapper .comments-list li .text-wrapper .panel-body p {
font-size: 1rem;
margin: 0; }
#comments-wrapper #respond {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #DBDBDB; }
.subpages-menu {
float: right;
display: block; }
@media (min-width: 320px) and (max-width: 1150px) {
.subpages-menu {
position: fixed;
bottom: 20px;
right: 20px;
height: 60px;
width: 60px;
z-index: 10; } }
#page-info .subpages-menu {
display: none; }
.subpages-menu .menu-content {
float: right;
position: relative;
padding-right: 40px; }
@media (min-width: 320px) and (max-width: 1150px) {
.subpages-menu .menu-content {
height: 100%;
width: 100%;
padding: 0; } }
.subpages-menu .menu-content:before {
transition: visibility 0s 0.2s, opacity 0.2s;
content: "";
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
background: rgba(34, 34, 34, 0.8);
visibility: hidden;
opacity: 0; }
@media screen and (prefers-reduced-motion: reduce) {
.subpages-menu .menu-content:before {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
.subpages-menu .menu-content.active:before {
transition: opacity ease 0.2s;
visibility: visible;
opacity: 1; } }
@media screen and (min-width: 320px) and (max-width: 1150px) and (prefers-reduced-motion: reduce) {
.subpages-menu .menu-content.active:before {
transition: none; } }
.subpages-menu .menu-content.active button:before {
transform: translateY(-50%) translateX(-50%) rotate(45deg);
-webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
-moz-transform: translateY(-50%) translateX(-50%) rotate(45deg);
-ms-transform: translateY(-50%) translateX(-50%) rotate(45deg); }
.subpages-menu .menu-content.active ul {
transition: opacity ease 0.2s;
visibility: visible;
opacity: 1;
margin: 0; }
@media screen and (prefers-reduced-motion: reduce) {
.subpages-menu .menu-content.active ul {
transition: none; } }
.subpages-menu .menu-content > a {
display: inline-block;
margin-left: 10px;
font-size: 1rem;
font-weight: 500;
color: #222222;
height: 17px; }
.subpages-menu .menu-content > a:first-child {
margin-left: 0; }
@media (min-width: 320px) and (max-width: 1150px) {
.subpages-menu .menu-content > a {
display: none; } }
.subpages-menu .menu-content button {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
display: inline-block;
background: #222222;
font-size: 1.4em;
width: 25px;
height: 25px;
line-height: 25px;
color: #FFFFFF;
text-align: center;
font-weight: 700;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 50%;
cursor: pointer;
border: none;
outline: none; }
@media (min-width: 320px) and (max-width: 1150px) {
.subpages-menu .menu-content button {
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
background: #2969BD;
transform: none;
width: 100%;
height: 100%;
top: 0;
left: 0; } }
.subpages-menu .menu-content button:before {
transition: all ease 0.2s;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
font-size: 10px;
position: absolute;
top: 50%;
left: 50%; }
@media screen and (prefers-reduced-motion: reduce) {
.subpages-menu .menu-content button:before {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
.subpages-menu .menu-content button:before {
font-size: 23px; } }
.subpages-menu .menu-content ul {
transition: visibility 0s 0.2s, opacity 0.2s linear;
position: absolute;
right: 0;
top: 43px;
list-style: none;
width: 100%;
background: #efefef;
padding: 30px;
z-index: 4;
margin: 0;
visibility: hidden;
opacity: 0; }
@media screen and (prefers-reduced-motion: reduce) {
.subpages-menu .menu-content ul {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
.subpages-menu .menu-content ul {
right: 80px;
top: auto;
bottom: 0px;
width: 230px; } }
.subpages-menu .menu-content ul:before {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
content: "";
width: 0;
height: 0;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-bottom: 13px solid #efefef;
position: absolute;
top: 0;
right: 0; }
@media (min-width: 320px) and (max-width: 1150px) {
.subpages-menu .menu-content ul:before {
border-right: none;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 13px solid #efefef;
top: auto;
bottom: -5px;
right: -13px; } }
.subpages-menu .menu-content ul li {
display: block;
text-align: right;
margin-top: 5px; }
.subpages-menu .menu-content ul li:first-child {
margin-top: 0; }
.subpages-menu .menu-content ul li a {
color: #222222; }
.accordion .card {
border-bottom: 1px solid #dee2e6; }
.accordion .card p:empty {
display: none !important; }
.accordion .card .card-header {
padding: 0; }
.accordion .card .card-header h2,
.accordion .card .card-header h3 {
padding: 0;
margin: 0; }
.accordion .card .card-header h2 a,
.accordion .card .card-header h3 a {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 20px;
color: #363636;
text-decoration: none;
position: relative;
padding-left: 55px;
font-size: 1.5rem; }
@media (min-width: 320px) and (max-width: 1150px) {
.accordion .card .card-header h2 a,
.accordion .card .card-header h3 a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; } }
.accordion .card .card-header h2 a.collapsed:before,
.accordion .card .card-header h3 a.collapsed:before {
content: ""; }
.accordion .card .card-header h2 a:before,
.accordion .card .card-header h3 a:before {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
content: "";
font-family: 'ecoicon';
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 20px;
position: absolute;
left: 20px;
top: 50%;
color: #2969BD; }
@media (min-width: 320px) and (max-width: 1150px) {
.accordion .card .card-body {
padding: 0; }
.accordion .card .card-body h4 {
margin: 15px !important;
font-size: 1.2rem; }
.accordion .card .card-body > p {
padding: 0 15px; }
.accordion .card .card-body > p:first-child {
padding-top: 15px; }
.accordion .card .card-body > ul {
margin-top: 15px; } }
#accessibility-bar {
padding: 0;
margin: 0;
list-style-type: none; }
#accessibility-bar li {
display: inline-block; }
#accessibility-bar li a {
color: #FFFFFF;
text-transform: uppercase;
position: relative;
padding: 0 20px 0 25px;
font-size: 11px;
line-height: 19px;
display: block; }
#accessibility-bar li.high-contrast, #accessibility-bar li.vlibras {
position: relative; }
#accessibility-bar li.high-contrast a:before, #accessibility-bar li.vlibras a:before {
content: "";
position: absolute;
left: 0;
background-image: url(../../img/sprite.png);
background-position: -268px -149px;
width: 18px;
height: 18px;
-webkit-filter: none;
filter: none; }
#accessibility-bar li.high-contrast a {
border-right: 1px solid rgba(255, 255, 255, 0.2); }
#accessibility-bar li.vlibras a:before {
background-position: -268px -223px; }
#agenda {
transition: all ease-in-out 0.2s;
background-color: #19224D;
background-image: url("../../img/arrow-pattern.svg"); }
@media screen and (prefers-reduced-motion: reduce) {
#agenda {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda {
padding: 0 !important;
background-size: 30px auto; } }
#agenda .agenda-cats {
margin-bottom: 15px; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .agenda-cats {
transform: translateX(-15px);
-webkit-transform: translateX(-15px);
-moz-transform: translateX(-15px);
-ms-transform: translateX(-15px);
width: calc(100% + 30px);
background: #19224D;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); } }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .agenda-cats .col {
display: block;
padding: 10px 0;
border-left: 1px solid rgba(255, 255, 255, 0.2); }
#agenda .agenda-cats .col:first-child {
border-left: none; }
#agenda .agenda-cats .col .section-title {
margin: 0 !important; } }
#agenda .agenda-cats a {
transition: all ease-in-out 0.2s;
color: #FFFFFF;
padding: 15px;
text-transform: uppercase;
font-size: 0.7em;
opacity: .5;
background: transparent; }
@media screen and (prefers-reduced-motion: reduce) {
#agenda .agenda-cats a {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .agenda-cats a {
width: 100%;
font-size: 1rem;
padding: 10px 0;
display: block; } }
#agenda .agenda-cats a:hover {
opacity: 1;
text-decoration: none; }
#agenda .agenda-cats a.active {
opacity: 1;
background-color: #2F884D; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .agenda-cats a.active {
background: none; } }
#agenda .daypicker-wrapper {
margin-bottom: 30px;
position: relative; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .daypicker-wrapper {
margin: 0;
height: 185px;
display: flex;
justify-content: center;
align-items: center;
width: calc(100% + 30px);
margin-left: -15px; } }
#agenda .daypicker-wrapper .daypicker-control-prev,
#agenda .daypicker-wrapper .daypicker-control-next {
position: absolute;
top: 50%;
left: 0;
margin-top: -13px; }
#agenda .daypicker-wrapper .daypicker-control-next {
left: inherit !important;
right: 0 !important; }
#agenda .daypicker-wrapper .daypicker {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center; }
#agenda .daypicker-wrapper .daypicker li {
display: inline-block;
width: 95px;
height: 95px;
cursor: pointer;
color: #DBDBDB;
align-items: center;
justify-content: center; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .daypicker-wrapper .daypicker li:nth-child(1), #agenda .daypicker-wrapper .daypicker li:nth-child(2), #agenda .daypicker-wrapper .daypicker li:nth-child(6), #agenda .daypicker-wrapper .daypicker li:nth-child(7) {
display: none; } }
#agenda .daypicker-wrapper .daypicker li a {
font-size: 50px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: 95px;
width: 95px;
height: 95px;
letter-spacing: normal;
display: block;
color: rgba(255, 255, 255, 0.6); }
#agenda .daypicker-wrapper .daypicker li a span {
display: block;
line-height: 50px;
margin-top: 10px; }
#agenda .daypicker-wrapper .daypicker li a small {
display: block;
font-size: 20px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: normal;
text-transform: uppercase; }
#agenda .daypicker-wrapper .daypicker li a:hover {
text-decoration: none; }
#agenda .daypicker-wrapper .daypicker li.selected {
background-color: #2F884D; }
#agenda .daypicker-wrapper .daypicker li.selected a {
color: #FFFFFF; }
#agenda .monthpicker-wrapper {
position: relative;
margin-bottom: 60px; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .monthpicker-wrapper {
margin-bottom: 30px; } }
#agenda .monthpicker-wrapper a {
font-size: 12px;
font-family: "Lucida Grande", Arial, FreeSans;
color: #FFFFFF;
font-weight: 500;
padding-right: 32px; }
#agenda .monthpicker-wrapper a span {
position: relative;
display: inline-block;
font-size: 16px; }
#agenda .monthpicker-wrapper a span:after {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
font-size: 16px;
content: "";
color: #19224D;
font-family: 'ecoicon';
width: 20px;
height: 20px;
line-height: 23px;
font-size: 10px;
text-indent: -1px;
text-align: center;
background: #FFFFFF;
overflow: hidden;
position: absolute;
top: 50%;
right: -65px; }
#agenda .monthpicker-wrapper a:hover {
text-decoration: none; }
#agenda .monthpicker-wrapper:before, #agenda .monthpicker-wrapper:after {
position: absolute;
content: '';
height: 1px;
width: 40%;
background: rgba(255, 255, 255, 0.2);
left: 0;
top: 50%;
margin-top: -1px; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .monthpicker-wrapper:before, #agenda .monthpicker-wrapper:after {
width: 30%; } }
#agenda .monthpicker-wrapper:after {
left: auto;
right: 0; }
#agenda .events {
display: flex;
justify-content: center; }
#agenda .events .event-item {
background: #E5E5E5;
padding: 20px 20px 90px;
color: #222222;
margin-bottom: 20px;
height: 100%;
position: relative; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .events .event-item {
padding: 10px;
height: auto;
overflow: hidden; } }
#agenda .events .event-item.empty {
height: auto;
padding: 20px; }
#agenda .events .event-item h2 {
margin-bottom: 20px;
font-size: 1.8em; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .events .event-item h2 {
font-size: 1.2em; } }
#agenda .events .event-item a {
color: #222222; }
#agenda .events .event-item .info {
position: absolute;
bottom: 15px;
left: 15px;
height: 90px; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .events .event-item .info {
position: relative;
left: 0;
bottom: 0;
display: block;
height: auto; } }
#agenda .events .event-item .info span {
display: block;
height: 15px;
line-height: 15px;
margin-bottom: 15px; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .events .event-item .info span {
font-size: 1em; } }
#agenda .events .event-item .info span.icon:before {
margin-right: 10px;
font-size: 15px; }
#agenda .events .col-md-4 {
display: none; }
#agenda .events .col-md-4:nth-child(1), #agenda .events .col-md-4:nth-child(2), #agenda .events .col-md-4:nth-child(3) {
display: block; }
#agenda .agenda-footer .btn {
border-color: #FFFFFF;
color: #FFFFFF; }
@media (min-width: 320px) and (max-width: 1150px) {
#agenda .agenda-footer .btn {
margin: 0 0 25px !important;
background: #19224D; } }
#agenda.loading .events {
opacity: 0.5; }
.agenda-archive #agenda {
background: none !important; }
.agenda-archive #agenda .daypicker-wrapper .daypicker li a {
color: #DBDBDB; }
.agenda-archive #agenda .events {
display: block; }
.agenda-archive #agenda .events > .col-md-4 {
width: 100%;
display: block;
flex: none;
max-width: none;
padding: 0; }
.agenda-archive #agenda .events > .col-md-4 .event-item {
height: auto;
padding: 20px;
overflow: hidden;
min-height: 142px; }
.agenda-archive #agenda .events > .col-md-4 .event-item h2 {
width: 80%;
float: right;
padding-left: 70px; }
.agenda-archive #agenda .events > .col-md-4 .event-item .info {
height: 100%;
position: relative;
text-align: center;
width: 20%;
padding-right: 20px;
bottom: auto;
left: auto; }
.agenda-archive #agenda .events > .col-md-4 .event-item .info:after {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
content: '';
width: 1px;
height: 80px;
background: rgba(0, 0, 0, 0.2);
top: 50%;
right: -1px; }
.agenda-archive #agenda .events > .col-md-4 .event-item .info .time {
width: 100%;
text-align: center;
height: 102px;
line-height: 102px;
font-size: 1.8rem;
margin: 0; }
.agenda-archive #agenda .events > .col-md-4 .event-item .info .time:before {
font-size: 18px; }
.agenda-archive #agenda .events > .col-md-4 .event-item .info .location {
display: none; }
.agenda-archive #agenda .events > .col-md-4 .event-item .location.d-none {
display: block !important;
position: absolute;
right: 0;
width: calc(80% - 11px);
padding-left: 70px;
bottom: 20px;
font-size: 1rem; }
.agenda-archive #agenda .events > .col-md-4 .event-item .location.d-none:before {
font-size: 15px;
margin-right: 10px; }
.agenda-archive #agenda .events .event {
align-items: center;
background: #E5E5E5;
padding: 20px;
margin-bottom: 20px; }
.agenda-archive #agenda .events .event .time {
position: relative;
text-align: center;
width: 20%;
padding-right: 20px; }
.agenda-archive #agenda .events .event .time:after {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
content: '';
width: 1px;
height: 80px;
background: rgba(0, 0, 0, 0.2);
top: 50%;
right: -1px; }
.agenda-archive #agenda .events .event .time span {
font-size: 1.8em; }
.agenda-archive #agenda .events .event .time span:before {
font-size: 18px;
margin-right: 10px; }
.agenda-archive #agenda .events .event .info {
width: 80%;
padding-left: 70px; }
.agenda-archive #agenda .events .event .info h2 {
font-size: 1.8em; }
.ui-datepicker .ui-icon {
display: block;
font-size: 0; }
.ui-datepicker .ui-icon:before {
font-family: 'ecoicon';
font-size: 20px; }
.ui-datepicker .ui-icon.ui-icon-circle-triangle-w:before {
content: ""; }
.ui-datepicker .ui-icon.ui-icon-circle-triangle-e:before {
content: ""; }
#events-archive .row {
margin: 0; }
#events-archive .event {
align-items: center;
background: #E5E5E5;
padding: 30px 20px;
margin-bottom: 20px; }
#events-archive .event .time {
position: relative;
text-align: center;
width: 20%;
padding-right: 20px; }
#events-archive .event .time:after {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
content: '';
width: 1px;
height: 60px;
background: rgba(0, 0, 0, 0.2);
top: 50%;
right: -1px; }
#events-archive .event .time span {
font-size: 1.8em; }
#events-archive .event .time span:before {
font-size: 18px;
margin-right: 10px; }
#events-archive .event .info {
width: 80%;
padding-left: 70px; }
#events-archive .event .info h2 {
margin-bottom: 10px;
font-size: 1.8em; }
#events-archive .event .info a {
color: #222222; }
#events-archive .event .info .additional span {
position: relative;
display: inline-block;
padding-left: 20px;
margin-left: 20px; }
#events-archive .event .info .additional span:first-child {
padding: 0;
margin: 0 15px 0 0; }
#events-archive .event .info .additional span:first-child:after {
display: none; }
#events-archive .event .info .additional span:after {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
content: '';
width: 1px;
height: 100%;
background: rgba(0, 0, 0, 0.2);
top: 50%;
left: -1px; }
#events-archive .event .info .additional span:before {
font-size: 15px;
margin-right: 10px; }
.high-contrast #events-archive {
background-color: #000000 !important; }
#breadcrumb-wrapper {
width: 100%;
height: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
@media (min-width: 320px) and (max-width: 1150px) {
#breadcrumb-wrapper {
height: auto;
border: none; } }
#breadcrumb-wrapper #breadcrumb {
font-size: 1rem;
background: none;
margin: 0; }
@media (min-width: 320px) and (max-width: 1150px) {
#breadcrumb-wrapper #breadcrumb {
height: 40px;
display: flex;
flex-basis: initial;
align-items: center;
padding: 0 15px;
flex-wrap: initial; }
#breadcrumb-wrapper #breadcrumb:before {
content: "";
width: calc(100% + 30px);
margin-left: -15px;
position: absolute;
height: 1px;
background: #E5E5E5;
left: 0;
bottom: 0; } }
@media (min-width: 320px) and (max-width: 1150px) {
#breadcrumb-wrapper #breadcrumb li {
font-size: 0.85rem;
white-space: nowrap; }
#breadcrumb-wrapper #breadcrumb li:last-child {
overflow: hidden;
text-overflow: ellipsis; } }
#breadcrumb-wrapper #breadcrumb li a {
color: #222222; }
#breadcrumb-wrapper #breadcrumb li.item-home a {
display: inline-block;
position: relative;
text-decoration: none; }
#breadcrumb-wrapper #breadcrumb li.item-home a span {
font-size: 0;
text-indent: -999px; }
#breadcrumb-wrapper #breadcrumb li.item-home a:before {
font-size: 16px; }
@media (min-width: 320px) and (max-width: 1150px) {
#breadcrumb-wrapper #breadcrumb li.item-home a:before {
font-size: 12px; } }
#breadcrumb-wrapper #breadcrumb li.separator {
margin: 0 15px;
color: #E5E5E5;
font-size: 0.8rem; }
@media (min-width: 320px) and (max-width: 1150px) {
#breadcrumb-wrapper #breadcrumb li.separator {
margin: 0 8px; } }
.high-contrast #breadcrumb-wrapper #breadcrumb a {
color: #FFFFFF !important; }
.carousel-wrapper {
margin: 0;
background: #000000; }
@media (min-width: 1150px) {
.carousel-wrapper {
min-height: 680px; } }
@media (min-width: 320px) and (max-width: 1150px) {
.carousel-wrapper {
min-height: 40vh; } }
.carousel-wrapper #jumbotron-carousel {
margin-bottom: 0; }
.carousel-wrapper #jumbotron-carousel .carousel-control-next,
.carousel-wrapper #jumbotron-carousel .carousel-control-prev {
z-index: 2; }
.carousel-wrapper #jumbotron-carousel .carousel-indicators {
bottom: 10px; }
.carousel-wrapper #jumbotron-carousel .carousel-indicators li {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.6); }
.carousel-wrapper #jumbotron-carousel .carousel-indicators li.active {
background-color: white; }
.carousel-wrapper #jumbotron-carousel .carousel-item {
max-height: 680px; }
@media (min-width: 320px) and (max-width: 1150px) {
.carousel-wrapper #jumbotron-carousel .carousel-item {
max-height: 400px; } }
.carousel-wrapper #jumbotron-carousel .carousel-item img {
display: block;
height: 680px;
object-fit: cover; }
@media (min-width: 320px) and (max-width: 1150px) {
.carousel-wrapper #jumbotron-carousel .carousel-item img {
height: 50vh; } }
.carousel-wrapper #jumbotron-carousel .carousel-item .carousel-caption {
z-index: 2;
text-align: left;
max-width: 1140px;
margin: auto;
padding-left: 15px;
padding-right: 15px;
left: 0;
right: 0; }
@media (min-width: 320px) and (max-width: 1150px) {
.carousel-wrapper #jumbotron-carousel .carousel-item .carousel-caption {
padding: 0 0 60px;
bottom: 0; }
.carousel-wrapper #jumbotron-carousel .carousel-item .carousel-caption:before {
content: "";
width: 100%;
height: calc(100% + 200px);
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }
.carousel-wrapper #jumbotron-carousel .carousel-item .carousel-caption .container {
padding: 0; }
.carousel-wrapper #jumbotron-carousel .carousel-item .carousel-caption h2 {
font-size: 18px;
margin: 0;
display: block;
width: calc(100% - 120px);
margin: 0 auto;
text-align: center; }
.carousel-wrapper #jumbotron-carousel .carousel-item .carousel-caption p {
display: none; } }
.carousel-wrapper #jumbotron-carousel .carousel-item .carousel-caption a {
display: block;
color: #FFFFFF; }
.carousel-wrapper #jumbotron-carousel .carousel-item .carousel-caption a:hover {
color: #0094FF;
text-decoration: none; }
.carousel-wrapper #jumbotron-carousel .carousel-item:before {
content: " ";
background-color: transparent;
background-image: -o-radial-gradient(transparent, #000);
background-image: radial-gradient(transparent, #000);
white-space: nowrap;
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: .8;
z-index: 1;
text-indent: -3000px; }
@media (min-width: 320px) and (max-width: 1150px) {
.carousel-wrapper #jumbotron-carousel .carousel-item:before {
display: none; } }
.high-contrast .carousel-wrapper #jumbotron-carousel .carousel-item .carousel-caption {
background: #000000; }
#main-header {
color: #FFFFFF;
padding: 0;
z-index: 100;
background-color: #2969BD;
position: relative; }
#main-header:before {
transition: visibility 0s 0.2s, opacity 0.2s;
visibility: hidden;
opacity: 0;
background: rgba(0, 0, 0, 0.8);
content: "";
width: 100%;
height: 100%;
min-height: 100vh;
position: fixed;
left: 0;
top: 0;
display: block;
z-index: 100; }
@media screen and (prefers-reduced-motion: reduce) {
#main-header:before {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
body.menu-active #main-header:before {
transition: opacity ease 0.2s;
visibility: visible;
opacity: 1; } }
@media screen and (min-width: 320px) and (max-width: 1150px) and (prefers-reduced-motion: reduce) {
body.menu-active #main-header:before {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
#main-header {
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
width: 100vw;
height: 50px;
line-height: 50px;
padding: 0;
position: fixed !important;
left: 0 !important;
top: 0 !important;
background-color: #2969BD !important; }
#main-header:after {
content: "";
width: 100%;
height: 0px;
position: absolute;
left: 0;
bottom: 0px; }
body.admin-bar #main-header {
top: 46px !important; }
#main-header #barra-brasil {
display: none; }
#main-header .container {
padding: 0; }
#main-header .container .row {
display: block;
margin: 0; }
#main-header .container .row:after {
opacity: 0; }
#main-header .container .row .menu-col {
border: none; }
#main-header .container .row #accessibility-bar {
display: none; }
#main-header .container .row .menu-title {
color: #222222; }
#main-header .container .row .title-wrapper {
display: flex;
align-items: center;
width: calc(100% - 80px);
height: 50px;
padding: 0;
margin: 0;
position: absolute;
left: 50px;
top: 0;
text-align: center;
font-size: 18px;
font-weight: normal;
flex: none;
max-width: none; }
#main-header .container .row .title-wrapper .site-denomination {
display: none; }
#main-header .container .row .title-wrapper h1 {
width: 100%;
font-size: 1.2rem; } }
#main-header .site-denomination {
font-size: .625rem;
font-weight: 700;
width: 100%;
opacity: .6;
text-transform: uppercase; }
#main-header .site-title {
display: inline;
font-size: 1.625rem;
font-weight: 900; }
#main-header .site-title a {
color: #FFFFFF; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-header .site-title a {
text-decoration: none; } }
.home #main-header {
position: absolute;
left: 0;
top: 0;
right: 0;
background: none; }
#main-header > .container {
padding-top: 21px; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-header > .container {
padding-top: 0; } }
#main-header > .container > .row:after {
content: '';
display: block;
height: 1px;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-top: 15px; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-header > .container > .row:after {
display: none; } }
.high-contrast #main-header {
background: #000000; }
#featured-links {
margin-top: 25px; }
@media (min-width: 320px) and (max-width: 1150px) {
#featured-links {
margin: 0; } }
#featured-links ul {
padding-left: 15px; }
#featured-links ul li {
margin-right: 20px;
font-size: .875rem;
font-weight: 500;
line-height: 1.5rem; }
#featured-links ul li a {
color: #FFFFFF;
padding: 0; }
#featured-links #menu-toggle {
transition: all 0.5s ease-in-out;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
width: 23px;
height: 18px;
position: relative;
cursor: pointer;
font-size: 0;
background: none;
border: none;
outline: none;
padding: 0;
float: left;
cursor: pointer;
filter: none;
display: block;
margin: 3px 0 0 3px; }
@media screen and (prefers-reduced-motion: reduce) {
#featured-links #menu-toggle {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
#featured-links #menu-toggle {
margin-top: 16px; } }
#featured-links #menu-toggle span {
transition: all 0.25s ease-in-out;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #FFFFFF;
border-radius: 0;
opacity: 1;
left: 0;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
@media screen and (prefers-reduced-motion: reduce) {
#featured-links #menu-toggle span {
transition: none; } }
#featured-links #menu-toggle span:nth-child(1) {
top: 0px; }
@media (min-width: 1150px) {
body.menu-active #featured-links #menu-toggle span:nth-child(1) {
transform: rotate(43.5deg);
-webkit-transform: rotate(43.5deg);
-moz-transform: rotate(43.5deg);
-ms-transform: rotate(43.5deg);
top: 0px;
left: 3px; } }
#featured-links #menu-toggle span:nth-child(2) {
top: 7px; }
@media (min-width: 1150px) {
body.menu-active #featured-links #menu-toggle span:nth-child(2) {
width: 0%;
opacity: 0; } }
#featured-links #menu-toggle span:nth-child(3) {
top: 14px; }
@media (min-width: 1150px) {
body.menu-active #featured-links #menu-toggle span:nth-child(3) {
transform: rotate(-43.5deg);
-webkit-transform: rotate(-43.5deg);
-moz-transform: rotate(-43.5deg);
-ms-transform: rotate(-43.5deg);
top: 16.2px;
left: 3px; } }
#menu-wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
background-color: white;
color: #333333;
border-bottom: 1px solid #f1f1f1;
padding: 45px 0;
top: 100%;
height: max-content;
z-index: 100;
visibility: hidden;
opacity: 0; }
@media (min-width: 1150px) {
#menu-wrapper {
transition: visibility 0s linear 0.25s, opacity 0.25s;
visibility: hidden;
opacity: 0; } }
@media screen and (min-width: 1150px) and (prefers-reduced-motion: reduce) {
#menu-wrapper {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
#menu-wrapper {
transition: all ease-in-out 0.2s;
transform: translateX(-105%);
-webkit-transform: translateX(-105%);
-moz-transform: translateX(-105%);
-ms-transform: translateX(-105%);
position: fixed;
left: 0;
top: 0;
background: white;
width: 80%;
z-index: 9999;
padding: 0;
z-index: 102;
padding: 0;
display: block;
min-height: 100vh;
visibility: visible;
opacity: 1; } }
@media screen and (min-width: 320px) and (max-width: 1150px) and (prefers-reduced-motion: reduce) {
#menu-wrapper {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
#menu-wrapper .icon-close {
display: block;
width: 60px;
height: 60px;
padding: 0;
margin: 0;
border: none;
background: none;
position: absolute;
outline: none;
left: 0;
top: 0; }
#menu-wrapper .icon-close:before {
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
content: "";
font-family: 'ecoicon';
font-size: 25px;
position: absolute;
left: 50%;
top: 50%;
color: #FFFFFF; }
#menu-wrapper #menu-toggle {
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
position: absolute;
left: 50%;
top: 50%; }
#menu-wrapper .menu-content {
height: 100%; }
#menu-wrapper .menu-content .row .widget_nav_menu {
transition: max-height ease 0.2s;
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
max-height: 50px;
overflow: hidden;
padding: 0 20px; } }
@media screen and (min-width: 320px) and (max-width: 1150px) and (prefers-reduced-motion: reduce) {
#menu-wrapper .menu-content .row .widget_nav_menu {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
#menu-wrapper .menu-content .row .widget_nav_menu:first-child {
border-top: none; }
#menu-wrapper .menu-content .row .widget_nav_menu.active:after {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg); }
#menu-wrapper .menu-content .row .widget_nav_menu:after {
transition: all ease-in-out 0.25s;
content: "";
font-size: 18px;
color: #222222;
width: 50px;
height: 50px;
font-family: 'ecoicon';
line-height: 50px;
display: block;
text-align: center;
position: absolute;
top: 0px;
right: 0px; } }
@media screen and (min-width: 320px) and (max-width: 1150px) and (prefers-reduced-motion: reduce) {
#menu-wrapper .menu-content .row .widget_nav_menu:after {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
#menu-wrapper .menu-content .row .widget_nav_menu.active {
max-height: 900px;
padding-bottom: 20px; }
#menu-wrapper .menu-content .row .widget_nav_menu .menu-title {
margin: 0;
height: 50px;
line-height: 50px;
text-transform: uppercase; }
#menu-wrapper .menu-content .row .widget_nav_menu li {
height: auto;
margin: 0;
padding: 0;
line-height: normal;
margin-top: 20px; }
#menu-wrapper .menu-content .row .widget_nav_menu li:first-child {
margin-top: 0; } }
@media (min-width: 320px) and (max-width: 1150px) and (min-width: 320px) and (max-width: 1150px) {
#menu-wrapper .menu-content .menu-header {
height: 228px;
padding: 60px 20px 20px;
background: #0094FF;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); }
#menu-wrapper .menu-content .menu-header h2 {
width: 200px;
display: block;
color: #FFFFFF;
margin-bottom: 15px; }
#menu-wrapper .menu-content .menu-header .search-wrapper {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
outline: none;
position: relative;
overflow: hidden; }
#menu-wrapper .menu-content .menu-header .search-wrapper form {
margin: 0;
outline: none; }
#menu-wrapper .menu-content .menu-header .search-wrapper form .input-group {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
outline: none; }
#menu-wrapper .menu-content .menu-body {
height: calc(100% - 277px);
padding: 10px 0 0;
overflow: scroll;
-webkit-overflow-scrolling: touch; }
#menu-wrapper .menu-content .menu-footer {
transform: translateY(56px);
-webkit-transform: translateY(56px);
-moz-transform: translateY(56px);
-ms-transform: translateY(56px);
overflow: hidden;
position: sticky;
bottom: 0;
padding-bottom: 56px;
background: #0094FF; }
#menu-wrapper .menu-content .menu-footer .social-medias {
margin: 0;
padding: 0;
border: none;
display: flex;
height: 50px;
align-items: center;
justify-content: center;
background: #0094FF; }
#menu-wrapper .menu-content .menu-footer .social-medias li {
margin-left: 15px;
-webkit-filter: grayscale(100%) brightness(5);
filter: grayscale(100%) brightness(5);
background-size: 70% auto !important; }
#menu-wrapper .menu-content .menu-footer .social-medias li:first-child {
margin-left: 0; } }
@media (min-width: 1150px) {
body.menu-active #menu-wrapper {
transition: visibility 0s linear 0s, opacity 0.25s;
height: max-content;
overflow: visible;
transition: none;
visibility: visible;
opacity: 1; } }
@media screen and (min-width: 1150px) and (prefers-reduced-motion: reduce) {
body.menu-active #menu-wrapper {
transition: none; } }
@media (min-width: 320px) and (max-width: 1150px) {
body.menu-active #menu-wrapper {
transition: transform ease-in-out 0.25s;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
left: 0; } }
@media screen and (min-width: 320px) and (max-width: 1150px) and (prefers-reduced-motion: reduce) {
body.menu-active #menu-wrapper {
transition: none; } }
#menu-wrapper .menu-content:before {
content: '';
display: block;
position: absolute;
top: -16px;
margin-left: 6px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 16px 8px;
border-color: transparent transparent #FFFFFF transparent; }
#menu-wrapper .menu-content .menu-col {
border-right: 1px solid #F1F1F1; }
#menu-wrapper .menu-content .menu-col .menu-title {
font-weight: 900;
font-size: 1rem;
margin-bottom: 1.25rem; }
@media (min-width: 320px) and (max-width: 1150px) {
#menu-wrapper .menu-content .menu-col .menu-title {
font-size: 16px; } }
#menu-wrapper .menu-content .menu-col ul {
margin: 0 15px 0 0;
padding: 0;
list-style-type: none; }
#menu-wrapper .menu-content .menu-col ul.social-medias {
margin: 0;
padding: 0;
width: calc(100% + 30px);
margin-left: -15px;
border: none; }
#menu-wrapper .menu-content .menu-col ul.social-medias li {
width: 50px;
height: 50px;
background-size: 55% auto;
margin-left: 15px !important;
-webkit-filter: grayscale(100%) brightness(0);
filter: grayscale(100%) brightness(0);
margin-bottom: 0; }
@media (min-width: 320px) and (max-width: 1150px) {
#menu-wrapper .menu-content .menu-col ul.social-medias li {
background-size: auto !important; } }
#menu-wrapper .menu-content .menu-col ul.social-medias li.soundcloud {
background-size: 65% auto; }
#menu-wrapper .menu-content .menu-col ul li {
font-weight: 400;
margin-right: 0;
font-size: .875rem;
margin-bottom: 1.25rem; }
@media (min-width: 320px) and (max-width: 1150px) {
#menu-wrapper .menu-content .menu-col ul li {
margin: 0 !important; } }
#menu-wrapper .menu-content .menu-col ul li a {
font-weight: 500;
color: #222222 !important; }
@media (min-width: 320px) and (max-width: 1150px) {
#menu-wrapper .menu-content .menu-col ul li a {
font-size: 14px;
padding: 12px 0;
display: inline-block; } }
#menu-wrapper .menu-content > .row > div:last-of-type .menu-col {
border: none; }
#main-search {
position: relative;
margin-top: 15px; }
#main-search input[type="search"] {
width: 100%;
margin: 0;
padding: 0 50px 0 20px;
border: 0;
background: #FFFFFF;
border-radius: 30px;
line-height: 30px;
font-family: "Lucida Grande", Arial, FreeSans;
font-size: 0.85em; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-search input[type="search"] {
height: 40px;
outline: none;
background: #FFFFFF;
border: none;
width: 100%;
padding: 0 40px 0 20px;
border-radius: 0px;
font-size: 14px;
color: #222222; } }
#main-search .input-group-append {
position: absolute;
right: 0;
top: 0; }
#main-search .input-group-append button {
margin: 0;
border: none;
height: 38px;
width: 45px;
position: relative;
background: none;
padding: 0;
outline: none; }
#main-search .input-group-append button:before {
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
content: "";
font-size: 20px;
color: #222222;
font-family: 'ecoicon';
text-align: center;
position: absolute;
left: 50%;
top: 50%;
width: 25px;
height: 25px;
line-height: 25px; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-search .input-group-append button:before {
color: #0094FF; } }
@media (min-width: 320px) and (max-width: 1150px) {
#main-search .input-group-append button {
outline: none;
height: 40px; } }
#main-search .input-group > .form-control:focus {
z-index: auto; }
.texto-copyright {
width: 100%;
border-color: #A6A6A6;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
float: left;
clear: both; }
@media (min-width: 320px) and (max-width: 1150px) {
.texto-copyright {
border-bottom: none;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
display: block !important; } }
.texto-copyright span {
font-size: 1em; }
@media (min-width: 320px) and (max-width: 1150px) {
.texto-copyright span {
display: block;
margin-bottom: 25px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 1rem; } }
.texto-copyright span a {
color: #222222;
font-weight: bold;
text-decoration: underline; }
.texto-copyright .voltar-topo {
width: 210px;
text-align: right; }
@media (min-width: 320px) and (max-width: 1150px) {
.texto-copyright .voltar-topo {
width: 100%;
margin-bottom: 15px;
display: inline-block;
text-align: center; } }
.texto-copyright .voltar-topo a {
color: #222222;
font-size: 0.8em;
text-transform: uppercase;
font-weight: 700;
display: block;
padding-right: 50px;
position: relative; }
@media (min-width: 320px) and (max-width: 1150px) {
.texto-copyright .voltar-topo a {
display: inline-block;
margin-bottom: 15px; } }
.texto-copyright .voltar-topo a:after {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
content: "";
background: #222222;
font-size: 1em;
width: 40px;
height: 40px;
line-height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
text-align: center;
font-weight: 700;
position: absolute;
right: 0;
text-align: center;
top: 50%;
font-family: 'ecoicon'; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-single > .container > .row {
overflow: hidden; } }
#main-single #content .align {
max-width: 960px;
margin: 0 auto; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-single #content > .col-12 {
padding: 15px !important;
overflow: hidden; }
#main-single #content > .col-12 > article {
overflow: hidden; } }
#main-footer {
background: #F1F1F1;
padding: 60px 0; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-footer {
padding: 30px 20px; }
#main-footer .container {
display: block;
margin: 0;
padding: 0; }
#main-footer .container .row {
display: block;
margin: 0;
padding: 0; }
#main-footer .container .row .col,
#main-footer .container .row .col-lg-12 {
display: block;
margin: 0;
padding: 0; } }
#main-footer .social-title {
margin-bottom: 20px;
font-size: 1.3em; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-footer .social-title {
text-align: center; } }
#main-footer .section-title {
text-transform: uppercase;
font-size: 1em;
line-height: 1.5em; }
#main-footer .menus {
margin-bottom: 80px; }
@media (min-width: 320px) and (max-width: 1150px) {
#main-footer .menus {
display: none !important; } }
#main-footer .menus .section-title {
margin-bottom: 25px; }
#main-footer .menus ul {
padding: 0; }
#main-footer .menus ul li {
list-style: none; }
#main-footer .menus ul li a {
font-size: 1em;
color: #222222;
line-height: 1.5em; }
#main-footer .footer-brasil {
font-size: 0;
text-align: right;
clear: both; }
#main-footer .footer-brasil a {
display: inline-block; }
#main-footer .footer-brasil .logo-acesso-footer {
width: 97px;
height: 42px;
margin-right: 45px;
background: url("data:image/svg+xml,%3Csvg%20width%3D%2297%22%20height%3D%2242%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23222%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M20.976%2014.694c2.225.05%204.213-1.784%204.216-4.172.002-2.487-1.988-4.194-4.132-4.23-2.355-.04-4.244%201.886-4.287%204.103-.049%202.52%202.038%204.35%204.203%204.299m-4.2%2011.53h.002v5.269c.002.598.135%201.172.367%201.72a3.977%203.977%200%200%200%201.218%201.572c.965.766%202.069%201.051%203.276.867%201.137-.173%202.054-.742%202.743-1.667.455-.612.72-1.306.774-2.056.053-.727.034-1.46.035-2.19.001-2.923%200-5.847-.005-8.77%200-.204-.023-.41-.055-.613-.18-1.118-.703-2.046-1.615-2.73-1.06-.796-2.25-1.038-3.54-.722-1.019.249-1.833.797-2.426%201.672-.503.743-.77%201.554-.772%202.448-.004%201.733-.001%203.466-.001%205.2M.017%2020.98l.001-.318c.032-2.361.437-4.657%201.271-6.867.338-.894.749-1.764%201.172-2.623C3.3%209.47%204.437%207.97%205.736%206.587c.982-1.044%202.08-1.953%203.242-2.793C11.465%202%2014.241.894%2017.245.341a21.21%2021.21%200%200%201%202.41-.287C20.454%200%2021.26-.017%2022.06.02c.746.035%201.49.14%202.23.252%201.37.21%202.707.563%204.008%201.046%201.575.585%203.072%201.326%204.443%202.293a23.392%2023.392%200%200%201%202.902%202.388c1.476%201.446%202.735%203.055%203.71%204.87.484.9.884%201.845%201.297%202.78.233.528.934%203.164.996%203.75.096.895.214%201.789.278%202.686.086%201.19.01%202.378-.143%203.56a20.797%2020.797%200%200%201-3.1%208.577%2020.61%2020.61%200%200%201-7.928%207.301c-.56.29-1.14.537-1.71.806-1.552.733-3.201%201.137-4.887%201.403-1.464.23-2.94.272-4.422.197a20.488%2020.488%200%200%201-5.427-1.037c-.396-.13-.796-.259-1.174-.433-1.141-.526-2.284-1.051-3.343-1.735a.46.46%200%200%200-.438-.053c-1.581.557-3.164%201.108-4.748%201.657-.437.152-.869.328-1.318.428-.303.068-.637.059-.949.02-.668-.082-1.066-.638-1.147-1.257-.082-.627.1-1.208.307-1.788.54-1.517%201.073-3.036%201.608-4.554.076-.216.15-.433.213-.653a.27.27%200%200%200-.025-.188C2.127%2030.323%201.137%2028.238.607%2025.96a21.928%2021.928%200%200%201-.55-3.642C.032%2021.874.02%2021.427%200%2020.982h.018M73.508%2024.135c.194-.2.356-.41.56-.57%201.01-.788%202.487-.194%202.663%201.064.027.194.04.39.04.586.004%201.065.002%202.13.002%203.195v.206a3.64%203.64%200%200%201-1.423.001v-.216c-.003-.994-.003-1.987-.01-2.98%200-.13-.019-.262-.045-.39-.053-.25-.162-.467-.446-.518-.356-.063-.685-.008-.918.296-.192.25-.24.553-.242.859-.004.91-.001%201.82-.001%202.73v.19c-.264.123-1.064.133-1.43.017v-.188c0-.94.006-1.88-.005-2.82a3.473%203.473%200%200%200-.1-.703c-.05-.231-.215-.359-.454-.391-.502-.068-.912.156-1.011.626-.053.249-.1.503-.105.755-.013.833-.004%201.666-.004%202.499v.262l-.923.036c-.03.001-.059-.01-.089-.013-.4-.04-.4-.039-.4-.431%200-1.56.002-3.118-.003-4.677-.001-.152.03-.234.198-.23.29.01.582.005.872.025.05.004.12.09.137.151.048.17.074.346.118.57.39-.567.896-.862%201.564-.832.652.03%201.19.246%201.455.891M51.35%2012.588l-.064.002-.857%202.96h1.74l-.818-2.962m3.146%205.72c-.411.006-.79.031-1.168.014-.41-.018-.41-.034-.52-.431-.09-.32-.18-.64-.26-.962-.027-.111-.07-.156-.19-.155-.705.006-1.41.005-2.115%200-.115%200-.165.033-.195.15-.105.407-.222.812-.342%201.216-.018.057-.079.143-.12.144-.434.01-.868.004-1.302%200-.015%200-.03-.017-.059-.036.13-.422.256-.847.39-1.27.614-1.941%201.233-3.881%201.842-5.824.053-.169.128-.245.309-.24.423.01.846.006%201.268.007.117%200%20.178.05.214.166.673%202.153%201.351%204.304%202.026%206.457.073.232.136.466.222.763M55.649%2028.615c-.48.096-.946.095-1.432.003v-.214c0-.869.004-1.738-.003-2.606a4.81%204.81%200%200%200-.066-.725c-.065-.404-.372-.62-.783-.583-.63.058-.897.425-.927%201.14-.039.92-.014%201.843-.016%202.765v.22c-.48.096-.944.095-1.417.005v-5.25a2.464%202.464%200%200%201%201.092-.013c.045.008.093.087.108.142.047.181.08.366.118.55.187-.173.35-.356.545-.497.592-.427%201.55-.415%202.138.016.436.321.59.792.608%201.296.033.95.026%201.902.034%202.853.003.296%200%20.593%200%20.898M60.237%2015.049h2.057c-.03-.38-.117-.724-.448-.933-.364-.23-.758-.207-1.122.001-.345.198-.448.546-.487.932m3.36%201.006H60.23c-.028.514.282.933.809%201.082.613.174%201.22.083%201.811-.1.186-.058.269-.02.309.151.06.26.12.519.164.78.007.045-.051.136-.097.15-.934.303-1.884.392-2.83.093-.93-.294-1.38-1.01-1.537-1.925a3.474%203.474%200%200%201%20.175-1.892c.433-1.1%201.465-1.638%202.614-1.489%201.14.147%201.845.912%201.967%202.065.024.224.026.45.025.676-.001.128-.027.257-.045.409M76.102%2015.813c-.023-.57-.047-.96-.225-1.322-.18-.363-.493-.499-.88-.495-.383.005-.696.156-.841.521a2.977%202.977%200%200%200-.018%202.19c.147.399.475.565.887.562.42-.003.755-.177.886-.589.107-.335.153-.69.19-.867m1.45-.175a3.335%203.335%200%200%201-.251%201.307c-.34.79-.917%201.286-1.79%201.4-.743.098-1.46.035-2.07-.448-.383-.301-.63-.711-.774-1.171a3.568%203.568%200%200%201%20.009-2.226c.318-.974%201.084-1.55%202.114-1.61.514-.03%201.013.03%201.477.27.727.379%201.081%201.012%201.216%201.788.04.228.046.46.068.69M63.226%2025.953c-.01-.116-.017-.3-.042-.482-.02-.141-.057-.28-.094-.417-.11-.404-.404-.655-.797-.686-.522-.04-.85.113-1.014.545a3.162%203.162%200%200%200-.176.848c-.041.48-.024.963.198%201.41.176.356.48.494.864.49.377-.003.67-.147.844-.494.18-.361.207-.752.217-1.214m-1.076%202.78c-.74.016-1.391-.193-1.887-.766-.367-.424-.545-.932-.601-1.48-.077-.747-.012-1.476.38-2.14.38-.643.962-.984%201.7-1.077.513-.064%201.014-.026%201.492.177.758.323%201.178.914%201.345%201.705.144.675.137%201.344-.076%202.005a2.243%202.243%200%200%201-2.084%201.575c-.09.003-.18%200-.269%200M94.272%2024.364c-.455-.001-.758.167-.897.569-.245.71-.26%201.434-.004%202.149a.818.818%200%200%200%20.611.549c.627.146%201.095-.134%201.254-.77a3.47%203.47%200%200%200-.025-1.762c-.129-.482-.439-.734-.939-.735m2.551%201.752c-.073.344-.114.758-.25%201.137-.304.845-.936%201.335-1.827%201.453-.917.122-1.766-.02-2.401-.777-.326-.389-.496-.85-.56-1.347-.093-.737-.04-1.458.31-2.13.365-.703.964-1.078%201.743-1.18.598-.078%201.177-.017%201.716.276.597.324.955.834%201.108%201.481.078.333.103.678.161%201.087M82.796%2015.842c-.401-.083-.79-.1-1.17.046-.314.12-.462.361-.442.697.02.317.199.562.53.604.32.041.65.01.976%200%20.036%200%20.1-.07.102-.108.007-.41.004-.819.004-1.24m-.013-.932c.07-.524-.192-.834-.714-.89a3.576%203.576%200%200%200-1.447.15l-.114.034a1.866%201.866%200%200%201-.285-.939c-.001-.038.045-.1.08-.112.864-.256%201.734-.397%202.62-.124.76.235%201.165.77%201.228%201.541.046.568.034%201.14.04%201.71.005.547.004%201.095-.003%201.642-.001.059-.047.157-.092.17-.973.293-1.963.408-2.963.172a2.244%202.244%200%200%201-.72-.337c-.286-.193-.434-.502-.513-.831-.248-1.044.28-1.857%201.362-2.102a3.767%203.767%200%200%201%201.26-.086c.082.01.166.002.26.002M80.35%2026.228c-.43-.06-.843-.1-1.238.088-.276.131-.392.356-.369.688.02.288.175.473.446.561.356.116.717.085%201.077.018.032-.007.08-.061.08-.094.006-.415.004-.83.004-1.26m1.367%202.21c-1.002.302-2.037.437-3.084.173-1.119-.282-1.618-1.564-.987-2.487.324-.475.813-.69%201.358-.769.345-.05.699-.038%201.049-.053.094-.004.188%200%20.28%200%20.099-.462-.127-.819-.58-.898a3.232%203.232%200%200%200-1.453.088c-.068.02-.137.04-.206.058-.01.002-.023-.003-.047-.007-.153-.272-.262-.564-.263-.886%200-.052.052-.139.097-.152.815-.244%201.64-.373%202.483-.154.806.21%201.32.782%201.344%201.6.034%201.15.009%202.304.009%203.486M89.729%2026.247c-.345-.102-.871-.083-1.162.034-.329.133-.465.36-.438.73.023.305.201.535.533.576.315.039.638.01.956%200%20.039-.002.105-.08.106-.124.008-.402.005-.805.005-1.216m-.005-.947c.062-.588-.197-.875-.753-.923-.468-.04-.932-.008-1.378.146-.13.045-.196.012-.228-.104-.07-.255-.139-.511-.194-.77-.009-.04.047-.128.089-.14.868-.26%201.747-.397%202.636-.111.74.238%201.187.821%201.207%201.637.028%201.093.015%202.188.013%203.282%200%20.048-.05.128-.092.14-1.017.292-2.047.425-3.084.13-.745-.212-1.122-.723-1.158-1.47-.037-.758.297-1.289%201.014-1.594.516-.22%201.06-.257%201.613-.224.1.006.202.001.315.001M86.169%2027.4c.189.329.286.654.279%201.006-.001.044-.064.115-.109.124-.36.074-.72.154-1.085.197-.307.037-.378.086-.406.417.181.02.367.027.545.065.379.08.659.36.702.675.058.434-.1.76-.492.957-.596.3-1.22.248-1.863.15.013-.106.021-.187.032-.267.055-.414.076-.416.477-.372.226.025.462-.002.69-.028.14-.016.238-.106.241-.265.004-.169-.102-.267-.247-.276-.27-.017-.543-.001-.814.005-.057%200-.114.02-.234.042l.405-1.126c-.045-.02-.075-.037-.109-.046-.934-.24-1.506-.842-1.717-1.767-.194-.85-.154-1.693.274-2.476.376-.685.983-1.047%201.754-1.143a3.773%203.773%200%200%201%201.762.18c.101.037.142.08.133.191a2.335%202.335%200%200%201-.23.882c-.312-.047-.603-.105-.898-.13-.56-.048-1.021.117-1.237.587a2.409%202.409%200%200%200-.061%201.923c.173.45.547.66%201.02.686.401.024.8%200%201.188-.19M58.354%2028.615a3.614%203.614%200%200%201-1.416.002v-4.17h-.854V23.37c.238%200%20.464-.008.689.002.136.006.165-.045.173-.174.02-.288.026-.586.106-.86.173-.599.6-.976%201.19-1.156.518-.158%201.045-.138%201.572-.026.108.024.149.06.123.181-.057.267-.095.537-.142.805-.022.129-.08.163-.223.14a2.367%202.367%200%200%200-.637-.014c-.286.033-.486.2-.538.494-.034.19-.045.385-.069.608h.871c.37%200%20.381-.002.414.361.018.199-.013.402-.02.603-.004.114-.081.111-.163.11h-1.076v4.17zM64.37%2016.982c.489.191.94.303%201.412.258.202-.02.406-.08.595-.158.178-.072.262-.231.255-.432-.007-.202-.101-.345-.287-.41-.303-.107-.617-.184-.916-.3-.259-.1-.526-.205-.749-.365-.459-.33-.509-.83-.43-1.334.114-.732.688-1.208%201.508-1.32.664-.092%201.306%200%201.941.19.124.038.16.096.124.22-.081.282-.154.566-.234.865-.432-.158-.825-.277-1.244-.252-.124.007-.25.019-.37.051-.209.056-.305.176-.317.36-.016.227.042.344.266.43.277.105.57.172.845.283.273.11.568.211.793.392.56.45.6%201.444.155%202.064-.404.564-.982.771-1.624.84a4.131%204.131%200%200%201-1.818-.2c-.123-.044-.18-.097-.145-.229.08-.307.156-.617.24-.953M71.95%2013.176l-.273.955c-.447-.067-.849-.136-1.253-.184a.994.994%200%200%200-.37.047c-.169.046-.3.143-.316.34-.019.25.029.359.259.449.276.109.564.19.846.282.068.023.137.042.204.066%201.058.376%201.387%201.555.701%202.447-.404.525-.963.72-1.578.785a4.142%204.142%200%200%201-1.819-.2c-.112-.039-.176-.085-.144-.212l.23-.944c.312.08.577.176.85.206.287.032.582.01.872-.01.1-.007.203-.064.296-.116a.46.46%200%200%200%20.253-.457.43.43%200%200%200-.306-.4c-.29-.104-.592-.18-.882-.286a4.316%204.316%200%200%201-.68-.304c-.34-.197-.49-.519-.527-.903-.103-1.073.552-1.619%201.38-1.787.76-.153%201.491-.035%202.257.226M58.287%2014.159c-.36-.049-.683-.114-1.008-.131-.672-.035-1.114.307-1.272.958-.106.435-.102.873.003%201.307.136.557.561.894%201.136.907.196.004.395-.002.588-.03.188-.027.37-.089.604-.149.07.226.172.454.208.693.068.441.054.45-.387.556a4.06%204.06%200%200%201-1.863.024c-.761-.175-1.27-.66-1.559-1.366a3.345%203.345%200%200%201-.022-2.557c.36-.92%201.076-1.396%202.053-1.478.557-.046%201.109.001%201.635.213.048.02.116.084.113.123-.02.333-.08.657-.23.93M48.455%2021.297h1.462v7.35l-.956.033c-.024%200-.047-.009-.07-.011-.436-.046-.436-.046-.436-.473v-6.899zM65.456%2023.369c.36-.084.704-.085%201.046-.012a.242.242%200%200%201%20.15.141c.055.18.086.368.125.552l.072.063c.023-.054.034-.118.07-.162.377-.466.85-.713%201.468-.64.138.016.21.059.207.203-.008.353-.013.706-.02%201.068-.18%200-.31.005-.44-.001-.764-.032-1.091.345-1.22%201.065-.03.168-.036.342-.036.514-.004.762-.002%201.523-.002%202.284v.21h-1.42v-5.285zM90.466%2021.23c.115.201.23.378.319.568.121.258.114.274-.109.446-.39.3-.824.386-1.298.249a6.502%206.502%200%200%201-.507-.172c-.451-.17-.882-.213-1.274.21-.13-.235-.256-.442-.356-.661-.027-.06.002-.182.05-.231.387-.392.85-.532%201.387-.369.2.06.394.135.592.202.428.143.834.152%201.196-.242M83.04%2012.185c-.45.08-.865.07-1.278.004-.069-.011-.134-.07-.192-.118a24.316%2024.316%200%200%201-1.328-1.124c.213-.02.426-.051.64-.053.273-.002.547.02.821.033a.47.47%200%200%201%20.353.173c.313.358.638.706.983%201.085%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
#main-footer .footer-brasil .logo-governo-federal {
width: 149px;
height: 42px;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20496.2%20143.8%22%3E%3Cstyle%3E.st0%7Bfill%3A%23575756%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M220.5%2054.5c14.5%200%2021.4%206%2021.4%2016%200%205.6-3.7%2010.4-9.2%2012.4%206.7%201.8%2012.5%207.9%2012.5%2015.5%200%209.8-7.1%2017.2-23.4%2017.2-8%200-14.4-.2-21.7-.3l-.6-.6V55.4l.6-.6c7.2-.1%2013.9-.3%2020.4-.3zm-10.7%2025.4h10.3c9.2%200%2011.3-4.9%2011.3-9.1%200-4.3-1.9-9.1-11.1-9.1-2.8%200-7.4%200-10.5-.1v18.3zm0%207.2v21.4c4.1%200%208.3-.1%2011.9-.1%2010.6%200%2012.8-6.1%2012.8-10.6%200-4.4-2.9-10.7-13.4-10.7h-11.3zM284.5%2088.7c3.2%201.1%205.6%204.1%207%207.5l4.3%2010.3c1%202.4%202.2%204.8%204.4%206.4-1.4%201.9-4.4%202.9-7.1%202.9-3.9%200-5.3-1.9-6.9-5.7l-4.9-11.9c-1.7-4.1-3.8-7.2-9.9-7.2h-8.1v24.3c-1.6.3-3.5.4-5.2.4-1.6%200-3.6-.1-5.1-.4V55.4l.6-.6c7.4-.1%2014.5-.3%2021.1-.3%2013.7%200%2022.3%206.4%2022.3%2018.1.1%208.1-5.3%2014.1-12.5%2016.1zm-21.1-5.3c3.8-.1%208.2-.2%2010.9-.2%209.6%200%2012-5.5%2012-10.6%200-5.4-2.4-10.7-12-10.7-2.9%200-7.6%200-10.9-.1v21.6zM320.8%20100.5l-5.2%2014.8c-1.3.3-2.9.4-4.5.4-1.9%200-3.7-.3-5.1-.6l-.3-.4L327.9%2055c1.6-.3%204.3-.4%206-.4%201.7%200%204.4.1%205.9.4l22%2059.7c-1.5.9-3.8%201.2-6.1%201.2-3.2%200-4.9-1.1-6.2-4.9l-3.6-10.3c-1.7%200-5.1.1-5.9.1h-13.5c-.8-.2-4-.3-5.7-.3zm2.6-7.6c1.6%200%204.2-.1%205-.1h9.8c.7%200%203.3.1%204.9.1l-4.5-12.8c-1.8-5.1-3.8-11.3-5.2-16h-.4c-1%204-2.8%209.5-3.8%2012.8l-5.8%2016zM371.1%20102.5c5.7%203.4%2013%206%2019.8%206%208%200%2012.5-3.4%2012.6-8.3%200-4.2-3.2-7.3-8.9-9.5L383%2086.2c-8.3-3.2-13.5-7.8-13.5-15.3%200-9.6%209-17.1%2022.2-17.1%208.2%200%2015.7%202.3%2020.8%204.6-.1%202.7-1.7%205.6-3.8%207.3-5.1-2.3-11.8-4.2-16.8-4.2-7.3%200-11.8%203.6-11.8%208.3%200%203.9%203.3%206.1%208.2%208l11.4%204.4c8.5%203.2%2014.7%208.6%2014.7%2016.4%200%2010.2-7.9%2017.8-24.1%2017.8-8.2%200-17-2.5-23.6-6.6.3-2.8%202.2-5.7%204.4-7.3zM426.6%2054.9c1.5-.3%203.6-.4%205.2-.4s3.6.1%205.2.4v60.3c-1.6.3-3.6.4-5.2.4s-3.7-.1-5.2-.4V54.9zM492.9%20107.1c0%201-.1%202.6-.3%203.7-.6%203-3%204.5-6.8%204.5h-25.7c-3.5%200-6.1-2-6.1-5.8V55l.7-.5h3.9c4.3%200%205.9%201.9%205.9%206v46.9c3-.3%206.1-.4%208.7-.4h19.7zM209.6%2034.6h-4.1v10.1c-.9.2-2.1.2-3%20.2-.8%200-2%200-3-.2V14.5l.3-.3c3.6-.1%206.5-.2%209.7-.2%206.1%200%2010.6%203.3%2010.6%2010.3%200%206.8-4.4%2010.3-10.5%2010.3zm-4.1-4.6c1.5%200%203.1-.1%203.7-.1%204%200%204.8-3.2%204.8-5.6%200-2.4-.8-5.6-4.8-5.6h-3.7V30zM227.2%2037.8l-2.1%206.9c-.8.2-1.6.2-2.6.2-.9%200-2.1-.1-2.8-.4l-.2-.3%209.9-30c1-.1%202.4-.2%203.5-.2.9%200%202.5.1%203.4.3l9.7%2030c-.8.5-2.3.8-3.4.8-1.9%200-2.8-.7-3.6-3.2l-1.2-4.1H227.2zm1.5-4.7H236.4l-1.3-4.5c-.8-2.5-1.7-6-2.4-8.6h-.3c-.4%202.3-1.4%205.5-2%207.5l-1.7%205.6zM252.3%2022.5v-3.3H244.7c-.2-.9-.2-1.8-.2-2.5s0-1.6.2-2.5H266c.2.6.3%201.6.3%202.3%200%202-1%202.7-3.2%202.7H258.3v25.5c-1%20.2-2.1.2-3%20.2-.8%200-2%200-3-.2V22.5zM285.4%2031.6c1.6.6%202.7%202.1%203.3%203.9l1.6%204.5c.4%201.2%201.1%202.4%202.1%203.2-.8%201.1-2.4%201.8-4%201.8-2.2%200-2.9-1.2-3.8-3.5l-1.9-5.3c-.7-1.8-1.6-3.2-4.1-3.2H276v11.7c-1%20.2-2.1.2-3%20.2-.8%200-2%200-2.9-.2V14.5l.3-.3c3.6-.1%206.9-.2%2010.2-.2%206.2%200%2010.5%203.1%2010.5%209.4-.1%204.3-2.8%207.2-5.7%208.2zm-9.4-3.2c1.6-.1%203.2-.1%204.1-.1%203.9%200%204.8-2.4%204.8-4.8%200-2.5-.9-4.8-4.8-4.8H276v9.7zM297.3%2014.3c.9-.2%202.2-.2%203-.2.8%200%202%200%203%20.2v30.4c-1%20.2-2.1.2-3%20.2-.8%200-2.1%200-3-.2V14.3zM315.4%2037.8l-2.1%206.9c-.8.2-1.6.2-2.6.2-.9%200-2.1-.1-2.8-.4l-.2-.3%209.9-30c1-.1%202.4-.2%203.5-.2.9%200%202.5.1%203.4.3l9.8%2030c-.8.5-2.3.8-3.4.8-1.9%200-2.8-.7-3.6-3.2l-1.2-4.1h-10.7zm1.5-4.7H324.6l-1.3-4.5c-.8-2.5-1.7-6-2.4-8.6h-.3c-.4%202.3-1.4%205.5-2%207.5l-1.7%205.6zM353.1%2037.8l-2.1%206.9c-.8.2-1.6.2-2.6.2-.9%200-2.1-.1-2.8-.4l-.2-.3%209.9-30c1-.1%202.4-.2%203.5-.2.9%200%202.5.1%203.4.3l9.7%2030c-.8.5-2.3.8-3.4.8-1.9%200-2.8-.7-3.6-3.2l-1.2-4.1H353.1zm1.4-4.7H362.2l-1.3-4.5c-.8-2.5-1.7-6-2.4-8.6h-.3c-.4%202.3-1.4%205.5-2%207.5l-1.7%205.6zM377.7%2014.3c1.3-.2%203-.3%204-.3%201.1%200%202.5.1%203.8.3l3.4%2012.3c.3%201.2%201.4%205.8%201.7%207.6h.3c.3-1.8%201.4-6.4%201.7-7.6l3.4-12.3c1.3-.2%202.8-.3%203.8-.3%201.1%200%202.7.1%204.1.3l2.4%2030.3c-.8.2-2%20.3-3%20.3-.9%200-1.8%200-2.6-.2l-.8-14.3c-.2-2.8-.4-6.9-.4-9.7h-.3L394%2040.1c-.9.1-2.2.2-3.1.2-.8%200-2.1-.1-3-.2l-5.2-19.4h-.3c0%202.8-.2%206.9-.4%209.7l-1%2014.3c-.8.1-1.7.2-2.7.2-.9%200-2.1-.1-3-.3l2.4-30.3zM417.4%2037.8l-2.1%206.9c-.8.2-1.6.2-2.6.2-.9%200-2.1-.1-2.8-.4l-.2-.3%209.9-30c1-.1%202.4-.2%203.5-.2.9%200%202.5.1%203.4.3l9.7%2030c-.8.5-2.3.8-3.4.8-1.9%200-2.8-.7-3.6-3.2l-1.2-4.1H417.4zm1.5-4.7H426.6l-1.3-4.5c-.8-2.5-1.7-6-2.4-8.6h-.3c-.4%202.3-1.4%205.5-2%207.5l-1.7%205.6zM459.4%2042.7c-2%201.6-5.6%202.2-8%202.2-3.7%200-6.6-.1-10.5-.2l-.3-.3v-30l.3-.3c3.8-.1%206.8-.2%2010.5-.2%202.4%200%206%20.6%208%202.2%204.1%203.3%204.9%208%204.9%2013.2-.1%205.4-.8%2010.1-4.9%2013.4zm-8-23.9h-4.9v21.5h4.9c5.8%200%206.7-5.8%206.7-10.7%200-5-.9-10.8-6.7-10.8zM474%2037.8l-2.1%206.9c-.8.2-1.6.2-2.6.2-.9%200-2.1-.1-2.8-.4l-.2-.3%209.9-30c1-.1%202.4-.2%203.5-.2.9%200%202.5.1%203.4.3l9.8%2030c-.8.5-2.3.8-3.4.8-1.9%200-2.8-.7-3.6-3.2l-1.2-4.1H474zm1.5-4.7H483.2l-1.3-4.5c-.8-2.5-1.7-6-2.4-8.6h-.3c-.4%202.3-1.4%205.5-2%207.5l-1.7%205.6zM238.2%203.9c.9.5%202.1%201.9%202.4%203.2l-7.4%204.4c-.7-.3-1.4-1.3-1.6-2l6.6-5.6z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M206.9%20133.7h3.4c1.5%200%202.3.7%202.3%202.2v5.7c-1.9.6-3.8.9-5.9.9-1%200-2-.2-2.8-.5-.8-.3-1.5-.8-2-1.5-.5-.6-.9-1.4-1.2-2.4-.3-.9-.4-2-.4-3.2%200-1.3.2-2.5.6-3.4s.9-1.8%201.5-2.4c.6-.6%201.4-1.1%202.2-1.5.8-.3%201.7-.5%202.6-.5%201.9%200%203.6.5%205.3%201.6%200%20.2-.1.5-.2.7-.1.2-.2.5-.3.7-.1.2-.3.4-.5.6-.2.2-.4.3-.6.5-1.2-.8-2.4-1.2-3.6-1.2-2.4%200-3.5%201.6-3.5%204.9%200%203.3%201.2%204.9%203.6%204.9h1c.3%200%20.6-.1.9-.1v-1.4-.9-.6h-1.1c-.6%200-1-.1-1.3-.4-.2-.2-.4-.6-.4-1.1.1-.6.2-1.1.4-1.6zM224.2%20141.1c-1.5-1.3-2.3-3.4-2.3-6.3%200-1.3.1-2.4.4-3.3.3-1%20.7-1.8%201.3-2.4.6-.6%201.2-1.1%202-1.5.8-.3%201.7-.5%202.7-.5%201%200%201.9.2%202.7.5.8.3%201.5.8%202%201.5.6.7%201%201.5%201.3%202.4.3%201%20.4%202.1.4%203.3%200%201.3-.1%202.4-.4%203.3-.3%201-.7%201.8-1.3%202.4-.6.6-1.2%201.1-2%201.5-.8.3-1.7.5-2.7.5-1.7-.1-3-.5-4.1-1.4zm1.7-3c.4%201.1%201.2%201.7%202.4%201.7.6%200%201.1-.1%201.4-.4.4-.3.7-.7.9-1.1.2-.5.3-1%20.4-1.5.1-.6.1-1.1.1-1.7%200-.5%200-1.1-.1-1.7%200-.6-.1-1.2-.3-1.7-.2-.5-.4-1-.8-1.4-.4-.4-.9-.6-1.6-.6-.7%200-1.2.2-1.6.5-.4.4-.6.8-.8%201.3-.2.5-.3%201.1-.3%201.7%200%20.6-.1%201.1-.1%201.5%200%20.7%200%201.3.1%201.8%200%20.5.1%201%20.3%201.6zM249.6%20139.2l2.8-11.9c.3-.1.8-.1%201.3-.1.8%200%201.3.1%201.8.2l.1.2-4%2014.5c-.8.1-1.6.1-2.5.1-.8%200-1.4-.1-1.8-.3-.4-.2-.6-.6-.8-1.2l-3.6-13.1c.8-.3%201.4-.5%201.9-.5.6%200%201.1.1%201.3.4.3.3.5.7.7%201.3l1.7%206.2c.3%201%20.5%202.3.8%203.9.1.2.1.3.3.3zM268.3%20137.7v1.6h6.6c0%20.5%200%20.9-.1%201.2-.2%201.1-.9%201.7-2.2%201.7h-5.8c-.6%200-1.1-.2-1.5-.5-.4-.4-.5-.9-.5-1.5v-12.7l.2-.2h9.3c.1.4.1.9.1%201.4s-.1%201-.3%201.5h-5.9v3.1h4.8c.1.4.2.9.2%201.4%200%20.5-.1%201-.2%201.4h-4.8v1.6zM295.3%20131.9c0%20.5-.1.9-.2%201.4-.1.4-.3.8-.6%201.1-.2.3-.5.6-.8.9-.3.3-.7.4-1%20.6.8.3%201.3.9%201.7%202l.6%201.8c.2.7.6%201.3%201.1%201.6-.2.3-.5.5-1%20.7-.4.2-.9.3-1.4.3-.5%200-.9-.1-1.2-.4-.3-.3-.6-.8-.8-1.5l-.8-2.3c-.2-.4-.4-.8-.6-1-.3-.2-.7-.3-1.2-.3h-.9v5.4c-.5.1-1%20.1-1.7.1s-1.3%200-1.7-.1v-14.7l.2-.2c1.3%200%202.3%200%203.2-.1h2c.8%200%201.5.1%202.2.3.6.2%201.2.5%201.7.9s.8.9%201.1%201.5c0%20.5.1%201.2.1%202zm-7.1-2.1v4.3h1.7c.5%200%20.8-.1%201.1-.3.3-.2.5-.4.6-.6.1-.3.2-.7.2-1.2%200-1.4-.7-2.1-2-2.1h-.9c-.3-.1-.5-.1-.7-.1zM317.1%20127.2l.2.2V142c-.6.1-1.3.2-2%20.2s-1.5%200-2.1-.1l-3.4-7.7c-.4-.9-.8-1.9-1.2-3.1h-.1c.2%202.1.3%204.3.3%206.5v4.3c-.4.1-1%20.1-1.6.1-.6%200-1.2%200-1.6-.1v-14.7c.5-.1%201.2-.2%202-.2s1.5%200%202.1.1l3.4%207.7c.6%201.4%201.1%202.5%201.3%203.3h.1c-.2-2-.3-4.1-.3-6.4v-2.6c0-.8.2-1.3.5-1.6.3-.3.8-.5%201.5-.5h.9zM329.4%20141.1c-1.5-1.3-2.3-3.4-2.3-6.3%200-1.3.1-2.4.4-3.3.3-1%20.7-1.8%201.3-2.4.6-.6%201.2-1.1%202-1.5.8-.3%201.7-.5%202.7-.5%201%200%201.9.2%202.7.5.8.3%201.5.8%202%201.5.6.7%201%201.5%201.3%202.4.3%201%20.4%202.1.4%203.3%200%201.3-.1%202.4-.4%203.3-.3%201-.7%201.8-1.3%202.4-.6.6-1.2%201.1-2%201.5-.8.3-1.7.5-2.7.5-1.6-.1-3-.5-4.1-1.4zm1.7-3c.4%201.1%201.2%201.7%202.4%201.7.6%200%201.1-.1%201.4-.4.4-.3.7-.7.9-1.1.2-.5.3-1%20.4-1.5.1-.6.1-1.1.1-1.7%200-.5%200-1.1-.1-1.7%200-.6-.1-1.2-.3-1.7-.2-.5-.4-1-.8-1.4-.4-.4-.9-.6-1.6-.6-.7%200-1.2.2-1.6.5-.4.4-.6.8-.8%201.3-.2.5-.3%201.1-.3%201.7%200%20.6-.1%201.1-.1%201.5%200%20.7%200%201.3.1%201.8s.2%201%20.3%201.6zM365.4%20130.3V133.4h4.7c.1.4.2.9.2%201.4%200%20.5-.1%201-.2%201.4h-4.7v6c-.5.1-1%20.1-1.7.1s-1.3%200-1.7-.1v-14.7l.2-.1h9.3c.1.4.1.8.1%201.4s-.1.9-.4%201.2c-.3.3-.8.4-1.4.4h-4.4zM384.4%20137.7v1.6h6.6c0%20.5%200%20.9-.1%201.2-.2%201.1-.9%201.7-2.2%201.7H383c-.6%200-1.1-.2-1.5-.5-.4-.4-.5-.9-.5-1.5v-12.7l.2-.2h9.3c.1.4.1.9.1%201.4s-.1%201-.3%201.5h-5.9v3.1h4.8c.1.4.2.9.2%201.4%200%20.5-.1%201-.2%201.4h-4.8v1.6zM410.4%20141.2c-.5.4-1.1.6-1.8.8-.8.2-1.6.3-2.5.3h-1.9c-.8%200-1.9%200-3.2-.1l-.2-.2v-14.6l.2-.2c.8%200%201.7%200%202.6-.1h2.8c1.2%200%202.3.2%203.1.6.8.4%201.5.9%202%201.6s.8%201.5%201%202.4c.2.9.3%201.9.3%203%200%201.4-.2%202.7-.5%203.7-.3%201.1-1%202-1.9%202.8zm-4-1.7c1.9%200%202.9-1.6%202.9-4.8%200-3.2-1-4.8-2.9-4.8h-2.1v9.7h.9c.3-.1.7-.1%201.2-.1zM426.1%20137.7v1.6h6.6c0%20.5%200%20.9-.1%201.2-.2%201.1-.9%201.7-2.2%201.7h-5.8c-.6%200-1.1-.2-1.5-.5-.4-.4-.5-.9-.5-1.5v-12.7l.2-.2h9.3c.1.4.1.9.1%201.4s-.1%201-.3%201.5H426v3.1h4.8c.1.4.2.9.2%201.4%200%20.5-.1%201-.2%201.4H426v1.6zM453.1%20131.9c0%20.5-.1.9-.2%201.4s-.3.8-.6%201.1c-.2.3-.5.6-.8.9-.3.3-.7.4-1%20.6.8.3%201.3.9%201.7%202l.6%201.8c.2.7.6%201.3%201.1%201.6-.2.3-.5.5-1%20.7-.4.2-.9.3-1.4.3-.5%200-.9-.1-1.2-.4-.3-.3-.6-.8-.8-1.5l-.8-2.3c-.2-.4-.4-.8-.6-1-.3-.2-.7-.3-1.2-.3h-.9v5.4c-.5.1-1%20.1-1.7.1s-1.3%200-1.7-.1v-14.7l.2-.2c1.3%200%202.3%200%203.2-.1h2c.8%200%201.5.1%202.2.3.6.2%201.2.5%201.7.9s.8.9%201.1%201.5c0%20.5.1%201.2.1%202zm-7.2-2.1v4.3h1.7c.5%200%20.8-.1%201.1-.3.3-.2.5-.4.6-.6.1-.3.2-.7.2-1.2%200-1.4-.7-2.1-2-2.1h-.9c-.2-.1-.5-.1-.7-.1zM466.8%20139h-.9l-.9%203.1c-.3.1-.8.1-1.4.1-.7%200-1.3-.1-1.7-.2l-.1-.2%204.8-14.5c.6-.1%201.2-.1%202-.1.9%200%201.5.1%202%20.2l4.7%2014.5c-.5.3-1.1.4-1.7.4-.8%200-1.3-.1-1.6-.4-.3-.3-.6-.8-.8-1.5l-.4-1.4h-4zm0-2.7h3.3l-.4-1.3c-.3-1.2-.7-2.7-1.2-4.5h-.1c-.1.6-.5%202-1%204.1l-.6%201.7zM489.9%20139.2h3.8c0%20.6%200%201.1-.1%201.5-.1.4-.3.8-.7%201.1-.4.3-.9.4-1.5.4h-4.9c-.6%200-1.1-.2-1.5-.5-.4-.4-.5-.9-.5-1.5v-12.8l.2-.2h1.3c1.3%200%202%20.7%202%202.2v9.9c.5-.1%201.2-.1%201.9-.1z%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M.7%2014v69.8l72.1-58.2%20109.1%2048.1V14z%22%2F%3E%3Cpath%20d%3D%22M.7%2083.8v49.4s5.8-5%2016.5-12.2C22.4%2089.1%2050%2064.8%2083.3%2064.8c15.1%200%2029%205%2040.2%2013.4%2017.9-3.3%2037.4-5.1%2058.3-4.5l-109-48.1L.7%2083.8z%22%20fill%3D%22%23c6c6c6%22%2F%3E%3Cpath%20d%3D%22M83.3%2064.8c-33.3%200-60.9%2024.3-66%2056.2%2019.9-13.2%2057-33.7%20106.3-42.8-11.2-8.4-25.2-13.4-40.3-13.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M140.2%2096.5C79.3%20100%2037.4%20119.4%2016.4%20131.8%206%20137.9.7%20142.3.7%20142.3h181.1V96.6c-14.7-.9-28.5-.9-41.6-.1z%22%2F%3E%3C%2Fsvg%3E); }
.high-contrast #main-footer {
background-color: #000000; }
.high-contrast #main-footer a {
color: #FFFFFF !important; }
#multimidia {
overflow: hidden;
background-color: #222222;
background-image: url("../../img/arrow-pattern.svg");
padding: 60px 0;
color: #FFFFFF; }
@media (min-width: 320px) and (max-width: 1150px) {
#multimidia {
border-top: 1px solid #222222;
padding: 0;
background-size: 30px auto;
font-size: 0; }
#multimidia .container {
padding: 0; }
#multimidia .container .row {
padding: 0;
margin: 0; }
#multimidia .container .row .col {
padding: 0;
margin: 0;
display: block; }
#multimidia .container .widget_idg_banner {
padding: 15px; }
#multimidia .container .widget_idg_banner .row {
display: grid;
grid-template-columns: auto auto;
grid-gap: 15px; }
#multimidia .container .widget_idg_banner .row .col:nth-child(3) {
grid-column-start: 1;
grid-column-end: 3; } }
#multimidia .highlight {
width: calc(100% - 30px);
margin: 0 auto;
height: 500px;
padding: 0 20px;
margin-bottom: 30px;
background-size: cover !important;
display: table;
position: relative;
background: #E5E5E5; }
@media (min-width: 320px) and (max-width: 1150px) {
#multimidia .highlight {
width: 100%;
padding: 0;
display: block;
height: 350px;
margin-bottom: 0; } }
#multimidia .highlight.video {
display: flex; }
#multimidia .highlight.video #play-multimedia-video {
display: block;
cursor: pointer; }
#multimidia .highlight.video #play-multimedia-video i {
transform: translateY(-60%) translateX(-50%);
-webkit-transform: translateY(-60%) translateX(-50%);
-moz-transform: translateY(-60%) translateX(-50%);
-ms-transform: translateY(-60%) translateX(-50%);
width: 120px;
height: 120px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2; }
#multimidia .highlight.video #play-multimedia-video i:before {
font-size: 120px;
display: block; }
#multimidia .highlight.video > a {
padding: 0 0 20px;
align-self: flex-end;
position: relative;
z-index: 1;
cursor: pointer; }
@media (min-width: 320px) and (max-width: 1150px) {
#multimidia .highlight.video > a {
padding: 0; } }
#multimidia .highlight > a {
display: table-cell;
vertical-align: middle;
padding-right: 65%;
color: #FFFFFF;
position: relative; }
#multimidia .highlight > a:hover {
text-decoration: none; }
@media (min-width: 320px) and (max-width: 1150px) {
#multimidia .highlight > a {
display: table;
padding: 0;
height: 100%; }
#multimidia .highlight > a .align {
display: table-cell;
vertical-align: bottom; }
#multimidia .highlight > a .align .text {
padding: 15px;
position: relative;
z-index: 0; }
#multimidia .highlight > a .align .text:before {
content: "";
width: 100%;
height: calc(100% + 30px);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
position: absolute;
bottom: 0;
left: 0;
z-index: -1; }
#multimidia .highlight > a h3 {
font-size: 1.2rem;
display: block; }
#multimidia .highlight > a span {
display: block;
font-size: 0.8rem;
line-height: normal; } }
#multimidia .highlight:before {
content: "";
width: 100%;
height: 100%;
background-image: radial-gradient(transparent, #000);
background-color: transparent;
position: absolute;
left: 0;
top: 0; }
@media (min-width: 320px) and (max-width: 1150px) {
#multimidia .highlight:before {
display: none; } }
#multimidia .highlight.highlight-video-player {
padding: 0; }
#multimidia .highlight.highlight-video-player:before {
display: none; }
#multimidia .highlight.highlight-video-player iframe {
width: 100%;
height: 100%; }
#multimidia .highlight-box {
height: 215px;
background-position: center center;
background: #E5E5E5; }
@media (min-width: 320px) and (max-width: 1150px) {
#multimidia .highlight-box {
height: 150px;
background-size: contain !important; } }
.multimedia-archive #multimidia {
padding: 30px 0 60px;
background-color: #222222; }
.multimedia-archive #multimidia h1 {
color: #FFFFFF; }
.multimedia-archive #multimidia .highlight-box {
height: 250px; }
.multimedia-archive #search-content-wrapper {
margin-bottom: 50px; }
.multimedia-archive h2 a {
color: #222222;
text-decoration: underline; }
.multimedia-archive #social-media {
padding: 60px 0;
background-color: #2969BD;
background-image: url("../../img/arrow-pattern.svg"); }
.multimedia-archive #social-media .media-row {
margin-top: 30px; }
.multimedia-archive #social-media .media-row:first-child {
margin-top: 0; }
.multimedia-archive #social-media .highlight-box {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
padding-top: 75%;
height: auto;
background: #EEEEEE;
position: relative; }
.multimedia-archive #social-media .highlight-box .align {
position: absolute;
width: 100%;
top: 50%; }
.multimedia-archive #social-media .highlight-box a {
transition: all ease 0.2s;
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: center;
color: #222222;
cursor: pointer; }
@media screen and (prefers-reduced-motion: reduce) {
.multimedia-archive #social-media .highlight-box a {
transition: none; } }
.multimedia-archive #social-media .highlight-box a .icon {
margin-bottom: 10px; }
.multimedia-archive #social-media .highlight-box a .icon svg {
width: 60px; }
.multimedia-archive #social-media .highlight-box a span {
font-weight: bold;
font-size: 1.2rem; }
#play-multimedia-video {
display: none; }
#posts-list {
padding: 0;
margin: 0; }
#posts-list li {
padding: 30px 0;
list-style: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#posts-list li .categories {
font-size: .875rem;
color: #06ACFF;
font-weight: 700;
text-transform: uppercase;
font-family: inherit;
margin-bottom: 2px; }
#posts-list li h2 {
font-size: 1.4em; }
#posts-list li h2 a {
color: #222222; }
#posts-list li p {
font-size: 1.15em;
color: #222222;
margin: 0 0 20px; }
#posts-list li span {
font-size: 0.85em;
color: #A6A6A6; }
#page-info {
overflow: hidden;
background: #2969BD;
color: #FFFFFF; }
#page-info .idg-menu {
margin-top: 60px; }
@media (min-width: 320px) and (max-width: 1150px) {
#page-info .idg-menu {
margin-top: 30px; } }
@media (min-width: 320px) and (max-width: 1150px) {
#page-info #content {
padding-top: 15px !important; } }
#page-info .content-wrapper {
text-align: center; }
@media (min-width: 320px) and (max-width: 1150px) {
#page-info .content-wrapper {
text-align: left; } }
#page-info .content-wrapper h1,
#page-info .content-wrapper h2,
#page-info .content-wrapper h3,
#page-info .content-wrapper h4 {
margin-bottom: 30px; }
@media (min-width: 320px) and (max-width: 1150px) {
#page-info .content-wrapper h1,
#page-info .content-wrapper h2,
#page-info .content-wrapper h3,
#page-info .content-wrapper h4 {
margin-bottom: 15px; } }
#page-info .content-wrapper .card-title {
margin: 0; }
#page-info .content-wrapper .title {
width: 100%; }
#page-info .content-wrapper a {
color: #FFFFFF;
text-decoration: underline; }
#page-info #breadcrumb-wrapper #breadcrumb li a,
#page-info #breadcrumb-wrapper #breadcrumb li.separator {
color: #FFFFFF; }
#page-info .entry-content {
max-width: none; }
#page-info .texto-copyright {
border-color: #FFFFFF; }
#page-info .texto-copyright span {
font-size: 0.98em;
border-color: #FFFFFF; }
#page-info .texto-copyright a {
color: #FFFFFF;
text-decoration: underline; }
#page-info .texto-copyright a:after {
color: #222222;
background: #FFFFFF; }
#page-imprensa #contact {
background-color: #E5E5E5;
background-image: url("../../img/arrow-pattern.svg");
background-size: 25px; }
@media (min-width: 320px) and (max-width: 1150px) {
#page-imprensa #contact {
background-size: 30px auto; } }
#page-imprensa #contact .text-wrapper {
padding: 30px;
position: relative; }
#page-imprensa #contact .text-wrapper:after {
display: none;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
content: "";
width: 1px;
height: 80%;
background: rgba(0, 0, 0, 0.1);
position: absolute;
top: 50%;
right: -.5px; }
#page-imprensa #contact .form-wrapper {
padding: 30px; }
#page-imprensa #contact .form-wrapper form {
width: 400px;
margin: 0 auto; }
#page-imprensa #contact .form-wrapper form p {
margin: 0;
font-size: 0;
margin-top: 15px; }
#page-imprensa #contact .form-wrapper form p:first-child {
margin-top: 0; }
#page-imprensa #contact .form-wrapper form .wpcf7-submit {
float: right;
margin: 20px 0 0; }
#page-imprensa #contact .form-wrapper form div.wpcf7-response-output {
padding: 15px;
margin: 65px 0 0;
clear: both;
color: #222222;
font-size: 0.8rem; }
#page-imprensa #contact .form-wrapper form div.wpcf7-response-output.wpcf7-validation-errors {
background: #f7e700; }
#page-imprensa #contact .form-wrapper form label {
font-size: 1rem;
width: 100%;
margin: 0; }
#page-imprensa #contact .form-wrapper form label input,
#page-imprensa #contact .form-wrapper form label textarea {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
width: 100%;
border: 2px solid #222222;
display: block;
background: #FFFFFF;
outline: none;
margin-top: 3px; }
#page-imprensa #contact .form-wrapper form label input {
height: 40px;
padding: 0 15px; }
#page-imprensa #contact .form-wrapper form label textarea {
height: 180px;
resize: none;
padding: 15px; }
#page-imprensa #contact .form-wrapper form label .wpcf7-form-control-wrap {
width: 100%;
display: block;
position: relative; }
#page-imprensa #contact .form-wrapper form label span.wpcf7-not-valid-tip {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
position: absolute;
color: white;
background: rgba(34, 34, 34, 0.9);
padding: 10px;
font-size: 0.8rem;
bottom: -48px;
z-index: 10;
left: 0; }
#page-imprensa #contact .form-wrapper form label span.wpcf7-not-valid-tip:before {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid rgba(34, 34, 34, 0.9);
position: absolute;
top: -8px;
left: 15px; }
#vale-cultura {
position: relative; }
#vale-cultura #menu-vale {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
position: sticky;
z-index: 10;
top: 0;
left: 0;
height: 50px;
display: flex;
align-items: center;
background: #2969BD; }
#vale-cultura #menu-vale ul {
font-size: 0;
margin: 0;
padding: 0;
text-align: center; }
#vale-cultura #menu-vale ul li {
font-size: 1rem;
display: inline-block;
margin-left: 15px;
padding-left: 15px;
position: relative; }
#vale-cultura #menu-vale ul li:before {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
content: "";
width: 1px;
height: 50%;
position: absolute;
top: 50%;
left: -0.5px;
background: #FFFFFF; }
#vale-cultura #menu-vale ul li:first-child {
margin: 0;
padding: 0; }
#vale-cultura #menu-vale ul li:first-child:before {
display: none; }
#vale-cultura #menu-vale ul li a {
color: #FFFFFF; }
#vale-cultura #beneficios .box {
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
margin: 0;
overflow: hidden;
background: #FFF;
height: 100%;
width: 100%; }
#vale-cultura #beneficios .box .image-wrapper {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
width: 100%; }
#vale-cultura #beneficios .box .image-wrapper img {
width: 100%; }
#vale-cultura #beneficios .box .text {
height: calc(100% - 350px);
padding: 15px; }
#vale-cultura #beneficios .box .text h2 {
font-size: 1.6rem;
margin-bottom: 1rem;
display: block; }
#vale-cultura #beneficios .box .text ul {
margin: 0;
padding: 0 0 0 18px; }
#vale-cultura #beneficios .box .text ul li {
margin-top: 10px; }
#vale-cultura #beneficios .box .text ul li:first-child {
margin: 0; }
#vale-cultura #perguntas-frequentes .accordion .card .card-header h3 a {
height: auto;
line-height: normal;
min-height: 50px;
display: flex;
align-items: center;
font-size: 1.3rem;
padding-left: 60px; }
#vale-cultura #perguntas-frequentes .accordion .card .card-header h3 a span {
padding: 15px 0; }
#vale-cultura #saiba-mais .highlight-box {
height: 257px; }
#vale-cultura #saiba-mais .highlight-box .cat {
display: block;
font-size: .8rem;
text-transform: none; }
#vale-cultura #saiba-mais .highlight-box:before {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
height: 70%;
bottom: 0;
top: auto; }
#vale-cultura #acesso-direto .row {
width: 100% !important; }
#vale-cultura #acesso-direto .row .feature-card {
background: #FFF;
border-color: #CCC; }
#vale-cultura #acesso-direto .row .feature-card:hover {
border-color: #0094FF; }
#vale-cultura #acesso-direto .row .feature-card .card-title {
display: block;
height: 100%; }
#vale-cultura #acesso-direto .row .feature-card .card-title a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center; }
#share-box {
position: absolute;
top: 0;
left: -78px; }
#share-box a {
position: relative;
float: none;
overflow: hidden;
margin: 0;
cursor: pointer;
border: 1px solid #979797;
width: 48px;
height: 48px;
border-radius: 100%;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
#share-box a:before {
content: '';
display: block;
width: 25px;
height: 28px;
background-image: url(../../img/sprite.png); }
#share-box a:hover:before {
-webkit-filter: invert(100%);
filter: invert(100%); }
#share-box a.facebook:before {
background-position: -269px 0; }
#share-box a.facebook:hover {
background: #3b5998; }
#share-box a.twitter:before {
background-position: -100px -160px; }
#share-box a.twitter:hover {
background: #1da1f2; }
#share-box a.g-plus:before {
width: 30px;
background-position: -144px -196px; }
#share-box a.g-plus:hover {
background: #db4437; }
#share-box a.linkedin:before {
background-position: -242px -59px; }
#share-box a.linkedin:hover {
background: #0073b1; }
.icon-institucional:before {
content: "\f0f7";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-acoes-e-programas:before {
content: "\f018";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-participacao-social:before {
content: "\f0e5";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-auditorias:before {
content: "\f00e";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-convenios-e-transferencias:before {
content: "\f079";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-receitas-e-despesas:before {
content: "\f0d6";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-licitacoes-e-contratos:before {
content: "\f044";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-informacoes-classificadas:before {
content: "\f1c6";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-servidores:before {
content: "\f007";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-sic:before {
content: "\f05a";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-dados-abertos:before {
content: "\f1b2";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
.icon-simplificacao-administrativa:before {
content: "\f140";
font-family: FontAwesome;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px; }
@font-face {
font-family: 'ecoicon';
src: url("../../www.gov.br/inpi/pt-br/arquivos/documentos/fonts//ecoicon.ttf?rydnse") format("truetype"), url("../../www.gov.br/inpi/pt-br/arquivos/documentos/fonts//ecoicon.woff?rydnse") format("woff"), url("../../www.gov.br/inpi/pt-br/arquivos/documentos/fonts//ecoicon.svg?rydnse#ecoicon") format("svg");
font-weight: normal;
font-style: normal; }
.bg-grey-1 {
background: #F8F8F8; }
.high-contrast .bg-grey-1 {
background: #000000;
color: #FFFFFF; }
.bg-grey-2 {
background: #eeeeee; }
.high-contrast .bg-grey-2 {
background: #000000;
color: #FFFFFF; }
.bg-grey-3 {
background: #F1F1F1; }
.high-contrast .bg-grey-3 {
background: #000000;
color: #FFFFFF; }
.multimedia-content .multimedia-type-audio .entry-content,
.multimedia-content .multimedia-type-video .entry-content {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.multimedia-content .multimedia-type-audio .entry-content iframe,
.multimedia-content .multimedia-type-audio .entry-content object,
.multimedia-content .multimedia-type-audio .entry-content embed,
.multimedia-content .multimedia-type-video .entry-content iframe,
.multimedia-content .multimedia-type-video .entry-content object,
.multimedia-content .multimedia-type-video .entry-content embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #FFFFFF;
border: 1px solid #f0f0f0;
max-width: 96%;
/* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
.screen-reader-text:focus {
background-color: #E5E5E5;
clip: auto !important;
clip-path: none;
color: #222222;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */ }
/* Gallery */
.gallery:after {
content: "";
display: table;
clear: both; }
img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {
display: block;
margin: 1em auto; }
img.alignright, div.alignright, figure.alignright {
float: right;
margin: 1em 0 1em 2em; }
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
float: left;
margin: 1em 1em 2em 0; }
figure {
max-width: 100%;
height: auto;
margin: 1em 0; }
p img.alignright, p img.alignleft {
margin-top: 0; }
.gallery figure img {
max-width: 100%;
height: auto;
margin: 0 auto;
display: block; }
.gallery figure {
float: left;
margin: 0 2% 1em 0; }
.gallery.gallery-columns-1 figure {
width: 100%;
margin: 0 0 1em 0;
float: none; }
.gallery.gallery-columns-3 figure {
width: 32%; }
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {
margin-right: 0; }
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {
clear: left; }
.gallery.gallery-columns-2 figure {
width: 49%; }
.gallery.gallery-columns-2 figure:nth-of-type(even) {
margin-right: 0; }
.gallery.gallery-columns-2 figure:nth-of-type(odd) {
clear: left; }
.gallery.gallery-columns-4 figure {
width: 23.25%; }
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {
margin-right: 0; }
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {
clear: left; }
.gallery.gallery-columns-5 figure {
width: 18%; }
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {
margin-right: 0; }
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {
clear: left; }
.gallery.gallery-columns-6 figure {
width: 14.2%; }
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {
margin-right: 0; }
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {
clear: left; }
.gallery.gallery-columns-7 figure {
width: 12%; }
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {
margin-right: 0; }
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {
clear: left; }
.gallery.gallery-columns-8 figure {
width: 10.2%; }
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {
margin-right: 0; }
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {
clear: left; }
.gallery.gallery-columns-9 figure {
width: 8.85%; }
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {
margin-right: 0; }
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {
clear: left; }
@media (max-width: 767px) {
img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
display: block;
margin: 1em auto;
float: none; }
.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {
width: 100%;
margin: 0 0 1em 0;
float: none; } }
.wp-block-columns {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 15px;
margin-bottom: 1rem; }
@media (min-width: 768px) and (max-width: 1150px) {
.wp-block-columns {
grid-template-columns: repeat(auto-fit, minmax(30px, 1fr)); } }
@media (min-width: 320px) and (max-width: 768px) {
.wp-block-columns {
grid-template-columns: repeat(2, 1fr); } }
.wp-block-columns.has-2-columns {
grid-template-columns: repeat(2, 1fr); }
.wp-block-columns .wp-block-column {
margin: 0; }
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card {
padding-bottom: 100%;
position: relative; }
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card a {
transition: all ease-in-out 0.2s;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
background-color: #F1F1F1;
border: 4px solid #222222;
color: #222222;
text-decoration: none; }
@media screen and (prefers-reduced-motion: reduce) {
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card a {
transition: none; } }
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card a[target="_blank"] {
background-image: url("../../img/external-link.svg");
background-repeat: no-repeat;
background-position: right 10px top 10px; }
@media (min-width: 1150px) {
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card a:hover {
background-color: #F8F8F8;
border-color: #06ACFF;
color: #06ACFF; }
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card a:hover .card-title,
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card a:hover .card-desc,
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card a:hover .card-title a,
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card a:hover .icon:before {
color: #06ACFF; }
.wp-block-gutenberg-boilerplate-es5-idgwp-gutenberg-block-card a:hover .btn {
border-color: #06ACFF;
color: #06ACFF; } }
#com-via-whatsapp-form {
border-radius: 0.25rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
-ms-border-radius: 0.25rem;
padding: 30px 30px 0;
background: #F8F8F8;
overflow: hidden;
border: 1px solid #E5E5E5; }
#com-via-whatsapp-form .areas-title {
display: block;
margin-bottom: 1rem;
font-weight: bold; }
#com-via-whatsapp-form label {
font-weight: bold; }
#com-via-whatsapp-form input[type="text"],
#com-via-whatsapp-form input[type="email"],
#com-via-whatsapp-form input[type="tel"] {
transition: all ease-in-out 0.2s;
border: 1px solid #CED4DA;
outline: none;
box-shadow: none; }
@media screen and (prefers-reduced-motion: reduce) {
#com-via-whatsapp-form input[type="text"],
#com-via-whatsapp-form input[type="email"],
#com-via-whatsapp-form input[type="tel"] {
transition: none; } }
#com-via-whatsapp-form input[type="text"]:focus,
#com-via-whatsapp-form input[type="email"]:focus,
#com-via-whatsapp-form input[type="tel"]:focus {
border-color: #0094FF; }
#com-via-whatsapp-form .checkbox-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
margin-bottom: 1rem; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item {
position: relative;
overflow: hidden; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item.select-all {
grid-column: span 2; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item.select-all i {
width: 30px;
height: 30px;
margin-right: 5px;
display: flex;
line-height: 30px;
align-items: center;
justify-content: center; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item.select-all i:before {
font-size: 26px; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item.select-all label {
height: 60px; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item.select-all label:after {
display: none; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item.select-all label:hover {
color: #2969BD;
border-color: #2969BD; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item.select-all input[type="checkbox"]:checked + label {
background: #2969BD;
border-color: #2969BD; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item input[type="checkbox"] {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
position: absolute;
left: 0;
top: 0; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item label {
transition: all ease-in-out 0.2s;
border-radius: 0.25rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
-ms-border-radius: 0.25rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
background: #FFF;
height: 50px;
border: 1px solid #CED4DA;
font-weight: normal;
cursor: pointer;
position: relative; }
@media screen and (prefers-reduced-motion: reduce) {
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item label {
transition: none; } }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item label:hover {
color: #0094FF;
border-color: #0094FF; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item label:after {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
content: "";
font-family: 'ecoicon';
font-size: 19px;
color: #FFF;
width: 30px;
height: 30px;
margin-right: 0;
display: flex;
line-height: 30px;
align-items: center;
justify-content: center;
float: right;
position: absolute;
top: 50%;
left: 15px; }
#com-via-whatsapp-form .checkbox-wrapper .checkbox-item input[type="checkbox"]:checked + label {
background: #0094FF;
color: #FFFFFF; }
#com-via-whatsapp-form .form-group {
position: relative; }
#com-via-whatsapp-form .form-group.has-error input,
#com-via-whatsapp-form .form-group.has-error label {
border-color: #D9534F; }
#com-via-whatsapp-form .form-group div.error {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
position: absolute;
color: white;
background: rgba(34, 34, 34, 0.9);
padding: 10px;
font-size: 0.8rem;
bottom: -48px;
z-index: 10;
left: 0; }
#com-via-whatsapp-form .form-group div.error:empty {
display: none !important; }
#com-via-whatsapp-form .form-group div.error:before {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid rgba(34, 34, 34, 0.9);
position: absolute;
top: -8px;
left: 15px; }
#com-via-whatsapp-form .submit-wrapper {
text-align: center;
width: calc(100% + 60px);
margin-left: -30px;
border-top: 1px solid #CED4DA;
padding: 20px;
margin-top: 40px; }
#com-via-whatsapp-form .submit-wrapper .btn-primary {
border-radius: 0.25rem;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
-ms-border-radius: 0.25rem;
display: inline-block;
padding: 10px 90px;
border: 1px solid #E5E5E5;
height: 60px; }