/*
                                                                        .         .
     ,o888888o.    8 8888888888   8 888888888o  `8.`888b           ,8' ,8.       ,8.
    8888     `88.  8 8888         8 8888    `88. `8.`888b         ,8' ,888.     ,888.
 ,8 8888       `8. 8 8888         8 8888     `88  `8.`888b       ,8' .`8888.   .`8888.
 88 8888           8 8888         8 8888     ,88   `8.`888b     ,8' ,8.`8888. ,8.`8888.
 88 8888           8 88888888     8 8888.   ,88'    `8.`888b   ,8' ,8'8.`8888,8^8.`8888.
 88 8888           8 8888         8 888888888P'      `8.`888b ,8' ,8' `8.`8888' `8.`8888.
 88 8888   8888888 8 8888         8 8888              `8.`888b8' ,8'   `8.`88'   `8.`8888.
 `8 8888       .8' 8 8888         8 8888               `8.`888' ,8'     `8.`'     `8.`8888.
    8888     ,88'  8 8888         8 8888                `8.`8' ,8'       `8        `8.`8888.
     `8888888P'    8 8888         8 8888                 `8.` ,8'         `         `8.`8888.
=============================================================================================
=============================================================================================
CSS historickeho webu verze 1.0         21.1.2017                        (c) 2017 Tomas Panek
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
*/
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700italic,400italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,300&subset=latin,latin-ext);

/*************************************************
TYPOGRAFIE
*************************************************/
body {
    font-family: 'Roboto', sans-serif;
    background-color: #ececec;
    font-size: 17px;
    word-wrap: break-word;
    overflow-x: hidden;
}
html { overflow-x: hidden; }
@media (min-width: 768px) {
    .contentbox {
        margin-top: 15px;
        background-color: #ffffff;
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
        width: 100%;
    }
    .paddingbox {
        padding: 0 15px;
    }
    .halfpaddingbox {
        padding: 7px 15px;
    }
    .fullpaddingbox {
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .container {
        background-color: #ffffff;
        padding-left: 0;
        padding-right: 0;
    }
    .contentbox {
        margin-top: 0px;
        width: 100%;
        border-bottom: 1px solid #efefef;
    }
    .paddingbox {
        padding: 0 15px;
    }
    .halfpaddingbox {
        padding: 7px 0;
    }
    .fullpaddingbox {
        padding: 15px;
    }
}
h1, h2, h3, h4, h5, h6, .playfair {
    font-family: 'Playfair Display', serif;
}
p {font-size: 17px;}
.lead {font-size: 21px !important;}
h1 {font-size: 42px !important;}
h2 {font-size: 36px !important;}
h3 {font-size: 30px !important;}
h4 {font-size: 25px !important;}
h5 {font-size: 18px !important;}
h6 {font-size: 13px !important;}
.font-2x {font-size: 17px;}
.font-3x {font-size: 20px;}
.font-4x {font-size: 25px;}
.font-5x {font-size: 30px;}
.nobg {background: transparent !important;}
a:not(.btn), a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):visited, .color, .text-primary {
    color: #BC2B1E;
}
a.nounderline {
    text-decoration: none;
}
a.nostyle, a.nostyle:hover, a.nostyle:focus, a.nostyle:visited {
    color: #333;
    text-decoration: none;
}
.gray {
    color: #959595;
}
a.gray, a.gray:hover, a.gray:focus, a.gray:visited {
    color: #959595;
}
.darkgray {
    color: #6f6f6f;
}
a.darkgray, a.darkgray:hover, a.darkgray:focus, a.darkgray:visited {
    color: #6f6f6f;
}
hr .color {
    border-color: #BC2B1E;
}
hr {
    border-color: rgba(97, 97, 97, 0.41);
}

mark {
    color: #333;
    background: #ffd548 none repeat scroll 0% 0%;
}
blockquote {
    border-left: 5px solid #d2d2d2;
}
.label {
    font-weight: 400;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #BC2B1E;
}
.alert {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
::selection {
    background: rgba(224, 60, 45, 0.7);
}
::-moz-selection {
    background: rgba(224, 60, 45, 0.7);
}
.label-primary {
    background-color: #BC2B1E;
}
.img-rounded {
    border-radius: 2px;
}
h1.bigicon {font-size: 70px !important;}
.documenthead {
    background-color: #ededed;
    padding: 15px;
}
.documenthead h1 {
    margin-top: 0;
}
.breadcrumb {
    font-size: 14px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0px;
}
/*************************************************
ASSETS
*************************************************/
.line-bottom {
    border-bottom: 1px solid #cccccc;
}
.line-top {
    border-top: 1px solid #cccccc;
}
.line-right {
    border-right: 1px solid #cccccc;
}
.line-left {
    border-left: 1px solid #cccccc;
}
.line-all {
    border: 1px solid #cccccc;
}
.page-header {
    padding-bottom: 5px;
    margin: 20px 0px 10px;
    border-bottom: 1px solid #cccccc;
}
.margin-sm-bottom {
    margin-bottom: 5px !important;
}
.margin-md-bottom {
    margin-bottom: 10px !important;
}
.margin-lg-bottom {
    margin-bottom: 20px !important;
}
.margin-sm-top {
    margin-top: 5px !important;
}
.margin-md-top {
    margin-top: 10px !important;
}
.margin-lg-top {
    margin-top: 20px !important;
}
.margin-sm-right {
    margin-right: 5px !important;
}
.margin-md-right {
    margin-right: 10px !important;
}
.margin-lg-right {
    margin-right: 20px !important;
}
.margin-sm-left {
    margin-left: 5px !important;
}
.margin-md-left {
    margin-left: 10px !important;
}
.margin-lg-left {
    margin-left: 20px !important;
}
.margin-none-top {
    margin-top: 0 !important;
}
.margin-none-left {
    margin-left: 0 !important;
}
.margin-none-right {
    margin-right: 0 !important;
}
.margin-none-bottom {
    margin-bottom: 0 !important;
}
.nomargin {
    margin: 0 !important;
}
.nopadding {
    padding: 0 !important;
}
.height100 {
    height: 100%;
}
.width100 {
    width: 100%;
}
.margin-user-sm-bottom {
    margin-bottom: 15px !important;
}
.margin-user-md-bottom {
    margin-bottom: 25px !important;
}
.margin-user-lg-bottom {
    margin-bottom: 40px !important;
}
.margin-user-xl-bottom {
    margin-bottom: 80px !important;
}
.margin-user-sm-top {
    margin-top: 15px !important;
}
.margin-user-md-top {
    margin-top: 25px !important;
}
.margin-user-lg-top {
    margin-top: 40px !important;
}
.margin-user-xl-top {
    margin-top: 80px !important;
}
.margin-user-none-top {
    margin-top: 0 !important;
}
.margin-user-none-bottom {
    margin-bottom: 0 !important;
}
.icon64 {
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px;
}
.noshadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.shadowbox {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    padding: 30px 30px 15px 30px;
    margin: 60px 0 60px 0;
}
.addshadow {
    box-shadow: 10px 10px 0px -6px rgba(0, 0, 0, 0.15);
}
.text-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.whitebox {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #FBFBFB;
    padding: 15px;
}
.vertical-center {
    margin: 0 auto;
}
.lineicon {
    max-height: 10em;
    margin-bottom: 2em;
}
fieldset {
    position: relative;
    border: 1px solid silver;
    padding: 8px;
    border-radius: 4px;
    margin: 0px 0px 5px;
    padding-top: 0px;
}
legend {
    width: auto;
    padding: 2px;
    margin-bottom: 0;
    font-size: 14px;
    border: 0px none;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lightselect ::selection {
    background: rgba(0, 0, 0, 0.11);
}
.lightselect ::-moz-selection {
    background: rgba(0, 0, 0, 0.11);
}
.normalcursor {
    cursor: default;
}
/*fix pro striped tabulku*/
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #EEE;
}
.vintage-title {
    text-align: center;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 50px;
}
.vintage-title:after {
    content: '';
    background: url(../img/cara.png) no-repeat center center;
    background-size: 422px 17px;
    position: absolute;
    bottom: 20px;
    height: 17px;
    width: 100%;
    left: 0;
    right: 0;
    display: inline-block;
}
.pen-title {
    text-align: center;
    font-style: italic;
    font-weight: 700 !important;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
    position: relative;
}
.pen-title:after {
    content: '';
    background: url(../img/pero.png) no-repeat center center;
    background-size: 39px 43px;
    position: absolute;
    right: -37px;
    bottom: -3px;
    width: 39px;
    height: 43px;
    display: inline-block;
}
@media (max-width: 991px) {
    .pen-title {
        font-weight: 400;
    }
    h1.pen-title {font-size: 36px !important;}
    h2.pen-title {font-size: 30px !important;}
    h3.pen-title {font-size: 25px !important;}
    h4.pen-title {font-size: 18px !important;}
    h5.pen-title {font-size: 13px !important;}
    h6.pen-title {font-size: 10px !important;}
}


/*************************************************
MENU
*************************************************/
.navbar.navbar-main {
    background-color: #E03C2D;
    font-family: 'Playfair Display', serif;
    padding: 0;
    -webkit-transition: background .3s ease-in-out,padding .3s ease-in-out;
    -moz-transition: background .3s ease-in-out,padding .3s ease-in-out;
    transition: background .3s ease-in-out,padding .3s ease-in-out;
}
.navbar.navbar-main .caret {
    margin-top: -4px;
}
.navbar.navbar-main .navbar-toggle {
    border: 0px none;
    width: 35px;
    height: 20px;
    position: relative;
    margin: 19px 15px 21px 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.navbar.navbar-main .navbar-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #fff;
}
.navbar.navbar-main .navbar-toggle span:nth-child(1) {top: 0px;}
.navbar.navbar-main .navbar-toggle span:nth-child(2),.navbar.navbar-main .navbar-toggle span:nth-child(3) {top: 10px;}
.navbar.navbar-main .navbar-toggle span:nth-child(4) {top: 20px;}
.navbar.navbar-main .navbar-toggle:not(.collapsed) span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.navbar.navbar-main .navbar-toggle:not(.collapsed) span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.navbar.navbar-main .navbar-toggle:not(.collapsed) span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.navbar.navbar-main .navbar-toggle:not(.collapsed) span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.navbar.navbar-main .navbar-toggle:hover,
.navbar.navbar-main .navbar-toggle:focus:hover,
.navbar.navbar-main .navbar-toggle:focus {
    background-color: transparent;
}

@media (min-width: 768px) {
    .maincontainer {
        position: relative;
    }

    .maincontainer:before {
        content: "";
        z-index: -100;
        width: 300%;
        height: 50px;
        position: absolute;
        left: -1200px;
        top: 1em;
        background-color: #BC2B1E;
    }
    .logocontainer {
        position: relative;
        height: 135px;
    }
    .logocontainer > .row {
        position: fixed;
        width: inherit;
    }
    .logocontainer h1 {
        font-size: 62px !important;
    }
    .logocontainer img {
        max-height: 110px;
        cursor: pointer;
    }
}
.navbar.navbar-main {
    font-size: 20px;
    border-width: 0;
    margin-bottom:0;
}
.navbar.navbar-main .navbar-brand a h4 {
    color: #fff !important;
    line-height: 40px;
    margin-top: 10px;
    font-weight: bold;
}
.navbar.navbar-main .navbar-brand a:hover, .navbar.navbar-main .navbar-brand a:focus {
    text-decoration: none !important;
}
.navbar.navbar-main .navbar-brand {
    padding: 0;
}
.navbar-right .dropdown-menu {
    left: 0px;
    right: auto;
}
.dropdown-menu {
    z-index: 2000;
    background-color: #fbfbfb;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 18px;
}
.dropdown-menu > li > a {
    color: #333 !important;
    padding: 5px 15px;
    -webkit-transition: background .15s ease-in-out,color .15s ease-in-out,padding .15s ease-in-out;
    -moz-transition:    background .15s ease-in-out,color .15s ease-in-out,padding .15s ease-in-out;
    transition:         background .15s ease-in-out,color .15s ease-in-out,padding .15s ease-in-out;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #BC2B1E !important;
    color: #FFF !important;
}
@media (min-width: 992px) {
    .navbar.navbar-main > .container .navbar-brand, .navbar.navbar-main > .container-fluid .navbar-brand {
        margin-left: 0px;
    }
    .navbar-right {
        margin-right: 0px;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
        -webkit-transition: background .3s ease-in-out,padding .3s ease-in-out;
        -moz-transition: background .3s ease-in-out,padding .3s ease-in-out;
        transition: background .3s ease-in-out,padding .3s ease-in-out;

        border-top: 0px none;
    }

    .navbar.navbar-main .open > a, .navbar.navbar-main .open > a:focus, .navbar.navbar-main .open > a:hover,
    .navbar.navbar-main .navbar-nav > li > a:hover,
    .navbar.navbar-main .navbar-nav > li > a:focus,
    .navbar.navbar-main .navbar-nav > li.active > a {
        color: #FFF;
        background-color: #BC2B1E;
        -o-transition:.35s;
        -ms-transition:.35s;
        -moz-transition:.35s;
        -webkit-transition:.35s;
        transition:.35s;
    }
    /*hover v submenu*/
    .navbar.navbar-main .dropdown-menu > li:not(.active) > a:focus, .navbar.navbar-main .dropdown-menu > li:not(.active) > a:hover {
        color: #fff !important;
        text-decoration: none;
        background-image: none !important;
        background-color: #E03C2D !important;
    }
}

.navbar.navbar-main .navbar-nav > li > a {
    padding-top: 0;
    color: #FFF;
    line-height: 50px;
    height: 50px;
    text-shadow: none;
    -o-transition:.35s;
    -ms-transition:.35s;
    -moz-transition:.35s;
    -webkit-transition:.35s;
    transition:.35s;
}


/* mobile menu*/
@media (max-width: 991px) {
    .navbar.navbar-main .nav > li > a:focus, .navbar.navbar-main .nav > li > a:hover {
        color: #FFF;
        background-color: #BC2B1E;
        -o-transition:.35s;
        -ms-transition:.35s;
        -moz-transition:.35s;
        -webkit-transition:.35s;
        transition:.35s;
    }

    .navbar-toggle {
        padding: 2px 0 0 0;
    }
    .navbar-brand {
        padding: 0px 0px 0px 13px !important;
    }
    .navbar.navbar-main .open > a:hover,
    .navbar.navbar-main .navbar-nav > li > a:hover,
    .navbar.navbar-main .navbar-nav > li.active > a,
    .navbar.navbar-main .dropdown-menu > li > a:focus,
    .navbar.navbar-main .dropdown-menu > li > a:hover {
        color: #fff !important;
        background-color: #BC2B1E !important;
        -o-transition:.35s;
        -ms-transition:.35s;
        -moz-transition:.35s;
        -webkit-transition:.35s;
        transition:.35s;
    }
    /*hover v submenu*/
    .navbar.navbar-main .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #BC2B1E;
    }
    .navbar.navbar-main .navbar-nav > li.dropdown.open > a {
        color: #fff;
        background-color: #BC2B1E;
    }
    .navbar.navbar-main .open .dropdown-menu {
        background-color: #f1f1f1 !important;
    }
    .navbar.navbar-main .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }
    .navbar.navbar-main .open .dropdown-menu .dropdown-header, .navbar.navbar-main .open .dropdown-menu > li > a {
        padding: 15px 15px 15px 25px;
    }
}
@media (max-width: 767px) {
    .navbar-nav.navbar-left {
        margin: 7.5px -15px 0 -15px !important;
    }
    .navbar-nav.navbar-right {
        margin: 0 -15px 7.5px -15px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav.navbar-left {
        margin: 7.5px 0 0 0 !important;
    }
    .navbar-nav.navbar-right {
        margin: 0 0 7.5px 0 !important;
    }
}
@media (max-width: 991px) {
    .navbar-main .navbar-header {
        float: none;
    }
    .navbar-main .navbar-left,.navbar-right {
        float: none !important;
        margin-right: 0px;
    }
    .navbar-main .navbar-toggle {
        display: block;
    }
    .navbar-main .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-main .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-main .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-main .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-main .navbar-nav .open .dropdown-menu{
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .navbar-main .navbar-nav>li {
        float: none;
    }
    .navbar-main .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-main .collapse.in{
        display:block !important;
        overflow-y: auto !important;
    }
    .navbar-main .container{
        width: auto;
    }
}

/*************************************************
VYHLEDAVANI
*************************************************/

.search-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #f1f1f1;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
    transition: transform 0.5s, visibility 0s 0.5s;
    overflow-y: scroll;
}
.search-overlay.open  {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.search-overlay .search-form {
    width: 80%;
    height: 160px;
    margin: 3em auto 0 auto;
    position: relative;
}
.search-overlay .row {
    width: 80%;
    margin: 1em auto 0 auto;
    position: relative;
}
.search-overlay .search-form label {
    text-transform: uppercase;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 10px;
}
.search-overlay .search-form input {
    width: 100%;
    height: 100%;
    font-family: 'Playfair Display', serif;
    padding: 0 10% 0 10px;
    font-weight: 700;
    border: none;
    background: transparent;
    /*font-size: 0.8em;*/
    font-size: 4em;
    color: #BC2B1E;
    -webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
    transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
}
.search-overlay .search-form input::-ms-clear { /* remove cross in IE */
    display: none;
}
.search-overlay .search-form input::-webkit-input-placeholder {
    color: #c2c2c2;
}

.search-overlay .search-form input:-moz-placeholder {
    color: #c2c2c2;
}

.search-overlay .search-form input::-moz-placeholder {
    color: #c2c2c2;
}

.search-overlay .search-form input:-ms-input-placeholder {
    color: #c2c2c2;
}
.search-overlay .search-form input:focus,
.search-overlay .search-form button:focus {
    outline: none;
}

.search-overlay .search-form button {
    position: absolute;
    width: 80px;
    height: 80px;
    text-indent: 100px;
    overflow: hidden;
    right: 0;
    top: 50%;
    background: transparent url(../img/magnifier.svg) no-repeat center center;
    background-size: 100%;
    border: none;
    transform-origin: 50% 50%;
    -webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
    transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
}
.overlay-close {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
}

.overlay-close::before,
.overlay-close::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    border-radius: 3px;
    opacity: 0.3;
    background: #000;
}

.overlay-close:hover.overlay-close::before,
.overlay-close:hover.overlay-close::after {
    opacity: 1;
}

.overlay-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.overlay-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.content {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.content.overlay-open {
    overflow-x: hidden;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

@media screen and (max-width: 53.125em) {
    .search-overlay .search-form input {
        padding: 0 25% 0 10px;
        font-size: 2em;
    }
    .search-overlay .search-form button {
        -webkit-transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
        transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
    }
}

html.overlay-open {
    overflow: hidden;
}

body::after {
    content: '';
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.8);
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

body.overlay-open::after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.search-overlay .loading-animation.nothing {
    opacity: 0;
}
.search-overlay .loading-animation {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.search-overlay a.searchresult-box,
.search-overlay .row.nothing a.searchresult-box{
    opacity: 0;
    -webkit-transform: translate3d(0,100px,0);
    transform: translateY(100px);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.search-overlay.open  a.searchresult-box {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
a.searchresult-box, a.searchresult-box:visited {
    display: block;
    color: #333;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    padding: 12px 20px;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
a.searchresult-box:hover, a.searchresult-box:focus {
    color: #333;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    transform:rotateX(5deg) rotateY(-5deg);
}
a.searchresult-box h4 {
    font-weight: 700;
    font-size: 22px !important;
}

/*************************************************
INPUTY
*************************************************/
.form-control, .form-group-lg > .form-control, .form-group-sm > .form-control{
    background-color: #FFF;
    background-image: none;
    border: 2px solid #CCC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #2b2b2b;
    font-size: 17px;
    padding: 0 12px;
    transition: background 0.2s linear 0s, border 0.2s linear 0s;
}
.form-control:disabled{
    background-color: #f2f2f2;
    background-image: none;
    border: 2px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}/*
.form-control:focus{
    background-color: rgba(255, 102, 0, 0.12);
    background-image: none;
    border: 1px solid rgba(255, 102, 0, 0.9);
    box-shadow: none !important;
    border-radius: 2px;
    color: #2b2b2b;
}*/
.form-control:focus{
    background-color: #ffefe9;
    background-image: none;
    border: 2px solid #BC2B1E;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #2b2b2b;
}
.has-warning > .form-control:focus, .has-success > .form-control:focus, .has-error > .form-control:focus,
.has-warning > .input-group > .form-control:focus, .has-success > .input-group  > .form-control:focus, .has-error > .input-group  > .form-control:focus{
    background-color: #e9e9e9 !important;
    background-image: none;
    box-shadow: none;
    color: #2b2b2b;
}
.input-group-addon {
    color: #555;
    background-color: #EEE;
    border: 1px solid #CCC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
textarea {
    max-width: 100%;
}
.form-group {
    margin-bottom: 10px;
}
label {
    margin-bottom: 0;
}
.form-inline label {
    margin-bottom: 5px;
}
.form-control:focus::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.53);
}
.form-control:focus:-moz-placeholder {
    color: rgba(0, 0, 0, 0.53);
}
.form-control:focus::-moz-placeholder {
    color: rgba(0, 0, 0, 0.53);
}
.form-control:focus:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.53);
}
.has-feedback label ~ .form-control-feedback {
    top: 23px;
}
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label,
.has-warning .form-control-feedback, .has-warning .input-group-addon, .text-warning, .alert-warning {
    color: #F08324;
}
.has-warning .form-control, .has-warning .form-control:focus, .has-warning .input-group-addon, .alert-warning {
    border-color: #F08324;
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label,
.has-success .form-control-feedback, .has-success .input-group-addon, .text-success, .alert-success {
    color: #6E961C;
}
.has-success .form-control, .has-success .form-control:focus, .has-success .input-group-addon, .alert-success {
    border-color: #6E961C;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label,
.has-error .form-control-feedback, .has-error .input-group-addon, .text-danger, .alert-danger {
     color: #E23A28;
}
.has-error .form-control, .has-error .form-control:focus, .has-error .input-group-addon, .alert-danger {
    border-color: #E23A28;
}
.alert-info {
    border-color: #31708F;
}

.form-group .progress, .form-group-lg .progress {
    margin-bottom: 0 !important;
}


/*
BUTTONY
-------------------------------------------*/

.btn {
    position: relative;
    padding: 8px 30px;
    border: 0;
    margin: 10px 1px;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.84);
    transition: background-color 0.2s ease, box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none !important;
    background-image: none;
    text-shadow: none;
}
.btn-flat {
    text-shadow: none;
    font-weight: 400;
}
.btn:hover:not(.btn-link):not(.btn-flat):not(.btn-fab) {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.btn:active:not(.btn-link):not(.btn-flat):not(.btn-fab) {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-flat:not(.btn-link),
.btn-default.btn-flat:not(.btn-link) {
    color: rgba(0, 0, 0, 0.84);
}
.btn-black.btn-flat:not(.btn-link) {
    color: #000000;
}
.btn-white.btn-flat:not(.btn-link) {
    color: #ffffff;
}
.btn-inverse.btn-flat:not(.btn-link) {
    color: #3f51b5;
}
.btn-primary.btn-flat:not(.btn-link) {
    color: #242424;
}
.btn-success.btn-flat:not(.btn-link) {
    color: #4caf50;
}
.btn-info.btn-flat:not(.btn-link) {
    color: #03a9f4;
}
.btn-warning.btn-flat:not(.btn-link) {
    color: #ff5722;
}
.btn-danger.btn-flat:not(.btn-link) {
    color: #f44336;
}
.btn:not(.btn-link):not(.btn-flat),
.btn-default:not(.btn-link):not(.btn-flat) {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.84);
    color: rgba(0, 0, 0, 0.84);
}
.btn-black:not(.btn-link):not(.btn-flat) {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.84);
}
.btn-white:not(.btn-link):not(.btn-flat) {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.84);
}
.btn-inverse:not(.btn-link):not(.btn-flat) {
    background-color: #3f51b5;
    color: rgba(255, 255, 255, 0.84);
}
.btn-primary:not(.btn-link):not(.btn-flat) {
    background-color: #3b3b3b;
    color: rgba(255, 255, 255, 0.84);
}
.btn-success:not(.btn-link):not(.btn-flat) {
    background-color: #4caf50;
    color: rgba(255, 255, 255, 0.84);
}
.btn-info:not(.btn-link):not(.btn-flat) {
    background-color: #03a9f4;
    color: rgba(255, 255, 255, 0.84);
}
.btn-warning:not(.btn-link):not(.btn-flat) {
    background-color: #ff5722;
    color: rgba(255, 255, 255, 0.84);
}
.btn-danger:not(.btn-link):not(.btn-flat) {
    background-color: #f44336;
    color: rgba(255, 255, 255, 0.84);
}
.btn:hover:not(.btn-link):not(.btn-flat),
.btn-default:hover:not(.btn-link):not(.btn-flat) {
    background-color: rgba(10, 10, 10, 0);
}
.btn-black:hover:not(.btn-link):not(.btn-flat) {
    background-color: #0a0a0a;
}
.btn-white:hover:not(.btn-link):not(.btn-flat) {
    background-color: #f5f5f5;
}
.btn-inverse:hover:not(.btn-link):not(.btn-flat) {
    background-color: #495bc0;
}
.btn-primary:hover:not(.btn-link):not(.btn-flat) {
    background-color: #545454;
}
.btn-success:hover:not(.btn-link):not(.btn-flat) {
    background-color: #59b75c;
}
.btn-info:hover:not(.btn-link):not(.btn-flat) {
    background-color: #0fb2fc;
}
.btn-warning:hover:not(.btn-link):not(.btn-flat) {
    background-color: #ff6736;
}
.btn-danger:hover:not(.btn-link):not(.btn-flat) {
    background-color: #f55549;
}
.btn:active:not(.btn-link):not(.btn-flat),
.btn-default:active:not(.btn-link):not(.btn-flat) {
    background-color: rgba(15, 15, 15, 0);
}
.btn-black:active:not(.btn-link):not(.btn-flat) {
    background-color: #0f0f0f;
}
.btn-white:active:not(.btn-link):not(.btn-flat) {
    background-color: #f0f0f0;
}
.btn-inverse:active:not(.btn-link):not(.btn-flat) {
    background-color: #5062c2;
}
.btn-primary:active:not(.btn-link):not(.btn-flat) {
    background-color: #545454;
}
.btn-success:active:not(.btn-link):not(.btn-flat) {
    background-color: #60ba63;
}
.btn-info:active:not(.btn-link):not(.btn-flat) {
    background-color: #19b6fc;
}
.btn-warning:active:not(.btn-link):not(.btn-flat) {
    background-color: #ff6e41;
}
.btn-danger:active:not(.btn-link):not(.btn-flat) {
    background-color: #f65e53;
}
.btn.btn-flat:hover:not(.btn-ink),
.btn-default.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(0, 0, 0, 0.2);
}
.btn-black.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(0, 0, 0, 0.2);
}
.btn-white.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(255, 255, 255, 0.2);
}
.btn-inverse.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(63, 81, 181, 0.2);
}
.btn-primary.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(59, 59, 59, 0.20);
}
.btn-success.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(76, 175, 80, 0.2);
}
.btn-info.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(3, 169, 244, 0.2);
}
.btn-warning.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(255, 87, 34, 0.2);
}
.btn-danger.btn-flat:hover:not(.btn-ink) {
    background-color: rgba(244, 67, 54, 0.2);
}
.btn.btn-flat {
    background: none;
    box-shadow: none;
    font-weight: 500;
}
.btn.btn-flat:disabled {
    color: #a8a8a8 !important;
}
.btn.btn-sm {
    padding: 5px 20px;
}
.btn.btn-xs {
    padding: 4px 15px;
    font-size: 10px;
}
.btn.btn-raised {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn.btn-raised:active:not(.btn-link) {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-fab {
    margin: 0;
    padding: 15px;
    font-size: 26px;
    width: 56px;
    height: 56px;
}
.btn.btn-fab,
.btn.btn-fab:hover,
.btn.btn-fab:active,
.btn.btn-fab-default,
.btn.btn-fab-default:hover,
.btn.btn-fab-default:active {
    background-color: transparent;
}
.btn.btn-fab-black,
.btn.btn-fab-black:hover,
.btn.btn-fab-black:active {
    background-color: #000000;
}
.btn.btn-fab-white,
.btn.btn-fab-white:hover,
.btn.btn-fab-white:active {
    background-color: #ffffff;
}
.btn.btn-fab-inverse,
.btn.btn-fab-inverse:hover,
.btn.btn-fab-inverse:active {
    background-color: #3f51b5;
}
.btn.btn-fab-primary,
.btn.btn-fab-primary:hover,
.btn.btn-fab-primary:active {
    background-color: #3b3b3b;
}
.btn.btn-fab-success,
.btn.btn-fab-success:hover,
.btn.btn-fab-success:active {
    background-color: #4caf50;
}
.btn.btn-fab-info,
.btn.btn-fab-info:hover,
.btn.btn-fab-info:active {
    background-color: #03a9f4;
}
.btn.btn-fab-warning,
.btn.btn-fab-warning:hover,
.btn.btn-fab-warning:active {
    background-color: #ff5722;
}
.btn.btn-fab-danger,
.btn.btn-fab-danger:hover,
.btn.btn-fab-danger:active {
    background-color: #f44336;
}
.btn.btn-fab,
.btn.btn-fab:hover {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.btn.btn-fab:active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-fab,
.btn.btn-fab .ripple-wrapper {
    border-radius: 100%;
}
.btn.btn-fab.btn-fab-mini {
    width: 40px;
    height: 40px;
    padding: 13px 0;
    font-size: 15px;
}
.btn.btn-fab i {
    position: relative;
    top: -5px;
    margin: 0 auto;
}
.btn-link,
.btn:not([class*="btn-"]),
.btn-default {
    color: rgba(0, 0, 0, 0.84);
}
.btn-link:hover,
.btn:not([class*="btn-"]):hover,
.btn-default:hover {
    color: rgba(0, 0, 0, 0.84);
}
.btn:not([class*="btn-"]):hover,
.btn-default:hover,
.btn-flat:not(.btn-link):hover,
.btn:not([class*="btn-"]).active,
.btn-default.active,
.btn-flat:not(.btn-link).active {
    background-color: rgba(255, 255, 255, 0.5);
}

/*
TEXT INPUT
-------------------------------------------*/


/*
CHECKBOXY
-------------------------------------------*/
.checkbox {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-size: 17px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox label {
    cursor: pointer;
    padding-left: 0;
}
.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
}
.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 3px;
}
.checkbox .checkbox-material:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.84);
    height: 20px;
    width: 20px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    -webkit-transform: scale3d(2.3, 2.3, 1);
    transform: scale3d(2.3, 2.3, 1);
}
.checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1;
}
.checkbox .checkbox-material .check:before {
    position: absolute;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 0,
    0 0 0 0,
    0 0 0 0,
    0 0 0 0,
    0 0 0 0,
    0 0 0 0,
    0 0 0 0 inset;
    -webkit-animation: checkbox-off 0.3s forwards;
    animation: checkbox-off 0.3s forwards;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
    opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    -webkit-animation: checkbox-on 0.3s forwards;
    animation: checkbox-on 0.3s forwards;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
    -webkit-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
    -webkit-animation: rippleOn 500ms;
    animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
    -webkit-animation: rippleOff 500ms forwards;
    animation: rippleOff 500ms forwards;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
    -webkit-animation: rippleOn 500ms forwards;
    animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
.checkbox input[type=checkbox][disabled] + .circle {
    opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
    background-color: rgba(0, 0, 0, 0.84);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #4caf50;
}
.checkbox-black input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #000000;
}
.checkbox-white input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #ffffff;
}
.checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #3f51b5;
}
.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #242424;
}
.checkbox-success input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #4caf50;
}
.checkbox-info input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #03a9f4;
}
.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #ff5722;
}
.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check:after {
    background-color: #f44336;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #4caf50;
}
.checkbox-black input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #000000;
}
.checkbox-white input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #ffffff;
}
.checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #3f51b5;
}
.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #242424;
}
.checkbox-success input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #4caf50;
}
.checkbox-info input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #03a9f4;
}
.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #ff5722;
}
.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #f44336;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check,
.checkbox-default input[type=checkbox]:checked + .checkbox-material .check {
    color: #4caf50;
}
.checkbox-black input[type=checkbox]:checked + .checkbox-material .check {
    color: #000000;
}
.checkbox-white input[type=checkbox]:checked + .checkbox-material .check {
    color: #ffffff;
}
.checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check {
    color: #3f51b5;
}
.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check {
    color: #242424;
}
.checkbox-success input[type=checkbox]:checked + .checkbox-material .check {
    color: #4caf50;
}
.checkbox-info input[type=checkbox]:checked + .checkbox-material .check {
    color: #03a9f4;
}
.checkbox-warning input[type=checkbox]:checked + .checkbox-material .check {
    color: #ff5722;
}
.checkbox-danger input[type=checkbox]:checked + .checkbox-material .check {
    color: #f44336;
}
@-webkit-keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}
@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}
@-webkit-keyframes checkbox-off {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }
    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0px 0px 0 10px inset;
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0px 0px 0 0px inset;
    }
}
@keyframes checkbox-off {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }
    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0px 0px 0 10px inset;
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0 0 0 0,
        0px 0px 0 0px inset;
    }
}
@-webkit-keyframes rippleOn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@keyframes rippleOn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes rippleOff {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@keyframes rippleOff {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}

/*
SWITCH BUTTON
-------------------------------------------*/
.togglebutton {
    vertical-align: middle;
}
.togglebutton,
.togglebutton label,
.togglebutton input,
.togglebutton .toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.togglebutton label {
    font-weight: 400;
    cursor: pointer;
    font-size: 17px;
}
.togglebutton label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
    content: "";
    display: inline-block;
    width: 30px;
    height: 15px;
    background-color: rgba(80, 80, 80, 0.7);
    border-radius: 15px;
    margin-right: 10px;
    transition: background 0.3s ease;
    vertical-align: middle;
}
.togglebutton label .toggle:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #F1F1F1;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    left: -5px;
    top: -2px;
    transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled] + .toggle:after,
.togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
    background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox] + .toggle:active:after,
.togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
    left: 15px;
}
.togglebutton label input[type=checkbox]:checked + .toggle,
.togglebutton-default label input[type=checkbox]:checked + .toggle {
    background-color: rgba(36, 36, 36, 0.50);
}
.togglebutton-black label input[type=checkbox]:checked + .toggle {
    background-color: rgba(0, 0, 0, 0.5);
}
.togglebutton-white label input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 255, 255, 0.5);
}
.togglebutton-inverse label input[type=checkbox]:checked + .toggle {
    background-color: rgba(63, 81, 181, 0.5);
}
.togglebutton-primary label input[type=checkbox]:checked + .toggle {
    background-color: rgba(36, 36, 36, 0.5);
}
.togglebutton-success label input[type=checkbox]:checked + .toggle {
    background-color: rgba(76, 175, 80, 0.5);
}
.togglebutton-info label input[type=checkbox]:checked + .toggle {
    background-color: rgba(3, 169, 244, 0.5);
}
.togglebutton-warning label input[type=checkbox]:checked + .toggle {
    background-color: rgba(255, 87, 34, 0.5);
}
.togglebutton-danger label input[type=checkbox]:checked + .toggle {
    background-color: rgba(244, 67, 54, 0.5);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after,
.togglebutton-default label input[type=checkbox]:checked + .toggle:after {
    background-color: #242424;
}
.togglebutton-black label input[type=checkbox]:checked + .toggle:after {
    background-color: #000000;
}
.togglebutton-white label input[type=checkbox]:checked + .toggle:after {
    background-color: #ffffff;
}
.togglebutton-inverse label input[type=checkbox]:checked + .toggle:after {
    background-color: #3f51b5;
}
.togglebutton-primary label input[type=checkbox]:checked + .toggle:after {
    background-color: #242424;
}
.togglebutton-success label input[type=checkbox]:checked + .toggle:after {
    background-color: #4caf50;
}
.togglebutton-info label input[type=checkbox]:checked + .toggle:after {
    background-color: #03a9f4;
}
.togglebutton-warning label input[type=checkbox]:checked + .toggle:after {
    background-color: #ff5722;
}
.togglebutton-danger label input[type=checkbox]:checked + .toggle:after {
    background-color: #f44336;
}
.togglebutton label input[type=checkbox]:checked + .toggle:active:after,
.togglebutton-default label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(36, 36, 36, 0.1);
}
.togglebutton-black label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton-white label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
}
.togglebutton-inverse label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
}
.togglebutton-primary label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(36, 36, 36, 0.10);
}
.togglebutton-success label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
}
.togglebutton-info label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
}
.togglebutton-warning label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
}
.togglebutton-danger label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
}

/*
RADIO
-------------------------------------------*/

.form-horizontal .radio {
    margin-bottom: 10px;
}
.radio label {
    cursor: pointer;
    padding-left: 45px;
    position: relative;
    font-size: 17px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio label span {
    display: block;
    position: absolute;
    left: 10px;
    top: 2px;
    transition-duration: 0.2s;
}
.radio label .circle {
    border: 2px solid rgba(0, 0, 0, 0.84);
    height: 18px;
    width: 18px;
    border-radius: 100%;
}
.radio label .check {
    height: 18px;
    width: 18px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.84);
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}
.radio label .check:after {
    display: block;
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.84);
    left: -18px;
    top: -18px;
    height: 53px;
    width: 53px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1);
}
.radio label input[type=radio]:not(:checked) ~ .check:after {
    -webkit-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
}
.radio label input[type=radio]:checked ~ .check:after {
    -webkit-animation: rippleOn 500ms;
    animation: rippleOn 500ms;
}
.radio input[type=radio]:checked ~ .check,
.radio-default input[type=radio]:checked ~ .check {
    background-color: rgba(0, 0, 0, 0.84);
}
.radio-black input[type=radio]:checked ~ .check {
    background-color: #000000;
}
.radio-white input[type=radio]:checked ~ .check {
    background-color: #ffffff;
}
.radio-inverse input[type=radio]:checked ~ .check {
    background-color: #3f51b5;
}
.radio-primary input[type=radio]:checked ~ .check {
    background-color: #242424;
}
.radio-success input[type=radio]:checked ~ .check {
    background-color: #4caf50;
}
.radio-info input[type=radio]:checked ~ .check {
    background-color: #03a9f4;
}
.radio-warning input[type=radio]:checked ~ .check {
    background-color: #ff5722;
}
.radio-danger input[type=radio]:checked ~ .check {
    background-color: #f44336;
}
.radio input[type=radio]:checked ~ .circle,
.radio-default input[type=radio]:checked ~ .circle {
    border-color: rgba(0, 0, 0, 0.84);
}
.radio-black input[type=radio]:checked ~ .circle {
    border-color: #000000;
}
.radio-white input[type=radio]:checked ~ .circle {
    border-color: #ffffff;
}
.radio-inverse input[type=radio]:checked ~ .circle {
    border-color: #3f51b5;
}
.radio-primary input[type=radio]:checked ~ .circle {
    border-color: #242424;
}
.radio-success input[type=radio]:checked ~ .circle {
    border-color: #4caf50;
}
.radio-info input[type=radio]:checked ~ .circle {
    border-color: #03a9f4;
}
.radio-warning input[type=radio]:checked ~ .circle {
    border-color: #ff5722;
}
.radio-danger input[type=radio]:checked ~ .circle {
    border-color: #f44336;
}
.radio input[type=radio][disabled] ~ .check,
.radio input[type=radio][disabled] ~ .circle {
    opacity: 0.5;
}
.radio input[type=radio] {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}
.radio input[type=radio]:checked ~ .check {
    -webkit-transform: scale3d(0.55, 0.55, 1);
    transform: scale3d(0.55, 0.55, 1);
}
.radio input[type=radio][disabled] ~ .circle {
    border-color: rgba(0, 0, 0, 0.84);
}
.radio input[type=radio][disabled] ~ .check {
    background-color: rgba(0, 0, 0, 0.84);
}
@keyframes rippleOn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}
@keyframes rippleOff {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}




/*modal okno*/
.modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.close {
    font-size: 27px;
}


/*************************************************
PARALLAX
*************************************************/
.parallax-clanek {
    position: relative;
    height: 385px;
    z-index: 2;
    color: white;
    /*text-shadow: 0px 0px 11px rgba(0, 0, 0, 1), 0px 0px 11px rgba(0, 0, 0, 0.4);*/
}
.parallax-clanek .parallax-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: 20%;
    z-index: 1;
}
.parallax-clanek .top {
    position: absolute;
    top: 1vh;
    z-index: 51;
    width: 100%;
    padding: 0 15px;
}
.parallax-clanek .bottom {
    position: absolute;
    bottom: 0.6em;
    z-index: 51;
    width: 100%;
    padding: 0 15px;
}
.parallax-clanek .parallax-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
    h1.clanek-nadpis {
        font-size: 33px !important;
    }
    ul.clanek-popis {
        font-size: 15px !important;
    }
}
a.shadowlink, a.shadowlink:visited  {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a.shadowlink:hover, a.shadowlink:focus {
    text-transform: uppercase;
    /*text-shadow: 0px 0px 11px rgba(0, 0, 0, 1), 0px 0px 11px rgba(0, 0, 0, 1), 0px 0px 11px rgba(0, 0, 0, 0.2);*/
    text-shadow: 0px 0px 11px rgba(0, 0, 0, .6);
    color: #fff;
    text-decoration: none;
}
/*den v minulosti*/
.parallax-denvm {
    position: relative;
    background: rgba(255, 255, 255, 0.3);
    height: 385px;
    z-index: 2;
    color: #333;
    text-shadow: 0px 0px 11px rgba(255, 255, 255, 1), 0px 0px 11px rgba(255, 255, 255, 0.4);
}
.parallax-denvm .parallax-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: 20%;
    z-index: 1;
}
.parallax-denvm .bottom {
    position: absolute;
    bottom: 1vh;
    z-index: 51;
    width: 100%;
    padding: 0 15px;
}
/*
*/

/*hover efekt u výběru období*/
figure.hovereffect {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 0 15px;
    max-width: 100%;
    background: #BC2B1E;
    text-align: center;
    cursor: pointer;
}
figure.hovereffect img {
    position: relative;
    display: block;
    max-width: 100%;
    opacity: 1;
}
figure.hovereffect figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

figure.hovereffect figcaption:before {
    content: "";
    position: absolute;
    top: -15px;
    /* value = - border-top-width - border-bottom-width */
    left: 46%;
    /* controls horizontal position */
    border-width: 0px 15px 15px;
    /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: rgba(188, 43, 30, 0.8) transparent;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
}

figure.hovereffect figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
figure.hovereffect figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: rgba(188, 43, 30, 0.8);
    content: '';
    opacity: 1;
    padding: 10px 10px 15px 10px;
}

figure.hovereffect h2 {
    color: #fff;
    text-transform: none;
    font-size: 23px !important;
    font-weight: 700;
    margin: 0;
    font-style: italic;
}

@media (max-width: 991px) {
    figure.hovereffect h2 {
        font-size: 20px !important;
        font-weight: 400;
    }
}
@media (min-width: 992px) {
    figure.hovereffect:hover figcaption {
        padding-bottom: 20px;
        background-color: rgba(188, 43, 30, 0.9);
    }

    figure.hovereffect:hover figcaption:before {
        border-color: rgba(188, 43, 30, 0.9) transparent;
    }
}
/*hover efekt u aktualit*/
figure.hovereffect2 {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 0;
    max-width: 100%;
    background: #BC2B1E;
    text-align: center;
    cursor: pointer;
}
figure.hovereffect2 img {
    position: relative;
    display: block;
    max-width: 100%;
    opacity: 0.8;
}
figure.hovereffect2 figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

figure.hovereffect2 figcaption::before,
figure.hovereffect2 figcaption::after {
    pointer-events: none;
}

figure.hovereffect2 figcaption,
figure.hovereffect2 figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.hovereffect2 figcaption > a {
    z-index: 100;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
figure.hovereffect2 h2 {
    font-weight: 700;
}
figure.hovereffect2 figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(0, 0, 0, 0.8) 75%);
    background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(188, 43, 30, 0.8) 75%);
    content: '';
    opacity: 1;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

figure.hovereffect2 h2 {
    position: absolute;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4), 0px 0px 8px rgba(0, 0, 0, 0.8);
    bottom: 24%;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 0 1vh;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s, text-shadow 0.35s;
    transition: transform 0.35s, color 0.35s, text-shadow 0.35s;
    -webkit-transform: translate3d(0,0%,0);
    transform: translate3d(0,0%,0);
    text-transform: none;
    font-size: 23px !important;
}

figure.hovereffect2 figcaption::before,
figure.hovereffect2 p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.hovereffect2 p {
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em;
    width: 100%;
    opacity: 1;
    font-size: 14px;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
}

@media (max-width: 991px) {
    figure.hovereffect2 h2 {
        font-size: 23px !important;
        bottom: 29%;
    }
}
@media (min-width: 992px) {
    figure.hovereffect2:hover h2 {
        color: #fff;
        text-shadow: none;
        -webkit-transform: translate3d(0,-10%,0) translate3d(0,-10px,0);
        transform: translate3d(0,-10%,0) translate3d(0,-10px,0);
    }

    figure.hovereffect2:hover figcaption::before ,
    figure.hovereffect2:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
/*************************************************
LOADING STATE - JS PLUGIN
*************************************************/
.loading-overlay {
    display: table;
    opacity: 0.7;
}

.loading-overlay-content {
    text-transform: uppercase;
    letter-spacing: 0.4em;
    font-size: 1.15em;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.loading-overlay.loading-theme-light {
    background-color: #fff;
    color: #000;
}

.loading-overlay.loading-theme-dark {
    background-color: #000;
    color: #fff;
}


/*************************************************
PAGINATION
*************************************************/
.pagination {
    margin: 0;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.pagination > li > a, .pagination > li > a:visited, .pagination > li > span {
    color: #333;
    border: 1px solid #c6c6c6;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #333;
    background-color: #efefef;
    border-color: #c6c6c6;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 4;
    color: #FFF;
    cursor: default;
    background-color: #E03C2D;
    border-color: #BC2B1E;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    border-color: #c6c6c6;
}


blockquote {
    font-size: 17px;
    text-align: justify;
}

.fotogalerie figure {
    margin: 0;
}
.fotogalerie figure img {
    height: 180px;
    object-fit: cover;
    min-width: 100%;
    overflow: hidden;
    max-width: 100%;
}
.fotogalerie figcaption {
    display: none;
    height: 20px;
}
.swiper-container {
    padding: 10px 10px 30px 10px;
}
.swiper-pagination {
    bottom: 0 !important;
}
.swiper-pagination-bullet-active {
    background: #E03C2D !important;
}
.swiper-container.partneri .swiper-slide {
    border: 1px solid #EFEFEF;
    padding: 20px;
    -webkit-box-shadow: 0px 1px 16px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 16px -6px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 16px -6px rgba(0,0,0,0.3);
    text-align: center;
    min-height: 162px;
}
.swiper-container.partneri .swiper-slide.link {
    cursor: pointer;
}
.swiper-container.partneri .swiper-slide img {
    max-height: 120px;
}

/*fotografie dne*/
.fotodne {
    position: relative;
    display: none;
    cursor: pointer;
    overflow: hidden;
    background: #E03C2D;
    max-width: 702px;
    margin: 0 auto;
}
.fotodne img {
    -webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .5s ease-in-out;
    -moz-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .5s ease-in-out;
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .5s ease-in-out;
}
.fotodne:hover img {
    transform: scale(1.1);
    opacity: 0.2;
}
.fotodne:before {
    z-index: 4;
    position: absolute;
    content: '';
    top: 0; left: 0; right: 0; bottom: 0;
    -webkit-box-shadow: inset 0px 0px 100px 8px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 100px 8px rgba(0,0,0,0.4);
    box-shadow: inset 0px 0px 100px 8px rgba(0,0,0,0.4);
}
.fotodne:after {
    position: absolute;content: "\f00e";
    font: normal normal normal 36px/1 FontAwesome;
    color: #fff;
    z-index: 5;
    top: 50%;
    margin-top: -0.5em;
    left: 0; right: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
.fotodne:hover::after {
    opacity: 1;
}
.fotodne h3 {
    color: #fff;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 5;
    margin: 0;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 10px rgba(0, 0, 0, 0.1);
}
/*den v minulosti*/
a.denvminulosti {
    display: none;
    position: relative;
    max-width: 702px;
    margin: 0 auto;
}
a.denvminulosti .denvminulosti-content {
    color: #333;
    position: absolute;
    top: 10px;
    left: 15px;
    right: 15px;
    bottom: 10px;
    z-index: 5;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5), 0px 0px 10px rgba(255, 255, 255, 0.1);
}
a.denvminulosti:before {
    z-index: 4;
    position: absolute;
    content: '';
    top: 0; left: 0; right: 0; bottom: 0;
    -webkit-box-shadow: inset 0px 0px 100px 8px rgba(255,255,255,0.4);
    -moz-box-shadow: inset 0px 0px 100px 8px rgba(255,255,255,0.4);
    box-shadow: inset 0px 0px 100px 8px rgba(255,255,255,0.4);
}
a.hoverpanel, a.hoverpanel:visited {
    display: block;
    color: #333;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    background: #fff;
    margin-bottom: 25px;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    transition: transform .3s;
}
a.hoverpanel .pnlinner {
    overflow: hidden;
    position: relative;
}
a.hoverpanel .pnlcontent {
    padding: 10px 25px 20px 25px;
}
a.hoverpanel:hover, a.hoverpanel:focus {
    transform: translateY(-5px);
    color: #333 !important;
    text-decoration: none !important;
}
a.hoverpanel h5 {
    font-size: 21px !important;
}
a.hoverpanel p.gray {
    font-size: 14px;
    margin: 0;
}

a.hoverpanel .ribbon {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 20px;
    right: -45px;
    width: 170px;
    z-index: 40;
    padding: 3px 0;
    background-color: #4773be;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4773be), to(#4269af));
    background-image: -webkit-linear-gradient(top, #4773be, #4269af);
    background-image: -moz-linear-gradient(top, #4773be, #4269af);
    background-image: -ms-linear-gradient(top, #4773be, #4269af);
    background-image: -o-linear-gradient(top, #4773be, #4269af);
    box-shadow: -1px 1px 6px 0 rgba(0, 0, 0, 0.5);

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

#summernote img {
    max-width: 100%;
    height: auto;
    margin: 10px;
}
#summernote img.img-galleryview {
    cursor: pointer;
}
#summernote span.inlinenote {
    cursor: pointer;
    color: #BC2B1E;
}
#summernote span.inlinenote.loading {
    cursor: wait;
}
#summernote span.inlinenote:before {
    content: "\f08e  ";
    font: normal normal normal 14px/1 FontAwesome;
}
#summernote span.inlinenote:hover, #summernote span.inlinenote:focus {
    text-decoration: underline;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.slant-img-left .img-cont, .slant-img-right .img-cont  {
    position: relative;
    overflow: hidden;
}
.slant-img-left .img-cont:before {
    content: '';
    position: absolute;
    top: 0; right: -18px;
    background-color: #FFF;
    height: 105%;
    transform: skew(-7deg, 0deg) ;
    -webkit-transform: skew(-7deg, 0deg) ;
    -moz-transform: skew(-7deg, 0deg) ;
    -o-transform: skew(-7deg, 0deg) ;
    -ms-transform: skew(-7deg, 0deg) ;
    width: 10%;
}
.slant-img-right .img-cont:before {
    content: '';
    position: absolute;
    top: 0; left: -18px;
    background-color: #FFF;
    height: 105%;
    transform: skew(7deg, 0deg) ;
    -webkit-transform: skew(7deg, 0deg) ;
    -moz-transform: skew(7deg, 0deg) ;
    -o-transform: skew(7deg, 0deg) ;
    -ms-transform: skew(7deg, 0deg) ;
    width: 10%;
}
.table-downloads {
    font-size: 15px !important;
}
.download-button {
    width: 35px;
    margin-top: 15px;
    height: 35px;
    border: 2px solid #333;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
.download-button:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.download-button::before {
    content: '\f0ed';
    font: normal normal normal 19px/1 'FontAwesome';
    left: 6px; top: 6px;
    position: absolute;
}


.parallax-pageext-sm {
    height: 300px;
}
.parallax-pageext-md {
    height: 450px;
}
.parallax-pageext-lg {
    height: 600px;
}
.parallax-pageext-xl {
    height: 800px;
}
.parallax-pageext {
    position: relative;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
}
.parallax-pageext .parallax-bg,
.parallax-pageext .parallax-bg-disabled {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
}
.parallax-pageext .parallax-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
}
.parallax-pageext > .container {
    text-align: center;
    z-index: 51;
    color: #fff;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.parallax-pageext h1 {font-size: 80px !important;}
.parallax-pageext h2 {font-size: 55px !important;}
.parallax-pageext h3 {font-size: 45px !important;}
.parallax-pageext h4 {font-size: 35px !important;}
.parallax-pageext h5 {font-size: 30px !important;}
.parallax-pageext h6 {font-size: 25px !important;}
.parallax-pageext p {
    color: #fff;
    font-size: 18px;
}
.georgiafont {
    font-family: Georgia, serif !important;
}
.timesfont {
    font-family: Times, serif !important;
}
.robotofont {
    font-family: 'Roboto', sans-serif !important;
}
.playfairfont {
    font-family: 'Playfair Display', serif !important;
}

.cutompagewrapper h1 { margin-top: 0 !important; }
.cutompagewrapper h2 { margin-top: 0 !important; }
.cutompagewrapper h3 { margin-top: 0 !important; }
.cutompagewrapper h4 { margin-top: 0 !important; }
.cutompagewrapper h5 { margin-top: 0 !important; }
.cutompagewrapper h6 { margin-top: 0 !important; }
.cutompagewrapper .fullpaddingbox { padding-top: 0 !important; padding-bottom: 0 !important; }
.cutompagewrapper .breadcrumb { margin-bottom: 0 !important; }

.custom-highlight-grayblock {
    text-align: center;
    background-color: #eaeaea;
    padding: 20px;
}
.custom-highlight-grayblock p.robotofont,
.custom-highlight-quote p.robotofont,
.custom-highlight-ornamented p.robotofont {
    font-size: 20px;
}
.custom-highlight-grayblock p:not(.robotofont),
.custom-highlight-quote p:not(.robotofont),
.custom-highlight-ornamented p:not(.robotofont) {
    font-size: 23px;
}
.custom-highlight-quote {
    text-align: left;
    padding: 20px 20px 20px 20px;
}
@media (min-width: 768px) {
    .custom-highlight-quote {
        padding: 20px 20px 20px 120px;
    }
    .custom-highlight-quote .inner {
        position: relative;
    }
    .custom-highlight-quote .inner:after {
        content: '„';
        font-family: 'Playfair Display', serif;
        font-size: 150px;
        position: absolute;
        left: -90px;
        top: -145px;
    }
}
.custom-highlight-quote .source {
    display: block;
    font-size: 88%;
    line-height: 1.42857143;
    color: #777
}
.custom-highlight-quote .source:before {
    content: '\2014 \00A0'
}
.custom-highlight-ornamented {
    text-align: center;
    padding: 20px 20px 40px 20px;
}
.custom-highlight-ornamented p {
    font-size: 32px;
}
.custom-highlight-ornamented p:after {
    content: '';
    background: url(../img/cara.png) no-repeat center center;
    background-size: 422px 17px;
    position: absolute;
    bottom: -20px;
    height: 17px;
    width: 100%;
    left: 0;
    right: 0;
    display: inline-block;
}
blockquote.vzpominka {
    margin: 0 0 40px;
    text-align: left;
    position: relative;
}
blockquote.vzpominka:before {
    content: '\201D';
    position: absolute;
    top: -60px;
    left: 0px;
    font-size: 150px;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    opacity: 0;
}
@media (max-width: 767px) {
    blockquote.vzpominka {
        margin: 0 0 40px 10px;
    }
    blockquote.vzpominka:before {
        opacity: .06;
    }
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gallery-grid {
    margin-right: -15px;
    margin-left: -15px
}
.gallery-grid:before {
    display: table;
    content: " "
}
.gallery-grid:after {
    clear: both;
}
.gallery-grid > .grid-item {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gallery-grid > .grid-item img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto
}
.gallery-grid > .gallery-item-1 {
    width: 24.9%;
}
.gallery-grid > .gallery-item-2 {
    width: 49.9%;
}
.gallery-grid > .gallery-item-3 {
    width: 74.9%;
}
.gallery-grid > .gallery-item-4 {
    width: 100%;
}
.gallery-grid > .gallery-item-col-1-4 {
    width: 24.9%;
}
.gallery-grid > .gallery-item-col-2-4, .gallery-grid > .gallery-item-col-1-2 {
    width: 49.9%;
}
.gallery-grid > .gallery-item-col-3-4 {
    width: 74.9%;
}
.gallery-grid > .gallery-item-col-1-3 {
    width: 33.2%;
}
.gallery-grid > .gallery-item-col-2-3 {
    width: 66.5%;
}
.gallery-grid > .gallery-item-col-4-4, .gallery-grid > .gallery-item-col-3-3, .gallery-grid > .gallery-item-col-2-2 {
    width: 100%;
}
.file-panel-active, .file-panel-warning, .file-panel-danger, .file-panel-info, .file-panel-success {
    border: 1px solid #E0E0E0;
    padding: 15px;
    background-color: #FFF;
    cursor: pointer;
    transition: all .10s ease-in-out;
    -moz-transition: all .10s ease-in-out;
    -webkit-transition: all .10s ease-in-out;
    min-height: 176px;
    margin-bottom: 25px;
}
.file-panel-active img, .file-panel-warning img, .file-panel-danger img, .file-panel-info img, .file-panel-success img {
    max-height: 64px;
}
.file-panel-active p, .file-panel-warning p, .file-panel-danger p, .file-panel-info p, .file-panel-success p {
    line-height: 1.2;
}
.file-panel-active .imgcontainer, .file-panel-warning .imgcontainer, .file-panel-danger .imgcontainer, .file-panel-info .imgcontainer, .file-panel-success .imgcontainer {
    height: 64px;
    margin-bottom: 12px;
}
.file-panel-active:hover, .file-panel-active:focus {
    background-color: #F5F5F5;
    border-color: #C4C4C4;
}
.file-panel-danger:hover, .file-panel-danger:focus {
    background-color: #F2DEDE;
    border-color: #F3BFBD;
}
.file-panel-warning:hover, .file-panel-warning:focus {
    background-color: #FCF8E3;
    border-color: #FDD7BD;
}
.file-panel-info:hover, .file-panel-info:focus {
    background-color: #D9EDF7;
    border-color: #AFE0F7;
}
.file-panel-success:hover, .file-panel-success:focus {
    background-color: #DFF0D8;
    border-color: #C1E3BD;
}

article {
    margin-bottom: 30px;
    padding: 0;
    border: 1px solid #f0f0f0;
    background-color: #fafafa;
    cursor: pointer;
}
article h4 {
    font-size: 22px !important;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
    font-weight:300;
    transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
article h4:after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100px;
    height: 1px;
    background-color: #eaeaea;
    transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
article .firstcol {
    padding: 0;
}
article .secondcol {
    padding: 25px 25px 10px 25px;
}
@media (max-width: 991px) {
    article {
        margin-left: 0 !important;
        margin-right: 0 !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}
@media (min-width: 769px) {
    article:hover h4:after, article:focus h4:after, article:focus:hover h4:after {
        width: 100%;
        background-color: #BC2B1E;
    }
    article:hover h4, article:focus h4, article:focus:hover h4 {
        color: #BC2B1E;
    }
}


/*sweet alert css*/
@-webkit-keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-tranform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(0.7);-webkit-transform:scale(0.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(0.95);-webkit-tranform:scale(0.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(0.5);-webkit-transform:scale(0.5)}}.showSweetAlert{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.hideSweetAlert{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.icon.success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);-webkit-transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}@keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}.sweet-overlay{background-color:rgba(0,0,0,0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:1040}.sweet-alert{background-color:#fff;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:2000}@media all and (max-width:767px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert .icon{width:80px;height:80px;border:4px solid gray;border-radius:50%;margin:20px auto;position:relative;box-sizing:content-box}.sweet-alert .icon.error{border-color:#d43f3a}.sweet-alert .icon.error .x-mark{position:relative;display:block}.sweet-alert .icon.error .line{position:absolute;height:5px;width:47px;background-color:#d9534f;display:block;top:37px;border-radius:2px}.sweet-alert .icon.error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .icon.error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .icon.warning{border-color:#eea236}.sweet-alert .icon.warning .body{position:absolute;width:5px;height:47px;left:50%;top:10px;border-radius:2px;margin-left:-2px;background-color:#f0ad4e}.sweet-alert .icon.warning .dot{position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f0ad4e}.sweet-alert .icon.info{border-color:#46b8da}.sweet-alert .icon.info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#5bc0de}.sweet-alert .icon.info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#5bc0de}.sweet-alert .icon.success{border-color:#4cae4c}.sweet-alert .icon.success::before,.sweet-alert .icon.success::after{content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:white;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .icon.success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .icon.success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .icon.success .placeholder{width:80px;height:80px;border:4px solid rgba(92,184,92,0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .icon.success .fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .icon.success .line{height:5px;background-color:#5cb85c;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .icon.success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .icon.success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .icon.custom{background-size:contain;border-radius:0;border:0;background-position:center center;background-repeat:no-repeat}.sweet-alert h2{font-size: 25px !important;}