@charset "UTF-8";

/* AMagdic.com */

.font-bebas-neue {
    font-family: 'Bebas Neue', cursive !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

html,
body {
    height: auto;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    overflow-x: hidden;
    font-family: 'ProximaNovaRegular', sans-serif;
}

body {
    background-color: #ffffff;
    color: #555555;
    font-family: 'ProximaNovaRegular', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #646566;
    font-family: 'ProximaNovaBold', sans-serif;
}

strong, b {
    font-weight: normal;
    font-family: 'ProximaNovaBold', sans-serif;
}

h1 {
    font-size: 1.5rem;
    margin-bottom: 1em;
    font-weight: normal;
}
h2 {
    font-size: 1.1875rem;
    margin-bottom: 0.25em;
    font-weight: normal;
}
h3 {
    font-size: 1.125rem;
    margin-bottom: 0.125em;
    font-weight: normal;
}
h4 {
    font-size: 1.0625rem;
    margin-bottom: 0.125em;
    font-weight: normal;
}
h5 {
    font-size: 1rem;
    font-weight: normal;
}
h6 {
    font-size: 1rem;
    font-weight: normal;
}

h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small {
    font-family: 'ProximaNovaRegular', sans-serif;
    font-size: 0.625em;
    color: #bbb;
}

h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
    font-size: 0.75em;
    color: #bbb;
}

h5.light-gray {
    font-family: 'ProximaNovaRegular', sans-serif;
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

@media print, screen and (min-width: 40em) {
    h1 {
        font-size: 2.5rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 1.725rem;
    }
    h4 {
        font-size: 1.5rem;
    }
    h5 {
        font-size: 1.25rem;
    }
    h6 {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 39.9375em) {
    h2.font-bebas-neue {
        font-size: 1.5625rem;
    }
}

.title-line::after {
    content: "";
    border-bottom: .3125rem solid #E3E3E3;
    width: 18rem;
    margin: 0 1rem .25em 2rem;
    height: 0;
    padding: 0;
    display: inline-block;
}

h1.title-line-left,
h2.title-line-left,
h3.title-line-left {
    font-family: 'ProximaNovaRegular', sans-serif;
    text-transform: uppercase;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.title-line-left::before {
    content: "";
    border-bottom: .125rem solid #E3E3E3;
    width: 12rem;
    margin: 0.75em 2rem .25em -1rem;
    height: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    /*flex-grow: 1;*/
}


/* Small only */
@media screen and (max-width: 39.9375em) {
    .title-line::after {
        border-bottom: .125rem solid #E3E3E3;
        width: 6rem;
    }

    .title-line-left::before {
        border-bottom: .125rem solid #E3E3E3;
        width: 4rem;
        margin: 0.75em 1rem .25em -1rem;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .title-line::after {
        border-bottom: .25rem solid #E3E3E3;
        width: 12rem;
    }

    .title-line-left::before {
        border-bottom: .125rem solid #E3E3E3;
        width: 8rem;
    }
}

del {
    text-decoration: none;
    color: #999;
    position: relative;
    display: inline-block;
    text-decoration: line-through;
    text-decoration-color: E3E3E3;
}

/*
del {
    text-decoration: none;
    color: #999;
    position: relative;
    display: inline-block;
}
del::before,
del::after {
    content: '';
    width: 110%;
    position: absolute;
    right: -5%;
    top: 50%;
    animation: amagdic-del 2.5s infinite;
}
del::before {
    border-bottom: 1px solid #ee4782;
    -webkit-transform: skewY(-11deg);
    transform: skewY(-11deg);
}

del::after {
    border-bottom: 1px solid #ee4782;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}
*/
@-webkit-keyframes amagdic-del {
    from {
        width: 50%;
        right: 25%;
    }
    50% {
        width: 110%;
        right: -5%;
    }
    to {
        width: 50%;
        right: 25%;
    }
}

@keyframes  amagdic-del {
    from {
        width: 50%;
        right: 25%;
    }
    50% {
        width: 110%;
        right: -5%;
    }
    to {
        width: 50%;
        right: 25%;
    }
}

#header {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    z-index: 12;
    background-color: #ffffff;
    border-top: 0.25rem solid #134c95;
    border-bottom: 0.3125rem solid #F5F5F5;
}
#header.iris-blue {
    border-top: 0.25rem solid #0aabba;
}
#header.outlet {
    border-top: 0.25rem solid #134c95;
}

#header .amagdic-menu-icon a {
    color: #646566;
    font-size: 1rem !important;
    font-weight: normal;
    line-height: 1;
    padding-left: 0.25em;
    padding-right: 0.25em;
    margin-left: 0.25em;
    margin-right: 0.25em;
}
#header .amagdic-menu-icon a:hover {
    color: #134c95;
}

#header .menu a {
    color: #646566;
    display: block;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
#header .menu a:hover span {
    color: #134c95;
}
#header .menu a:active {
    color: #134c95;
}
#header .menu {
    background-color: #ffffff;
    color: #646566;
    border: 0;
    line-height: 1;
}

#header .menu .menu {
    background-color: #ffffff;
    color: #646566;
    border: 0.25rem solid #F5F5F5;
    font-weight: normal;
    width: 12rem;
}
#header .menu .menu li:hover {
    background-color: #F5F5F5;
    color: #134c95;
    border: 0;
}
#header .menu .menu li {
    padding: 0.5em 0;
}
#header .menu .menu a {
    border-top: 0;
    font-weight: normal;
    font-size: 0.75em;
    display: block;
    margin: 0;
}
#header .menu .menu a:hover span {
    border-top: 0;
}
#header .menu .menu a:active {
    border-top: 0;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    header {
        font-size: 0.75rem;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    header {
        font-size: 0.75rem;
    }
}

.header-shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

#header-spacer {
    background-color: #fff;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
}

#header a.button:hover span {
    color: #fff !important;
}

.cart-counter {
    position: absolute;
    top: -0.5rem;
    right: -0.25rem;
    display: inline-block;
    background: #ee4870;
    color: #fff;
    font-size: 0.625rem;
    border-radius: 1rem;
    margin: 0;
    padding: 0.1875rem 0.375rem;
    line-height: 1;
}

a:hover .cart-counter {
    color: #fff !important;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .cart-counter {
        top: -0.25rem;
        font-size: 0.5rem;
    }
}

#logo {
    height: auto;
    margin: 1rem auto;
    border: 0 !important;
    z-index: 100;
    background: #fff;
    display: block;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
   -webkit-transition: .5s ease-in-out;
           transition: .5s ease-in-out;
    text-align: center;
}
#logo span {
    position: relative;
    display: block;
    font-size: 0.5625rem;
    letter-spacing: 1px;
    margin: 0;
    padding: 0.125rem 0 0 0;
    text-transform: uppercase;
    text-align: center;
    opacity: 1;
    height: auto;
    -webkit-transition: opacity .5s ease-in-out, height .2s ease-in-out;
            transition: opacity .5s ease-in-out, height .2s ease-in-out;
}
#logo img {
    position: relative;
    width: 3.5rem;
    -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
}

#logo.collapsed {
    margin: 0.5rem auto;
}

#logo.collapsed img {
    width: 2.75rem;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
}
#logo.collapsed span {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition: opacity .2s ease-in-out, height .2s ease-in-out;
            transition: opacity .2s ease-in-out, height .2s ease-in-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
#logo:hover {
    -webkit-transform: scale(1.25, 1.25);
        -ms-transform: scale(1.25, 1.25);
            transform: scale(1.25, 1.25);
   -webkit-transition: .4s ease-in-out;
           transition: .4s ease-in-out;
}
#logo.iris-blue:hover span {
    color: #0aabba;
}
#logo.outlet:hover span {
    color: #134c95;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    #logo {
        margin: 0.5rem auto;
    }
    #logo img {
        width: 2.25rem;
    }
    #logo.collapsed {
        margin: 0.25rem auto;
    }
    #logo.collapsed img {
        width: 2rem;
    }
    #logo span {
        display: none;
        font-size: 0.5rem;
    }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    #logo {
        margin: 0.75rem auto;
    }
    #logo img {
        width: 2.5rem;
    }
    #logo.collapsed {
        margin: 0.5rem auto;
    }
    #logo.collapsed img {
        width: 2.25rem;
    }
    #logo span {
        font-size: 0.5rem;
    }
}

.brand-logo {
    max-width: 16rem;
    max-height: 6rem;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .brand-logo {
        max-width: 12rem;
        max-height: 5rem;
    }
}


main {
    background-color: #fff;
    min-height: 70vh;
    margin: 0;
    padding: 1rem 0 2rem 0;
    overflow-x: hidden;
    position: relative;
    display: block;
}

footer {
    border-top: 0.3125rem solid #F5F5F5;
    margin: 0;
    padding: 3em 0 0 0;
    color: #ABACAC;
    background-color: #ffffff;
    font-size: 0.875rem;
}
footer h4 {
    color: #646566;
    font-size: 1rem;
    text-transform: uppercase;
}
footer a {
    color: #134C95;
}
footer a:hover {
    color: #134C95;
}

footer .copyright {
    color: #ABACAC;
    background-color: #ffffff;
    padding: 1em 0 0.5rem 0;
    margin-top: 1em;
}
footer .copyright p {
    font-size: 1em;
    color: #ABACAC;
}
footer .copyright a {
    color: #777777;
}
footer .copyright a:hover {
    color: #134c95;
}
footer small {
    font-size: 0.875em;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    footer .copyright {
        padding: 0.5rem 0;
        margin-top: 0.25rem;
    }

    footer .menu.vertical a {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
}

#cookies {
    width: 100%;
    position: fixed;
    bottom: -1px;
    left: 0px;
    background-color: #134c95;
    background-color: rgba(19, 76, 149, 0.9);
    z-index: 999;
    padding: 1em;
}
#cookies p {
    color: #fff;
    font-size: 0.75em;
    margin-bottom: 0;
}
#cookies a {
    color: #fff;
}
#cookies a:hover {
    color: #fff;
}


#search-box {
    background: #134c95;
    color: #fff;
    padding: 0 1rem;
}
input#search {
    border: 0;
    box-shadow: none;
    width: 90%;
    font-size: 1rem;
    color: #fff;
    padding: 1rem;
    margin: 0;
    background: #134c95;
    height: auto;
}

.search-white {
    padding-bottom: 0.25rem;
    margin-bottom: 4rem;
    border-bottom: 0.3125rem solid #134c95;
}
.search-white .input-group {
    margin-bottom: 0;
}
.search-white input {
    border: 0;
    background: #fff;
    margin-bottom: 0;
    box-shadow: none;
    font-family: 'ProximaNovaBold';
    font-size: 1rem;
    color: #646566;
}
.search-white input:focus {
    outline: none;
    border: 0;
    background-color: #ffffff;
    box-shadow: none;
}
.search-white .input-group-label {
    border: 0;
    background: #fff;
    color: #eeeeee;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    #search-box {
        padding: 0 0.5rem;
    }
    input#search {
        width: 100%;
        font-size: 1rem;
        padding: 0.5rem;
    }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    #search-box {
        padding: 0 1rem;
    }
    input#search {
        width: 90%;
        font-size: 1rem;
        padding: 0.75rem;
    }
}

a:hover .fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}
a:hover .far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}
a:hover .fal.fa-circle {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}
a:hover .fa,
a:hover .fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

.fab,
a:hover .fab {
    font-family: 'Font Awesome 5 Brands' !important;
}

.lead {
    font-family: 'ProximaNovaBold', sans-serif;
    font-weight: normal;
    line-height: 1.3;
    font-size: 1.25em !important;
}

.cke {
    border: 1px solid #dddddd !important;
}

.content-details h1 {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    max-width: 50rem;
}
.content-details h2 {
    margin-top: 1em;
    text-align: left;
}
.content-details h3 {
    margin-top: 1em;
    text-align: left;
}
.content-details p,
.content-details li {
    line-height: 1.5;
    font-size: 1.25em;
    margin-bottom: 1em;
}
.content-details p > a > img:first-child,
.content-details p > img:first-child {
    margin: 1rem 0;
    width: 80%;
}
.content-details .lead {
    font-size: 1.5em !important;
    line-height: 1.3;
}
.content-details li {
    margin-bottom: 0.25em;
    line-height: 1.25 !important;
}

.content-details li li {
    font-size: 1em;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .content-details .lead {
        font-size: 1.25em !important;
    }
    .content-details p > a > img:first-child,
    .content-details p > img:first-child {
        width: 100%;
    }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .content-details p > a > img:first-child,
    .content-details p > img:first-child {
        width: 90%;
    }
}

.content-details a {
    color: #134c95;
    position: relative;
    text-decoration: underline;
}
.content-details a:hover {
    color: #333333 !important;
    text-decoration: underline;
}
.content-details a:active {
    color: #555555;
    text-decoration: underline;
}
article {
    margin-bottom: 4rem;
}

.pagination a,
.pagination button {
    color: #555555;
}
.pagination a:hover,
.pagination button:hover {
    background: #f5f5f5;
    color: #333333;
}
.pagination .current {
    background: transparent;
    color: #134c95;
    font-weight: bold;
}
.pagination .disabled {
    color: #cacaca;
}
.pagination-next,
.pagination-previous {
    font-weight: 300;
}
.pagination-previous a::before,
.pagination-previous.disabled::before {
    content: '❮';
}
.pagination-next a::after,
.pagination-next.disabled::after {
    content: '❯';
}

.amagdic-info {
    margin: 0 0 2rem 0;
    border: 0.3125rem solid #F5F5F5;
    padding: 0.5rem 1rem 0 1rem;
    position: relative;
    background: #F5F5F5;
}

.amagdic-office-container {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0.5rem 1rem;
    height: 100%;
}

.amagdic-office {
    margin: 0;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    border: 1px solid transparent;
    z-index: 1;
    overflow-wrap: break-word;
    position: relative;
    top: auto;
    left: auto;
    z-index: 2;
    background: #fff;
    overflow: hidden;
}
.amagdic-office:hover {
    margin: -0.5rem -0.5rem 0 -0.5rem;
    padding: 1rem 1.5rem 1rem 1.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border: 1px solid #e1e1e1;
    background: #fff;
    z-index: 2;
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    width: 100%;
    max-width: 18rem;
    z-index: 10;
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
    /*resize: horizontal;*/
}
.amagdic-office h3 {
    margin: 0 0 0.5rem 0;
    padding: 0;
    color: #134c95;
    font-size: 1.25rem;
    line-height: 1.15;
}
.amagdic-office h3 span {
    font-size: 1rem;
    font-weight: normal;
    font-family: 'ProximaNovaRegular';
}
.amagdic-office h4 {
    margin: 0 0 0.25rem 0;
    padding: 0;
    color: #134c95;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.amagdic-office .office-contact {
    overflow: hidden;
    line-height: 1.25;
    margin-bottom: 0.5rem;
}
.amagdic-office .office-contact a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}

.amagdic-office h3.iris-blue,
.amagdic-office h4.iris-blue {
    color: #0aabba;
}

.amagdic-office h3.outlet,
.amagdic-office h4.outlet {
    color: #134c95;
}

.amagdic-office .office-working-hours {
    font-size: 0.75rem;
    color: #aaa;
    /*font-family: "Lucida Console", Monaco, monospace;*/
}
.amagdic-office:hover .office-working-hours {
    color: #555555;
}

.amagdic-office .office-show-on-map {
    font-size: 0.875rem;
    color: #aaa;
    border-top: 1px solid #fff;
    display: none;
}
.amagdic-office:hover .office-show-on-map {
    color: #555555;
    border-top: 1px solid #e1e1e1;
    margin: 0 -1.5rem -1rem -1.5rem;
    display: block;
}
.amagdic-office:hover .office-show-on-map a {
    color: #aaa;
    padding: 0.75rem 1.5rem;
    display: block;
}
.amagdic-office:hover .office-show-on-map a,
.amagdic-office:hover .office-show-on-map a:hover {
    color: #134c95;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-office h3 {
        font-size: 1.125rem;
    }
    .amagdic-office h3 span {
        font-size: 1rem;
        font-family: 'ProximaNovaRegular';
    }
    .amagdic-office {
        font-size: 0.75rem;
    }
    .amagdic-office:hover {
        max-width: 95%;
    }
    .amagdic-office .office-show-on-map {
        display: block;
    }
}

.amagdic-staff {
    margin-top: 0rem;
    margin-bottom:2rem;
}

.amagdic-staff article {
    margin-bottom: 2rem;
}

.amagdic-staff .staff {
    position: relative;
    overflow: hidden;
}
.amagdic-staff .staff h3 {
    position: absolute;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    color: #fff;
    font-size: 1.125rem;
    pointer-events: none;
    margin: 0;
    padding: 2rem 1rem 1.5rem 1rem;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(10,171,186,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(10,171,186,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(10,171,186,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc0aabba',GradientType=0 );
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-staff {
        margin-top: 2rem;
    }

    .amagdic-staff article {
        margin-bottom: 0;
    }

    .amagdic-staff .staff h3 {
        color: #fff;
        font-size: 1rem;
        padding: 1rem 0.75rem 0.5rem 0.75rem;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .amagdic-staff .staff h3 {
        color: #fff;
        font-size: 1rem;
        padding: 2rem 1rem 1rem 1rem;
    }
}

.amagdic-separator {
    height: 0;
    width: 100%;
    margin: 2rem 0;
    padding: 0;
    border-bottom: 0.3125rem solid #F5F5F5;
}

.amagdic-chart-container {
    width: 100%;
    min-height: 40rem;
    height: 80vh;
    margin-bottom: 10rem;
}

.amagdic-chart-pie-container {
    width: 100%;
    max-width: 50rem;
    max-height: 50rem;
    height: 110%;
    margin: 0 auto 6rem auto;
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .amagdic-chart-container {
        width: 100%;
        min-height: 35rem;
        height: 80vh;
    }
}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-chart-container {
        width: auto;
        height: 90vh;
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .amagdic-chart-pie-container {
        width: auto;
        max-width: 100%;
        max-height: 50rem;
        height: 100%;
        margin: 0 0.125rem 2rem 0.125rem;
    }
}

#top-sub-navigation {
    margin-top: -0.5rem;
}

#company-filter-body,
#products-filter-body {
    margin: -1rem 0 0 0;
}

#company-filter-body h5,
#products-filter-body h5 {
    color: #656565;
    font-family: 'ProximaNovaRegular', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.875rem;
    margin: 0 0 0.5rem 0.25rem;
}
#company-filter-body label,
#products-filter-body label {
    font-size: 0.75rem;
}
#company-filter-toggler,
#products-filter-toggler {
    padding-top: 0.5rem;
}
#company-filter-container,
#products-filter-container {
    background: #fcfcfc;
    padding: 0.5rem 1rem 1rem 1rem;
    margin: 0;
    border-bottom: 0.3125rem solid #F5F5F5;
}

.filter-inputs label {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    cursor: pointer;
    /*font-size: 2rem;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999;
}
.filter-inputs label:hover {
    color: #134c95;
}
.filter-inputs label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.filter-inputs label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    opacity: 1;
    box-shadow: none;
}
.filter-inputs label:hover input ~ .checkmark {
    opacity: 1;
}
.filter-inputs label input:checked ~ .checkmark {
    opacity: 1;
}
.filter-inputs label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.filter-inputs label input:checked ~ .checkmark:after {
    display: block;
}
.filter-inputs label .checkmark:after {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-style: normal;
    font-size: 1rem;
    top: -0.25rem;
    left: -0.5rem;
    width: 0;
    height: 0;
    color: #134c95;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-radio-container {
        font-size: 1rem;
        width: 0.5rem;
    }
    .amagdic-radio-container .checkmark {
        height: 1.5rem;
        width: 1.5rem;
    }
    .amagdic-radio-container .checkmark:after {
        font-size: 1.5rem;
        top: -1.5rem;
    }
}

.amagdic-margin-top.amagdic-products {
    margin-top: 4rem !important;
}

.amagdic-products-option {
    padding: 0 1rem;
}
.amagdic-products-option article {
    border: 1px solid #ccc;
    padding: 0;
}
.amagdic-products-option article.column {
    margin-bottom: 1rem;
    background: #fff;
    background: rgba(255,255,255,0.95);
}
.amagdic-products-option article.selected {
    border: 2px solid #134c95;
    background: rgba(255,255,255,0.95);
    box-shadow:0 0 0.5rem rgba(0,0,0,0.25);
}
.amagdic-products-option .product {
    margin: 0;
    padding: 0;
}
.amagdic-products-option .product:hover {
    box-shadow:0 0 0.5rem rgba(0,0,0,0.25);
}

.amagdic-products-option .product label {
    margin: 0;
    padding: 1rem;
    cursor: pointer;
}
.amagdic-products-option .product .product-text h4 {
    font-size: 1rem;
    text-align: left;
    color: #555555;
    padding: 0;
    margin: 0;
}
.amagdic-products-option .product .product-text p {
    font-size: 0.75rem;
    text-align: left;
    color: #999999;
    padding: 0;
    margin: 0;
    line-height: 1;
}
.amagdic-products-option .product .product-price {
    font-size: 0.875em;
    text-align: right;
    color: #999999;
    line-height: 1.15;
}
.amagdic-products-option .product .product-price span {
    color: #134c95;
    font-size: 1.125em;
}

.amagdic-products article {
    margin-bottom: 0;
    padding-right: 0.875rem;
    padding-left: 0.875rem;
    overflow: hidden;
}
.amagdic-products article.column {
    margin-bottom: 1rem;
}
.amagdic-products .product {
    margin: 0 0.5rem 0 0.5rem;
    border: 0.3125rem solid #F5F5F5;
    padding: 90% 1rem 0 1rem;
    text-align: center;
    position: relative;
}
.amagdic-products .product:hover {
    border-color: #e3edf9;
}
.amagdic-products .product.product-current {
    border-color: #839fc4;
    box-shadow: 0.125rem 0.125rem 1px rgba(0,0,0,0.1);
    margin-bottom: 0.125rem;
}

.amagdic-products .product.product-outlet {
    /*border: 0.3125rem solid #ffdfdd;*/
}
.amagdic-products .product.product-outlet:hover {
    /*border-color: #e1261c;*/
}
.amagdic-products .product.product-outlet.product-current {
    /*border-color: #e1261c;*/
}

.amagdic-products article.column .product {
    margin: 1rem 1rem 2rem 1rem;
}
.amagdic-products .product .animated {
    animation-duration: 1s;
}

.amagdic-products .product .product-fittingbox {
    display: none;
}

.amagdic-products .product .product-text {
    position: absolute;
    top: 1rem;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    pointer-events: none;
    text-shadow: -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
}
.amagdic-products .product .product-text h3,
.amagdic-products .product .product-text h4 {
    font-size: 1.125rem;
    text-align: center;
    color: #555555;
    padding: 0 0.25rem;
    margin: 0 0 0.5em 0;
}
.amagdic-products .product .product-text h4 {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'ProximaNovaRegular', sans-serif;
}
.amagdic-products .product .product-text h3 small,
.amagdic-products .product .product-text h4 small {
    color: #999999;
}
.amagdic-products .product .product-text h3 a,
.amagdic-products .product .product-text h4 a {
    color: #666666;
    pointer-events: auto;
}
.amagdic-products .product .product-text h3 a:hover,
.amagdic-products .product .product-text h4 a:hover {
    color: #134c95;
}
.amagdic-products .product .product-text .product-price {
    font-size: 0.875rem;
    width: 100%;
    text-align: center;
    color: #999999;
    padding: 0 0.25rem;
    margin: 0;
}
.amagdic-products .product .product-text .product-price span {
    color: #134c95;
    font-size: 1.125em;
}
.amagdic-products .product .product-image {
    position: absolute;
    bottom: 1.5rem;
    left: -1rem;
    right: -1rem;
    z-index: 1;
}
.amagdic-products .product .product-image:hover {
    z-index: 1;
}

.amagdic-products .product .product-models-arrows {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 5;
    margin: 0;
    padding: 0;
    font-size: 1.75rem;
    line-height: 1;
}
.amagdic-products .product .product-models-arrows .product-model-prev {
    position: absolute;
    bottom: 0;
    left: 0;
}
.amagdic-products .product .product-models-arrows .product-model-next {
    position: absolute;
    bottom: 0;
    right: 0;
}

.amagdic-products .product .product-add-to-cart {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 4;
}
.amagdic-products .product .product-add-to-cart a.button {
    background: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    padding: 0.375rem 0.75rem;
}

/* hide for non outlet products in e.g. search results if models are mixed... by AMagdic */
.amagdic-products .product .product-outlet-ribbon {
    display: none;
}

.amagdic-products .product.product-outlet .product-outlet-ribbon {
    position: absolute;
    display: block;
    top: -0.3125rem;
    right: -0.3125rem;
    width: 40%;
    height: 40%;
    overflow: hidden;
    z-index: 10;
}
.amagdic-products .product .product-outlet-ribbon span {
    position: relative;
    display: block;
    left: -0.5rem;
    top: 20%;
    width: 150%;
    padding: 0.5rem 0;
    font-size: 0.65rem;
    text-align: center;
    color: #fff;
    background-color: #e85e68;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -webkit-transform: rotate(45deg) translate3d(0,0,0);
    -moz-transform: rotate(45deg) translate3d(0,0,0);
    -ms-transform: rotate(45deg) translate3d(0,0,0);
    transform: rotate(45deg) translate3d(0,0,0);
}

.amagdic-products .product.product-outlet .product-outlet-ribbon {
    position: absolute;
    display: block;
    top: -0.3125rem;
    right: -0.3125rem;
    width: 40%;
    height: 40%;
    overflow: hidden;
    z-index: 10;
}
.amagdic-products .product .product-outlet-ribbon span {
    position: relative;
    display: block;
    left: -0.5rem;
    top: 20%;
    width: 150%;
    padding: 0.5rem 0;
    font-size: 0.65rem;
    text-align: center;
    color: #fff;
    background-color: #e85e68;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -webkit-transform: rotate(45deg) translate3d(0,0,0);
    -moz-transform: rotate(45deg) translate3d(0,0,0);
    -ms-transform: rotate(45deg) translate3d(0,0,0);
    transform: rotate(45deg) translate3d(0,0,0);
}

.amagdic-products .product .product-sash {
    position: absolute;
    display: block;
    top: -0.3125rem;
    right: -0.3125rem;
    width: 45%;
    height: 45%;
    overflow: hidden;
    z-index: 10;
}
.amagdic-products .product .product-sash span {
    position: relative;
    display: block;
    left: -0.5rem;
    top: 20%;
    width: 150%;
    padding: 0.5rem 0;
    font-size: 0.65rem;
    text-align: center;
    color: #fff;
    background-color: #e85e68;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -webkit-transform: rotate(45deg) translate3d(0,0,0);
    -moz-transform: rotate(45deg) translate3d(0,0,0);
    -ms-transform: rotate(45deg) translate3d(0,0,0);
    transform: rotate(45deg) translate3d(0,0,0);
}
.amagdic-products .product .product-sash.product-sash-bold span {
    font-size: 0.75rem;
    padding: 0.25rem 0;
    font-weight: bold;
}
.amagdic-products .product .product-sash.product-sash-big span {
    font-size: 1.2rem;
    padding: 0.125rem 0;
    font-weight: bold;
}
.amagdic-products .product .product-sash.product-sash-new span {
    background-color: #409e3d;
    color: #fff;
}
.amagdic-products .product .product-sash.product-sash-bestseller span {
    background-color: #8f2898;
    color: #fff;
}
.amagdic-products .product .product-sash.product-sash-highlighted span {
    background-color: #c51d2d;
    color: #fff;
}
.amagdic-products .product .product-sash.product-sash-outlet span {
    background-color: #134c95;
    color: #fff;
}
.amagdic-products .product .product-sash.product-sash-lastpiece span {
    background-color: #d46e0b;
    color: #fff;
}
.amagdic-products .product .product-sash.product-sash-custom span {
    background-color: transparent;
    color: #fff;
}

.amagdic-products .product .product-sash.product-sash-image {
    position: absolute;
    display: block;
    top: -0.3125rem;
    right: -0.3125rem;
    width: 30%;
    height: 30%;
    overflow: hidden;
    z-index: 10;
}
.amagdic-products .product .product-sash.product-sash-image span {
    position: relative;
    display: block;
    left: 10%;
    top: 10%;
    right: auto;
    width: 80%;
    height: 80%;
    color: #fff;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    background-repeat: no-repeat;
    background-size: contain;
}

.product-sash-large.product-sash-image {
    position: absolute;
    display: block;
    top: 1rem;
    left: 1rem;
    width: 30%;
    max-width: 10rem;
    height: 30%;
    max-height: 10rem;
    overflow: hidden;
    z-index: 10;
}
.product-sash-large.product-sash-image span {
    position: relative;
    display: block;
    left: 10%;
    top: 10%;
    right: auto;
    width: 80%;
    height: 80%;
    color: #fff;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
}

.product-sash-image span.product-sash-image-ribbon1 {
    background-image: url("/images/sash/ribbon1.svg");
}

.amagdic-outlet-ribbon {
    position: fixed;
    top: 2rem;
    right: 3rem;
    z-index: 4;
    margin: 0;
}
.amagdic-outlet-ribbon:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 4rem solid transparent;
    border-right: 4rem solid transparent;
    border-top: 1rem solid #e85e68;
}
.amagdic-outlet-ribbon a,
.amagdic-outlet-ribbon span {
    position: relative;
    display: block;
    text-align: center;
    background: #e85e68;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1;
    padding: 5.5rem 0.5rem 0.5rem 0.5rem;
    width: 8rem;
    text-transform: uppercase;
    font-family: 'ProximaNovaBold';
}
.amagdic-outlet-ribbon a:hover {
    padding-top: 7rem;
    -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-outlet-ribbon {
        position: absolute;
        top: 0rem;
        right: 1rem;
    }
    .amagdic-outlet-ribbon:after {
        border-left: 3rem solid transparent;
        border-right: 3rem solid transparent;
        border-top: 0.75rem solid #e85e68;
    }
    .amagdic-outlet-ribbon a,
    .amagdic-outlet-ribbon span {
        font-size: 0.75rem;
        line-height: 1;
        width: 6rem;
        padding: 0.75rem 0.25rem 0.5rem 0.25rem;
    }
    .amagdic-outlet-ribbon a:hover {
        padding-top: 1.75rem;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .amagdic-outlet-ribbon a,
    .amagdic-outlet-ribbon span {
        padding-top: 4rem;
    }
    .amagdic-outlet-ribbon a:hover {
        padding-top: 5.5rem;
    }
}

.amagdic-block-2c {
    background-image:url("/images/bg-block-2c.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center center;
    margin: 2rem;
}

.amagdic-block-2cf {
    background-image:url("/images/bg-block-2c.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center center;
    margin: 2rem;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.amagdic-block-2c > div {
    padding: 3rem 6rem 5rem 7rem;
}

.amagdic-block-2cf > div {
    padding: 3rem 7rem 5rem 6rem;
}

.amagdic-block-2c img {
    margin: -2rem -4rem -1rem -3rem;
    width: calc(100% + 8rem);
    max-width: calc(100% + 8rem);
}

.amagdic-block-2cf img {
    margin: -2rem -5rem -1rem -2rem;
    width: calc(100% + 8rem);
    max-width: calc(100% + 8rem);
}


.amagdic-block-2c h1,
.amagdic-block-2cf h1 {
    text-transform:uppercase;
    margin: 0 0 0.5rem 0;
    padding:0;
    font-style:normal;
    font-weight:400;
    font-size:4rem;
    line-height:4rem;
    letter-spacing:-0.02em;
    color:#FFFFFF;
}
.amagdic-block-2c p,
.amagdic-block-2cf p {
    font-size: 1em;
}

.bg-kontrola-vida {
    min-height:20rem;
    background-image:url("/images/bg-kontrola-vida.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.bg-kontrola-sluha {
    min-height:20rem;
    background-image:url("/images/bg-kontrola-sluha.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .bg-kontrola-vida {
        background-image: none;
    }
    .amagdic-block-2c,
    .amagdic-block-2cf {
        margin: 2rem 0;
    }
    .amagdic-block-2c h1,
    .amagdic-block-2cf h1 {
        font-size: 2rem;
        line-height: 100%;
    }
    .amagdic-block-2c > div,
    .amagdic-block-2cf > div {
        padding: 3rem 5rem 5rem 5rem;
    }
    .amagdic-block-2c p,
    .amagdic-block-2cf p {
        font-size: 0.875em;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .amagdic-block-2c > div,
    .amagdic-block-2cf > div {
        padding: 3rem 5rem 5rem 6rem;
    }
    .amagdic-block-2c h1,
    .amagdic-block-2cf h1 {
        font-size: 3rem;
        line-height: 100%;
    }

    .amagdic-block-2c img {
        margin: -2rem -3rem -1rem -4rem;
        width: calc(100% + 7rem);
        max-width: calc(100% + 7rem);
    }

    .amagdic-block-2cf img {
        margin: -2rem -3rem -1rem -4rem;
        width: calc(100% + 7rem);
        max-width: calc(100% + 7rem);
    }
}


.amagdic-products.amagdic-products-cart .product {
    padding: 120% 1rem 0 1rem;
}
.amagdic-products.amagdic-products-cart .product .product-text {
    top: 50%;
    pointer-events: auto;
}
.amagdic-products.amagdic-products-cart .product .product-image {
    top: 1.5rem;
    bottom: auto;
}
.amagdic-products.amagdic-products-cart .product .product-text h4 {
    font-size: 0.625rem;
}
.amagdic-products.amagdic-products-cart .product .product-text h4 a {
    color: #999999;
}
.amagdic-products.amagdic-products-cart .product .product-cart {
    position: absolute;
    right: 0;
    bottom: 1rem;
    left: 0;
    font-size: 0.875rem;
}
.amagdic-products.amagdic-products-cart .product .product-cart a {
    display: block;
    width: 100%;
    text-align: center;
}
.amagdic-products.amagdic-products-cart .product .product-cart .cart-action-delete {
    font-size: 1.125rem;
}

.amagdic-products.amagdic-products-cart .product .product-models-arrows .product-model-prev.disabled,
.amagdic-products.amagdic-products-cart .product .product-models-arrows .product-model-next.disabled {
    color: #ccc !important;
}

.amagdic-product-promotion {
    background: #fff;
    color: #000;
    padding: 0;
    margin: 4rem auto 2rem auto;
    font-size: 0.875rem;
    border: 0.375rem solid #f5f5f5;
}

.amagdic-product-promotion .amagdic-products-bg {
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 45vh;
    max-height: 25rem;
    min-height: 20rem;
}

.amagdic-product-promotion .amagdic-products-slider {
    padding: 2rem 2rem 3rem 2rem;
}
.amagdic-product-promotion .product-image {
    padding: 2rem 0 1rem 0;
    background: #fff;
    text-align: center;
}
.amagdic-product-promotion .amagdic-products-bg h1 {
    color: #fff !important;
    padding: 1rem 1rem 0 1rem;
    margin: 0;
    font-family: 'ProximaNovaBold', sans-serif;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px 1px 0 rgba(0, 0, 0, 0.5);
}
.amagdic-product-promotion .amagdic-products-bg h1:before{
    display: none;
}

.amagdic-product-promotion .amagdic-products-slider .slick-slide{
    z-index: 1;
}

.amagdic-product-promotion .amagdic-products-slider:hover .slick-slide{
    z-index: 10;
}

body.outlet .amagdic-product-promotion {
    background: #850000;
}
body.outlet .amagdic-product-promotion a {
    color: #fff;
}
.amagdic-product-promotion .product-price {
    font-size: 1.25rem;
    text-align: center;
}
.amagdic-product-promotion .product-price del {
    color: #999;
    font-size: 0.75em;
}
.amagdic-product-promotion .product {
    border:0;
    padding: 0.5rem;
}
.amagdic-product-promotion .product .product-text {
    color: #646566;
    font-family: 'ProximaNovaBold', sans-serif;
    text-align: center;
}


/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-product-promotion .amagdic-products-slider {
        padding: 1rem 1rem 1rem 1rem;
    }

    .amagdic-products .product .product-models-arrows {
        bottom: 0.75rem;
        left: 0.5rem;
        right: 0.5rem;
        font-size: 1.5rem;
    }
}

.amagdic-radio-container {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1rem;
}
.amagdic-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.amagdic-radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    opacity: 1;
    box-shadow: none;
}
.amagdic-radio-container:hover input ~ .checkmark {
    opacity: 1;
}
.amagdic-radio-container input:checked ~ .checkmark {
    opacity: 1;
}
.amagdic-radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.amagdic-radio-container input:checked ~ .checkmark:after {
    display: block;
}
.amagdic-radio-container .checkmark:after {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-style: normal;
    font-size: 2rem;
    top: -1.75rem;
    left: 0;
    width: 0;
    height: 0;
    color: #134c95;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-radio-container {
        font-size: 1rem;
        width: 0.5rem;
    }
    .amagdic-radio-container .checkmark {
        height: 1.5rem;
        width: 1.5rem;
    }
    .amagdic-radio-container .checkmark:after {
        font-size: 1.5rem;
        top: -1.5rem;
    }
}


.amagdic-text-shadow {
    text-shadow: 0 0 0.25rem rgba(0,0,0,0.5);
}

.article-orbit {
    margin: 0 0 5rem 0;
    padding: 0;
    display: block;
    position: relative;
}
.article-orbit .article-orbit-border {
    margin: 0;
    border-style: solid;
    border-width: 0.3125rem;
    border-color: inherit;
    padding: 0;
    position: absolute;
    left: 35%;
    right: -2rem;
    top: -2rem;
    bottom: -2rem;
    opacity: 0.25;
}
.article-orbit .orbit {
    margin: 2rem 0;
}
.article-orbit .orbit-image {
    border-bottom: 0.75rem solid #134c95;
}

.article-img img {
    margin: 0;
    border-bottom: 0.75rem solid #134c95;
}
.medium-order-1 .article-img img {
    margin-left: 0;
}

.article-border {
    border-style: solid;
    border-width: 0.3125rem;
    border-color: inherit;
    height: 100%;
    padding-bottom: 4rem;
}
.article-border div {
    background: #fff;
    margin: 2rem;
    margin-left: -4rem;
    padding: 2rem 2rem 2rem 0;
}

.medium-order-1 .article-border {
    margin-left: 2rem;
}

.medium-order-1 .article-border div {
    margin: 2rem;
    margin-right: -4rem;
    text-align: left;
    padding: 2rem 0 2rem 2rem;
}

.medium-order-2 .article-border {
    margin-right: 2rem;
}

/* black */
.article-black .article-border {
    border-color: #000000;
}
.article-black .article-orbit-border {
    border-color: #000000;
}
.article-black h1,
.article-black h2,
.article-black h3,
.article-black h4{
    color: #000000;
}
.article-black a {
    color: #000000;
}
.article-black a:hover {
    color: #000000;
}
.article-black .article-img img,
.article-black .orbit-image,
.bg-related .article-black img {
    border-bottom-color: #000000;
}

/* blue */
.article-blue .article-border {
    border-color: #134c95;
}
.article-blue .article-orbit-border {
    border-color: #134c95;
}
.article-blue {
    border-color: #134c95;
}
.article-blue h1,
.article-blue h2,
.article-blue h3,
.article-blue h4{
    color: #134c95;
}
.article-blue a {
    color: #134c95;
}
.article-blue a:hover {
    color: #134c95;
}
.article-blue .article-img img,
.article-blue .orbit-image,
.bg-related .article-blue img {
    border-bottom-color: #134c95;
}

/* green */
.article-green .article-border {
    border-color: #009AAC;
}
.article-green .article-orbit-border {
    border-color: #009AAC;
}
.article-green h1,
.article-green h1,
.article-green h2,
.article-green h3,
.article-green h4{
    color: #009AAC;
}
.article-green a {
    color: #009AAC;
}
.article-green a:hover {
    color: #009AAC;
}
.article-green .article-img img,
.article-green .orbit-image,
.bg-related .article-green img {
    border-bottom-color: #009AAC;
}

/* orange */
.article-orange .article-border {
    border-color: #EEB5A4;
}
.article-orange .article-orbit-border {
    border-color: #EEB5A4;
}
.article-orange h1,
.article-orange h2,
.article-orange h3,
.article-orange h4{
    color: #EEB5A4;
}
.article-orange a {
    color: #EEB5A4;
}
.article-orange a:hover {
    color: #EEB5A4;
}
.article-orange .article-img img,
.article-orange .orbit-image,
.bg-related .article-orange img {
    border-bottom-color: #EEB5A4;
}

/* red */
.article-red .article-border {
    border-color: #e1261c;
}
.article-red .article-orbit-border {
    border-color: #e1261c;
}
.article-red h1,
.article-red h2,
.article-red h3,
.article-red h4{
    color: #e1261c;
}
.article-red a {
    color: #e1261c;
}
.article-red a:hover {
    color: #e1261c;
}
.article-red .article-img img,
.article-red .orbit-image,
.bg-related .article-red img {
    border-bottom-color: #e1261c;
}


/* Small only */
@media screen and (max-width: 39.9375em) {
    .content-details p,
    .content-details li {
        line-height: 1.5;
        font-size: 1em;
    }

    .article-orbit {
        margin: 0 -1.5rem 3rem -1.5rem;
    }
    .article-orbit .article-orbit-border {
        left: 15%;
        right: -1rem;
        top: -1rem;
        bottom: -1rem;
        border-width: 0;
    }

    .article-img {
        margin-right: -1rem !important;
    }
    .article-img img {
        margin-left: -1rem !important;
        margin-bottom: 1rem !important;
        width: 100%;
    }
    .article-border {
        padding-bottom: 0rem;
        margin: 0 !important;
        border-width: 0;
    }
    .article-border div {
        margin: 1rem 1rem 1rem -1rem !important;
        padding: 0 2rem 0 1rem !important;
        text-align: left !important;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .content-details p,
    .content-details li {
        line-height: 1.75;
        font-size: 1.125em;
    }

    .article-orbit {
        margin: 0 0 4rem 0;
    }
    .article-orbit .article-orbit-border {
        right: -1.5rem;
        top: -1.5rem;
        bottom: -1.5rem;
    }
    .medium-order-1 .article-border {
        margin-left: 0;
    }
    .medium-order-2 .article-border {
        margin-right: 0;
    }
    .article-border {
        padding-bottom: 1rem;
    }
    .article-border h3 {
        line-height: 1.25;
        font-size: 1.125rem;
    }
    .article-border p {
        line-height: 1.25;
        font-size: 0.875rem;
    }
    .article-border div {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        margin-left: -2rem;
        margin-right: 0;
    }
    .medium-order-1 .article-border div {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-right: -2rem;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    .content-details p,
    .content-details li {
        line-height: 2;
        font-size: 1.25em;
    }
}

.date-time {
    text-align: left;
    color: #ABACAC;
    text-transform: uppercase;
    font-size: 1.25em;
}
.amagdic-content .date-time {
    margin-top: 0.3125rem;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .date-time {
        font-size: 0.875em;
    }
    .amagdic-content .date-time {
        margin-top: 0
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .date-time {
        font-size: 0.875em;
    }
}


.visible {
    visibility: visible;
}
.hidden {
    visibility: hidden;
}

.amagdic-round {
    border-radius: 50%;
}

.amagdic-radius {
    border-radius: 2rem;
}
.amagdic-radius-left {
    border-top-left-radius : 2rem !important;
    border-bottom-left-radius : 2rem !important;
}
.amagdic-radius-right {
    border-top-right-radius : 2rem !important;
    border-bottom-right-radius : 2rem !important;
}

.amagdic-radius1 {
    border-radius: 1.5rem !important;
}
.amagdic-radius1-left {
    border-top-left-radius : 1.5rem !important;
    border-bottom-left-radius : 1.5rem !important;
}
.amagdic-radius1-right {
    border-top-right-radius : 1.5rem !important;
    border-bottom-right-radius : 1.5rem !important;
}

.amagdic-uppercase {
    text-transform: uppercase;
}

.amagdic-bg-image {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 28em;
    max-height: 100em;
}

.amagdic-margin-top {
    margin-top: 2rem !important;
}
.amagdic-margin-right {
    margin-right: 2rem !important;
}
.amagdic-margin-bottom {
    margin-bottom: 2rem !important;
}
.amagdic-margin-left {
    margin-left: 2rem !important;
}

.amagdic-padding-top {
    padding-top: 2rem !important;
}
.amagdic-padding-right {
    padding-right: 2rem !important;
}
.amagdic-padding-bottom {
    padding-bottom: 2rem !important;
}
.amagdic-padding-left {
    padding-left: 2rem !important;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-bg-image {
        min-height: 15em;
    }

    .amagdic-margin-top-small {
        margin-top: 2rem !important;
    }
    .amagdic-margin-right-small {
        margin-right: 2rem !important;
    }
    .amagdic-margin-bottom-small {
        margin-bottom: 2rem !important;
    }
    .amagdic-margin-left-small {
        margin-left: 2rem !important;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .amagdic-bg-image {
        min-height: 15em;
    }

    .amagdic-margin-top-medium {
        margin-top: 2rem !important;
    }
    .amagdic-margin-right-medium {
        margin-right: 2rem !important;
    }
    .amagdic-margin-bottom-medium {
        margin-bottom: 2rem !important;
    }
    .amagdic-margin-left-medium {
        margin-left: 2rem !important;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    .amagdic-paddding-left-right-large {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .amagdic-margin-top-large {
        margin-top: 2rem;
    }
    .amagdic-margin-right-large {
        margin-right: 2rem !important;
    }
    .amagdic-margin-bottom-large {
        margin-bottom: 2rem !important;
    }
    .amagdic-margin-left-large {
        margin-left: 2rem !important;
    }
}

.amagdic-links-menu {
    background: #ffffff;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 0 solid #ffffff;
    border-top: 4px solid #134c95;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    margin-top: -5rem;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
}
.amagdic-links-menu a {
    background: #ffffff;
    color: #134c95;
}
.amagdic-links-menu a:hover {
    background: #cccccc;
    color: #000000;
}
.amagdic-links-menu a:active {
    background: #ffffff;
    color: #134c95;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-links-menu {
        margin-top: 1rem;
        border-bottom: 0 solid #cccccc;
        border-left: 0 solid #cccccc;
        border-right: 0 solid #cccccc;
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

.amagdic-reveal-open {
    overflow: hidden;
    position: fixed;
    z-index: 0;
}

.reveal,
.reveal.medium {
    overflow-y: auto !important;
}
@media print, screen and (min-width: 40em) {
    .reveal.medium {
        right: auto;
        left: auto;
        margin: 0 auto;
        width: 80%;
        max-width: 60rem;
    }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .reveal.medium {
        width: 90%;
    }
}

.reveal h2 {
    position: relative;
    margin: -1rem -1rem 1em -1rem !important;
    background-color: #F5F5F5;
    color: #555555;
    padding: 0.25em 1em;
    font-size: 1.5em;
    font-family: 'ProximaNovaRegular', sans-serif;
}

.reveal h3 {
    position: relative;
    margin: 0rem 1rem 1.25em 0rem !important;
    color: #555555;
    padding: 0.25em 1em;
    font-size: 1.125em;
    font-family: 'ProximaNovaRegular', sans-serif;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .reveal {
        padding: 1rem 0;
    }

    .reveal h2 {
        margin: -1rem 0 1em 0 !important;
    }

    .reveal h3 {
        margin: 0rem 1rem 1.25em 0rem !important;
        padding: 0.25em 1rem;
    }
}

/* google maps fix */
img,
object,
embed {
    max-width: 100%;
}

.fieldset {
    margin: 1.125rem 0;
    padding: 0.5rem 1rem;
    border: 0.0625rem solid #ddd;
    box-shadow: 0.125rem 0.125rem 0.25rem rgba(0,0,0,0.1);
}
.fieldset .fieldset {
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    border: 0.0625rem solid #ddd;
    box-shadow: 0.125rem 0.125rem 0.25rem rgba(0,0,0,0.1);
}
.fieldset legend {
    font-family: 'ProximaNovaBold', sans-serif;
    font-weight: normal;
    line-height: 1;
    color: #134c95;
    font-size: 1em;
    background: #F5F5F5;
    padding: 0.25em 0.5em;
    border: 0.0625rem solid #ddd;
    box-shadow: 0.125rem 0.125rem 0.25rem rgba(0,0,0,0.1);
}
.fieldset .fieldset legend {
    font-weight: 400;
    font-size: 1em;
    color: #333;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .fieldset legend {
        font-size: 1em;
    }
}

.fieldset legend.red {
    color: #ff0000;
}

nav.float-icons {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    border-radius: 0.5rem;
    padding: 0.125rem 0.25rem;
    z-index: 5;
}

/* AMagdic Title image & content */

.orbit {
    overflow: hidden;
}

.orbit .orbit-slide .amagdic-zoom {
    display: block;
    z-index: 1;
}

.orbit-image {
    z-index: 1;
}

.orbit-caption {
    bottom: 1rem;
    right: 0.125rem;
    max-width: 75rem !important;
    width: 85%;
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: right;
    line-height: 1;
    color: #ccc;
    font-size: 1rem;
    font-weight: normal;
    /*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5), -1px 1px 0 rgba(0, 0, 0, 0.5);*/
    /*text-shadow: 1px 1px 0 rgba(255,255,255,0.75);*/
    font-family: 'ProximaNovaRegular';
    z-index: 3;
}

.orbit-caption small {
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    margin-top: 0.5em;
}


/* Small only */
@media screen and (max-width: 39.9375em) {
    .orbit-caption {
        font-size: 0.875rem;
        bottom: 1rem;
        right: 1rem;
        width: 75%;
    }
    .orbit-caption small {
        font-weight: normal;
        font-size: 0.75rem;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .orbit-caption {
        font-size: 1rem;
    }
}

.orbit-bullets {
    position: absolute;
    bottom: 0.5rem;
    left: 1rem;
    text-align: left;
    z-index: 5;
    width: auto;
    display: block;
}
.orbit-bullets button {
    float: left;
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    margin: 0.25rem 0.25rem 0 0.25rem;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: transparent;
    cursor: pointer;
    opacity: 0.25;}
    .orbit-bullets button:hover {
      background-color: #134c95;
      opacity: 1;}
    .orbit-bullets button.is-active {
      background-color: #ffffff; }

/* Small only */
@media screen and (max-width: 39.9375em) {
    .orbit-bullets {
        bottom: 0.25rem;
        left: 1rem;
    }
    .orbit-bullets button {
        width: 0.625rem;
        height: 0.625rem;
        margin: 0.25rem 0.25rem 0 0;
        border: 1px solid #fff;
    }
}

.orbit-previous,
.orbit-next {
    color: #eeeeee;
    background: transparent;
    top: 0;
    height: 100%;
  -ms-transform: none;
      transform: none;
    font-size: 2rem;
    line-height: 1;
    opacity: .75;
    color: #eeeeee;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 4;
    padding: 1rem 1rem 1rem 0.5rem;
}
.orbit-next {
    padding: 1rem 0.5rem 1rem 1rem;
}

.orbit-previous:hover,
.orbit-next:hover,
.orbit-previous:active,
.orbit-next:active,
.orbit-previous:focus,
.orbit-next:focus {
    background: rgba(0, 0, 0, 0.1);
    opacity: 1;
    color: #ffffff;
    cursor: pointer;
    font-size: 4rem;
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .orbit-previous,
    .orbit-next {
        font-size: 1.75rem;
    }

    .orbit-previous:hover,
    .orbit-next:hover,
    .orbit-previous:active,
    .orbit-next:active,
    .orbit-previous:focus,
    .orbit-next:focus {
        font-size: 3rem;
    }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .orbit-previous,
    .orbit-next {
        font-size: 1.5rem;
    }

    .orbit-previous:hover,
    .orbit-next:hover,
    .orbit-previous:active,
    .orbit-next:active,
    .orbit-previous:focus,
    .orbit-next:focus {
        font-size: 2rem;
    }
}

.orbit-slide-html {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    display: block;
    z-index: 2;
    /*pointer-events: none;*/
    color: #000;
    background: rgba(255,255,255,.6);
    width: 50%;
    height: 100%;
}
.orbit-slide-html a {
    pointer-events: auto;
}

.orbit-slide-html h1 {
    font-size: 2.75em;
    margin: 0 0 0.5em 0;
    line-height: 1.25;
    color: #000;
    font-weight: bold;
}
.orbit-slide-html h2 {
    font-size: 2em;
    line-height: 1.25;
    margin: 0 0 0.5em 0;
    color: #000;
    font-weight: bold;
}
.orbit-slide-html p {
    font-size: 1em;
    margin: 0 0 1em 0;
    color: #333;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .orbit-slide-html {
        width: 100%;
    }

    .orbit-slide-html h1 {
        font-size: 1.25em;
        margin: 0 0 0.5em 0;
        line-height: 1.2;
    }
    .orbit-slide-html h2 {
        font-size: 1.25em;
        margin: 0 0 0.5em 0;
        line-height: 1.2;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .orbit-slide-html {
        width: 75%;
    }

    .orbit-slide-html h1 {
        font-size: 2em;
        margin: 0 0 0.5em 0;
        line-height: 1.25;
    }
    .orbit-slide-html h2 {
        font-size: 1.5em;
        margin: 0 0 0.5em 0;
        line-height: 1.25;
    }
}

/* Large */
@media screen and (min-width: 72em) {
    .orbit-slide-html h1 {
        font-size: 3em;
    }
    .orbit-slide-html h2 {
        font-size: 1.75em;
    }
}

.orbit-video {
    display:block;
    position:absolute;
    top:-40%;
    left:-40%;
    width:180%;
    height:180%;
    z-index:2;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .orbit-video {
        top:-35%;
        left:-35%;
        width:170%;
        height:170%;
    }
}

.orbit-video video {
    display:block;
    position:relative;
    width:100%;
    height:100%;
}


@-webkit-keyframes amagdic-bg-image-scroller {
    0% { background-position: center top; }
    25% { background-position: center center; }
    35% { background-position: center center; }
    65% { background-position: center bottom; }
    100% { background-position: center top; }
}
@keyframes amagdic-bg-image-scroller {
    0% { background-position: center top; }
    25% { background-position: center center; }
    35% { background-position: center center; }
    65% { background-position: center bottom; }
    100% { background-position: center top; }
}

.amagdic-title-image {
    margin-top: -1rem;
    margin-bottom: 1rem;
    padding: 0;
    height: 45vw;
    max-height: 45vh;
    min-height: 20rem;
    font-size: 1.5rem;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    color: #fff;
    display: block;
    position: relative;
/*
    -webkit-animation: amagdic-bg-image-scroller 7s infinite;
    animation: amagdic-bg-image-scroller 7s infinite;
*/
}
.amagdic-title-image h1 {
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 2.5em;
    font-weight: normal;
    color: #fff;
    line-height: 1;
    text-transform: none;
    text-shadow: 0.125rem 0.125rem 0 rgba(0,0,0,0.25);
    font-family: 'ProximaNovaRegular';
}
.amagdic-title-image p {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: 300;
    color: #fff;
    line-height: 1.5;
    font-style: italic;
}

.amagdic-title-overlay {
    height: 100%;
    max-width: 100%;
    background: transparent;
    background: rgba(0, 0, 0, 0.5);
    padding: 0;
    margin: 0;
    border: 0;
}

.amagdic-title-overlay-iris-blue {
    height: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    background: -moz-linear-gradient(top, rgba(10,171,186,0.3) 0%, rgba(10,171,186,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(10,171,186,0.3) 0%, rgba(10,171,186,0.8) 100%);
    background: linear-gradient(to bottom, rgba(10,171,186,0.3) 0%, rgba(10,171,186,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0aabba', endColorstr='#cc0aabba',GradientType=0 );
}

.amagdic-title-overlay-iris-blue .row,
.amagdic-title-overlay .row {
    width: 100%;
}

/* Large and up */
@media screen and (min-width: 75em) {
    .amagdic-title-image {
        height: 45vw;
        max-height: 45vh;
    }
    .amagdic-title-image h1 {
        font-size: 2.5em;
    }
    .amagdic-title-image p {
        font-size: 1.5em;
        font-weight: 500;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .amagdic-title-image {
        height: 50vw;
        max-height: 50vh;
        min-height: 18rem;
    }
    .amagdic-title-image h1 {
        font-size: 1.75em;
    }
    .amagdic-title-image p {
        font-size: 1em;
    }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-title-image {
        height: 70vw;
        max-height: 60vh;
        min-height: 16rem;
        background-size: cover;
        background-attachment: scroll;
    }
    .amagdic-title-image h1 {
        font-size: 1.5em;
        text-shadow: 0.125rem 0.125rem 0 rgba(0,0,0,0.25);
    }
    .amagdic-title-image p {
        font-size: 0.875em;
    }
}


.ck-toolbar .ck-button {
    color: #000 !important;
}

div.free-shipping-container {
    border: 0.25rem solid #f5f5f5;
    background: #fff;
    max-width: 25rem;
    padding: 1rem;
    margin: 2rem auto;
}

div.free-shipping-container .free-shipping {
    padding: 0;
    margin: 1rem -3rem 0rem -3rem;
    background: #fff;
}

div.free-shipping-container h3 {
    padding: 0 0 1rem 0;
    font-size: 1.5rem;
}

div.free-shipping-container p {
    padding: 0;
    font-size: 1.25em;
}

.free-shipping strong span {
    font-family: 'ProximaNovaRegular';
    text-transform: lowercase;
    font-weight:normal;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    div.free-shipping-container {
        font-size: 0.5rem;
        max-width: 70%;
    }

    div.free-shipping-container p {
        font-size: 0.875rem;
    }
}

#system-messages {
    margin: 0;
    padding: 0;
    position: fixed;
    width: auto;
    top: 6rem;
    left: 2rem;
    right: 2rem;
    z-index: 2000;
    height: 0;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    #system-messages {
        top: 4rem;
        left: 1rem;
        right: 1rem;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    #system-messages {
        top: 5rem;
    }
}

div#info-message,
div#error-message {
    margin: 0 0 1rem 0;
    border:0;
    border-radius: 0;
    padding: 0;
    position: relative;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
div#info-message p,
div#error-message p {
    margin-bottom:0;
    margin-right: 0;
    padding: 1.5rem 1rem;
}
div#info-message.callout.success {
    background-color: #5da423;
    color: #fff;
}
div#error-message.callout.alert {
    background-color: #ee4782;
    color: #fff;
}

.tooltip {
    max-width: 25rem;
    min-width: 10rem;
    background-color: #fefefe;
    color: #646567;
    border-radius: 0.25rem;
    border: 1px solid #134c95;
    box-shadow: 0 0 0.25rem rgba(0,0,0,0.2);
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .tooltip {
        max-width: 80%;
    }
}

.tooltip a {
    color: #134c95;
}
.tooltip.bottom::before {
    border: solid 0.5rem;
    border-color: transparent transparent #134c95;
}
.tooltip.top::before {
    border: solid 0.5rem;
    border-color: #134c95 transparent transparent;
}
.tooltip.left::before {
    border: solid 0.5rem;
    border-color: transparent transparent transparent #134c95;
}
.tooltip.right::before {
    border: solid 0.5rem;
    border-color: transparent #134c95 transparent transparent;
}

table.amagdic-admin-table {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
table.amagdic-admin-table th,
table.amagdic-admin-table td {
    line-height: 1;
    overflow-wrap: break-word !important;
    word-wrap: break-word  !important;
}

table.amagdic-table thead,
table.amagdic-table tbody,
table.amagdic-table tfoot {
    border: 0 solid #fff;
    font-size: 0.875em;
}
table.amagdic-table thead {
    background: #fff;
    color: #555555;
    border-bottom: 0.25rem solid #f5f5f5;
}
table.amagdic-table tfoot {
    background: #fff;
    color: #0a0a0a;
    border-top: 0.25rem solid #f5f5f5;
}
table.amagdic-table tbody tr:nth-child(even) {
    background-color: #fff;
}
table.amagdic-table.unstriped tbody {
    background-color: #fff;
}
table.amagdic-table.unstriped tbody tr {
    background-color: #fff;
}
table.amagdic-table.hover thead tr:hover,
table.amagdic-table.hover tfoot tr:hover,
table.amagdic-table.hover tbody tr:hover {
    background-color: #f5f5f5;
}

/* fullcalendar */
.fc{font-size:.9375em}
.fc table {margin:0;}
.fc tbody tr:nth-child(even){background-color:transparent}
.fc th {font-weight: inherit;}

div.amagdic-button-submit {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding: 1rem 0 0 0;
    background: #fff;
}
div.amagdic-button-submit.is-collapse-child {
    margin-right: -0.875rem;
    margin-left: -0.875rem;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
    div.amagdic-button-submit.is-collapse-child {
        margin-right: 0;
        margin-left: 0;
    }
}

div.reveal div.amagdic-button-submit {
    margin-top: 1rem;
    padding-top: 0;
}
div.reveal div.amagdic-button-submit .button,
div.reveal div.amagdic-button-submit button
{
    margin-bottom: 0;
}
div.reveal div.callout {
    margin: 0 1rem 2rem 1rem;
}

.amagdic-button-submit button,
.amagdic-button-submit .button {
    margin-bottom: 0.5rem;
}

ul.document-bullet {
    margin-left: 0;
    list-style: none;
    position: relative;
    padding-left: 0;
}
ul.document-bullet li {
    position: relative;
    text-align: left;
    font-size: 1.125rem;
}


/* masonry */
.amagdic-masonry {
    margin: 2rem 0 0 0;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(14rem,1fr));
    grid-auto-rows: 1rem;
}
.amagdic-masonry a.amagdic-masonry-item {
    background-color: #fff;
    margin: 0 0 1rem;
    width: 100%;
    transition: .8s opacity;
    position: relative;
    z-index: 1;
}
.amagdic-masonry:hover a.amagdic-masonry-item {
    opacity: 0.6;
}
.amagdic-masonry:hover a.amagdic-masonry-item:hover {
    opacity: 1;
    -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
    z-index: 2;
}
.amagdic-masonry img {
    /*width: 100%;*/
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-masonry {

    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .amagdic-masonry {

    }
}


#jump-to-top {
    display: none;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1000;
    font-size: 2rem;
}

#jump-to-top a {
    color: #ABACAC;
    opacity: 0.25;
}
#jump-to-top a:hover {
    color: #ABACAC;
    opacity: 1;
}
@media only screen and (max-width: 40em) {
    #jump-to-top {
        bottom: 2rem;
        right: 2rem;
        font-size: 1.25rem;
    }
}


/* colors */
.blue {
    color: #134c95;
}
.iris-blue {
    color: #0aabba;
}
.black {
    color: #000000;
}
.gray {
    color: #777777;
}
a .light-gray,
a.light-gray,
.light-gray {
    color: #ABACAC;
}
.credit-cards {
    color: #ddd;
}
.green {
    color: #009900;
}
.red {
    color: #ee4782;
}
.outlet {
    color: #134c95;
}
.white {
    color: #ffffff;
}
.white a {
    color: #ffffff;
}
.yellow {
    color: #f4b73a;
}
.purple {
    color: #9279b1;
}

a.iris-blue {
    color: #0aabba !important;
}
a.iris-blue:hover {
    color: #134c95 !important;
}

a.outlet {
    /*color: #134c95 !important;*/
    color: inherit;
}
a.outlet:hover {
    color: #134c95 !important;
}


.bg-clinic-orders {
    background-image: url(/images/bg-clinic-orders.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #0aabba;
    margin-top:-1rem;
    position:relative;
    width: 100%;
    color: #fff;
    padding: 4rem 0;
}

.bg-clinic-orders h2 {
    margin-bottom: 4rem;
    color: #fff;
    font-family: 'ProximaNovaRegular';
    font-weight: normal;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .bg-clinic-orders {
        padding: 2rem 0;
    }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .bg-clinic-orders {
        padding: 3rem 0;
    }
    .bg-clinic-orders h2 {
        font-size: 1.5rem;
    }
}

.bg-combine {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 50%;
    background-color: #fff;
}
.bg-combine::after {
    content: "";
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background: rgb(255,255,255);
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .bg-combine {
        background-size: 80%;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .bg-combine {
        background-size: 60%;
    }
}

.bg-brand {
    background-color: #eee;
    color: #000;
    margin: 1rem 0 3rem 0;
    padding: 2rem 0 0 0;
}

.bg-footer {
    background-color: #f5f5f5;
    color: #000;
    padding: 2rem 0 2rem 0;
    margin: 2rem 0 -2rem 0;
}
.bg-header {
    background-color: #eee;
    color: #000;
    padding: 2rem 0 2rem 0;
    margin: 2rem 0 4rem 0;
}

.bg-service {
    background-color: #0aabba;
    color: #fff;
}

.bg-iris-blue {
    background-color: #0aabba;
    color: #fff;
    margin: -1rem 0 3rem 0;
}
.bg-iris-blue h1,
.bg-outlet h1 {
    line-height: 1.05 !important;
    margin: 0;
    font-size: 2.25em;
}

.bg-outlet {
    background-color: #134c95;
    color: #fff;
    margin: -1rem 0 3rem 0;
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .bg-iris-blue h1,
    .bg-outlet h1 {
        font-size: 1.75em;
    }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .bg-iris-blue,
    .bg-outlet {
        margin: -1rem 0 2rem 0;
    }
    .bg-iris-blue h1,
    .bg-outlet h1 {
        text-align: center;
        font-size: 1.5em;
    }
}

.bg-logo-white {
    background-image: url(/images/logo-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.bg-documents {
    margin-top: 2rem;
    background: #fff;
    padding: 1rem 1rem 0 1rem;
}

.bg-related {
    margin: 2rem 0 0 0;
    background: #fff;
    padding: 1rem 0 1rem 0;
}
.bg-related article {
    margin: 0 0.5rem;
    position: relative;
    border-left: 0.125rem solid transparent;
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
}
.bg-related article p {
    padding: 0;
    margin: 0;
}
.bg-related article img {
    border-bottom: 0.75rem solid #134c95;
    opacity: 0.95;
}

.bg-related article h3 {
    padding: 1rem;
    margin: 0;
    font-size: 1.125rem;
    font-weight: normal;
    position: absolute;
    left: 0rem;
    right: 0rem;
    bottom: 0.75rem;
    top: auto;
    pointer-events: none;
   -webkit-transition: .4s ease-in-out;
           transition: .4s ease-in-out;
    text-shadow: 1px 1px #656565;
    line-height: 1.1;
}

.bg-related article h3 a {
    color: #fff;
}
.bg-related article:hover h3 a {
    color: #fff;
}
.bg-related article:hover h3 {
    /*top: 0;*/
    background: rgba(0,0,0,0.1);
}
.bg-related article:hover img {
    opacity: 1;
   -webkit-transition: .4s ease-in-out;
           transition: .4s ease-in-out;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .bg-related article {
        margin-bottom: 0;
    }
    .bg-related article h3 {
        left: 0;
        right: 0;
        font-size: 1rem;
    }
}

.amagdic-icon {
    display: block;
    margin: 0;
    padding: 1em;
    line-height: 1.25em;
    text-transform: uppercase;
}
.amagdic-icon img {
    width: 65%;
    min-width: 3rem;
    max-width: 4rem;
    padding-bottom: 0.5rem;
}
.amagdic-icon strong {
    font-size: 3rem;
    display: inline-block;
    padding-bottom: 0.5rem;
}
.amagdic-icon span {
    font-size: 0.625rem;
    line-height: 1em;
    padding-top: 1em;
    display: block;
    color: #646567;
}
a.amagdic-icon:hover span {
    font-size: 0.625rem;
    color: #134c95;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .amagdic-icon img {
        width: 90%;
    }
    .amagdic-icon strong {
        font-size: 2rem;
    }
    .amagdic-icon span {
        font-size: 0.5625rem;
    }
    .amagdic-icon .fa-3x {
        font-size: 2.5rem;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .amagdic-icon img {
        width: 80%;
    }
    .amagdic-icon strong {
        font-size: 2.5rem;
    }
}


/* animations */
.amagdic-zoom {
    position: relative;
}
.amagdic-zoom i,
.amagdic-zoom img,
.amagdic-zoom span {
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
}
.amagdic-zoom:hover i,
.amagdic-zoom:hover span {
    -webkit-transform: scale(1.25, 1.25) !important;
        -ms-transform: scale(1.25, 1.25) !important;
            transform: scale(1.25, 1.25) !important;
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
}
.amagdic-zoom:hover img {
    -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
   -webkit-transition: .4s ease-in-out;
           transition: .4s ease-in-out;
    /*box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);*/
}
.amagdic-zoom:active i,
.amagdic-zoom:active img,
.amagdic-zoom:active span {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
}

.amagdic-banner-hover img {
   -webkit-transition: .6s ease-in-out;
           transition: .6s ease-in-out;
}
.amagdic-banner-hover img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
.amagdic-banner-hover:hover > img {
    -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
}
.amagdic-banner-hover {
    overflow: hidden;
}
.amagdic-products .product-banner {
    margin: 1rem 1rem 2rem 1rem;
    border: 0.3125rem solid #F5F5F5;
    padding: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.amagdic-products .product-banner > .product-banner-hover{
   -webkit-transition: .6s ease-in-out;
           transition: .6s ease-in-out;
}
.amagdic-products .product-banner:hover {
    border-color: #e3edf9;
}
.amagdic-products .product-banner:hover > .product-banner-hover {
    -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
}
.amagdic-products .product-banner-hover {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.amagdic-products .product-banner-hover img {
    display: none;
}




button i,
button span,
.button i,
.button span,
.callout i,
.callout span,
th i,
th span,
td i,
td span {
    vertical-align: middle !important;
}

button.hollow .fa-lg,
.button.hollow .fa-lg {
    /*margin-top: -0.125em;*/
}

.amagdic-large-button {
    line-height: 1.75 !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.amagdic-nowrap {
    white-space: nowrap;
}

table th,
table td {
    font-size: 0.875em;
}

@media screen and (min-width: 40em) {
    table th,
    table td {
        font-size: 1em;
    }
}

/* Foundation */

/* Small only */
@media screen and (max-width: 39.9375em) {
    .align-center-small {
      -ms-flex-pack: center;
          justify-content: center; }
}

.dropdown-pane {
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

audio + .help-text {
    margin-top: 0.25rem;
}

p + .help-text {
    margin-top: -0.75rem;
}

.help-text {
    line-height: 1.25;
}

.has-tip {
    border-bottom: none;
    font-weight: inherit;
}

.off-canvas-content {
    background-color: #ffffff;
    min-height: 100vh !important;
}
.off-canvas {
    height: 100%;
    min-height: 100%;
    background-color: #ffffff;
    bottom: 0;
    font-size: 0.875em;
    border-top: 0.25rem solid #134c95;
}
.off-canvas h5 {
    padding: 0.6875rem 1rem;
    margin: 0;
    color: #134c95;
    background-color: #F5F5F5;
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'ProximaNovaRegular';
}
.off-canvas ul.menu li a {
    padding: 0.5rem 0.75rem;
    background-color: #ffffff !important;
    color: #134c95;
}
.off-canvas .menu li a:hover {
    background-color: #2576c8 !important;
    color: #fff;
}
.off-canvas ul.menu li a i {
    color: #2576c8;
}
.off-canvas .menu li a:hover i {
    color: #fff;
    -webkit-transform: scale(1.25, 1.25);
        -ms-transform: scale(1.25, 1.25);
            transform: scale(1.25, 1.25);
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
}

.amagdic-mobile-menu.menu {
    font-size: 1.25em;
    font-weight: bold;
}
.off-canvas ul.amagdic-mobile-menu.menu li a {
    padding: 0.75rem 1rem;
    background-color: #ffffff !important;
    color: #999999;
}
.off-canvas .amagdic-mobile-menu.menu li a:hover {
    background: #F5F5F5 !important;
    color: #333333 !important;
}

.close-button {
    color: #000 !important;
    margin-top: -0.125em;
}


.reveal-overlay {
  overflow-y: auto; }

.reveal {
    border: 0.3125rem solid #F5F5F5;
    overflow: hidden;
}

/*
.reveal .close-button {
    background-color: #ee4870;
    color: #fff !important;
    top: -1rem;
    right: -1rem;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    padding: 0rem 0.5rem 0.125rem 0.5rem;
    z-index: 10007 !important;
}
*/

.reveal .close-button {
    color: #134c95 !important;
    top: 0.25rem;
}

div#info-message .close-button,
div#error-message .close-button {
    color: #fff !important;
}

.off-canvas .close-button {
    color: #134c95 !important;
}
.off-canvas .close-button:hover {
    color: #134c95 !important;
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
}

.close-button:hover {
    -webkit-transform: scale(1.25, 1.25);
        -ms-transform: scale(1.25, 1.25);
            transform: scale(1.25, 1.25);
   -webkit-transition: .2s ease-in-out;
           transition: .2s ease-in-out;
}


.accordion-title {
    font-size: 1.25rem;
}

.accordion-title::before {
    content: '\f078';
    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 400 !important;
    font-style: normal;
}
.is-active>.accordion-title::before{
    content: '\f077';
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .accordion-title {
        font-size: 1rem;
    }
}


button,
.button {
    line-height: 1;
}
.button {

}

button,
.button:not(.hollow) {
    text-transform: uppercase;
    color: #fff !important;
}

.button.white:not(.hollow) {
    border-color: #fff;
    background-color: #fff;
    color: #0aabba !important;
    font-family: 'ProximaNovaBold';
    font-weight: normal;
}
.button.white:not(.hollow) span {
    color: #0aabba !important;
}

.button.hollow,
.button.hollow span {
    color: #134c95 !important;
}

.button.hollow.secondary {
    border-color: #666;
    color: #666 !important;
}
.button.hollow.secondary span {
    color: #666 !important;
}
.button.hollow.white {
    border-color: #fff;
    color: #fff !important;
}
.button.hollow.white span {
    color: #fff !important;
}

.button.white:hover, .button.white:focus,
.button.hollow:hover, .button.hollow:focus {
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
}


.button.hollow.blue {
    color: #134c95 !important;
}
.button.hollow span.red {
    color: #ee4782 !important;
}


.button.black:not(.hollow) {
    border-color: #000;
    background-color: #000;
    color: #fff !important;
    font-family: 'ProximaNovaBold';
    font-weight: normal;
}
.button.black:not(.hollow) span {
    color: #fff !important;
}
.button.black:hover,
.button.black:focus {
    background-color: #333;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25);
}

.callout {
    border: 0;
    background-color: #F5F5F5;
}

.callout.alert {
    color: #ee4870;
}

.amagdic-callout {
    margin-top: 1rem;
    border: 0;
    background-color: #fff9db;
    color: #333;
    border-radius: 0.25rem;
    font-size: 1em;
}
.amagdic-callout p {
    border: 0;
    margin: 0;
    padding: 1rem;
    font-size: 0.875em;
}
.amagdic-callout p+p {
    padding: 0 1rem 1rem 1rem;
    margin-top: -0.5rem;
}
.amagdic-callout .amagdic-icon-block {
    background: #ffe066;
    color: #fab005;
    padding: 0.75rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    font-size: 1.5em;
}
.amagdic-callout .amagdic-text-block {
    color: #333;
}
.amagdic-callout.alert {
    color: #333;
    background: #ffe4e1;
}
.amagdic-callout.alert .amagdic-icon-block {
    background: #fcb0b0;
    color: #990000;
}
.amagdic-callout.info {
    color: #333;
    background: #e7f5ff;
}
.amagdic-callout.info .amagdic-icon-block {
    background: #74c0fc;
    color: #228be6;
}

label {
    color: #646567;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
select,
textarea{
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    box-shadow: none;
    /*box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);*/
}

.input-group-label {
    background-color: #F5F5F5;
    border: 1px solid #e3e3e3;
}

select option:disabled {
    color: #ccc;
    text-decoration: line-through;
}

select#group_filter_owner {
    border: 0;
    height: auto;
    padding: 0.125em 0.25em;
    margin: 0;
}

.form-error {
    margin-top: -1rem;
    color: #ee4782;
    font-size: 0.75rem;
    font-weight: normal;
    padding: 0.125em 0;
    font-style: italic;
}
.is-invalid-label {
    color: #ee4782;
}

.is-invalid-label .input-group-label {
    color: #ffffff;
    background: #ee4782;
    border-color: #ee4782;
}

.is-invalid-label .fa,
.is-invalid-label .fab,
.is-invalid-label .fal,
.is-invalid-label .far,
.is-invalid-label .fas {
    color: #ffffff;
}

.breadcrumbs {
    margin-top: 0.125rem;
    color: #ddd;
    vertical-align: middle;
}
.breadcrumbs li:not(:last-child)::after {
    color: #ddd;
    font-family: 'Font Awesome 5 Pro';
    font-size: 1em;
    content: "\f105";
    vertical-align: top;
}
.breadcrumbs a {
    color: #ABACAC;
}
.breadcrumbs a:hover {
    color: #ABACAC;
    text-decoration: underline;
}
.breadcrumbs a:active {
    color: #ABACAC;
}
