@charset "utf-8";
/* CSS Document */

/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre,
textarea {
    overflow: auto
}

[hidden],
audio:not([controls]),
template {
    display: none
}

details,
main,
summary {
    display: block
}

input[type=number] {
    width: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type='submit'] {
    -webkit-appearance: none
}

progress {
    display: inline-block
}

small {
    font-size: 75%
}

textarea {
    resize: vertical
}

[unselectable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

*,
::after,
::before {
    box-sizing: inherit;
    border-style: solid;
    border-width: 0
}

* {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

::after,
::before {
    text-decoration: inherit;
    vertical-align: inherit
}

:root {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    cursor: default;
    font: 16px/1.5 sans-serif;
    text-rendering: optimizeLegibility
}

a {
    text-decoration: none
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

button,
input,
select,
textarea {
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

nav ol,
nav ul {
    list-style: none
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

::-moz-selection {
    background-color: #B3D4FC;
    text-shadow: none
}

::selection {
    background-color: #B3D4FC;
    text-shadow: none
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        clip: rect(0 0 0 0) !important;
        position: absolute !important
    }
}

a {
    text-decoration: none;
    color:inherit;
}
a:hover {
    text-decoration: none;
}

.ro {
    transition: all 0.3s;
}

.ro:hover {
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    transition: opacity 0.3s;
}

.hidden{
    /* display: none; */
    opacity: 0;
    pointer-events: none;
}

.imgFit{
    max-width: 100%;
    height:auto;
}
.imgMax{
    width: 100%;
    height:auto;
}

@media only screen and (max-width: 767px){
    .hidden-xs{
        display: none !important;
    }
}
@media print, screen and (min-width:768px){
    .visible-xs{
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .visible-1200{
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    .hidden-1200{
        display: none !important;
    }
}

@media screen and (min-width: 1000px) {
    .visible-1000{
        display: none !important;
    }
}


@media screen and (min-width: 1101px) {
    .visible-1100{
        display: none !important;
    }
}

@media screen and (min-width: 1100px) {
    .hidden-1100{
        display: none !important;
    }
}


@media screen and (max-width: 999px) {
    .hidden-1000{
        display: none !important;
    }
}

@media screen and (min-width: 900px) {
    .visible-900{
        display: none !important;
    }
}

@media screen and (max-width: 899px) {
    .hidden-900{
        display: none !important;
    }
}