body {
    position: relative;
    font-family: "Goldplay-regular";
    margin:0;
    color:#636263;
    position:relative;
}

.content {
    position:relative;
    z-index:0;
}

.clr {
    clear:left;
}

a {
    text-decoration: none;
    color:#636263;
}

#ontop {
    position:fixed;
    bottom:25px;
    right:25px;
    width:50px;
    z-index:300;
    cursor:pointer;
    transition: all .3s linear;
}

#ontop:hover {
    width:58px;
}

.blur-filter-in {
    position:relative;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    z-index:50;
    transition: all .8s linear;
}

.blur-filter-out {
    position:relative;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
    z-index:0;
    transition: all .5s linear;
}

.top_background {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:350px;
    background-image: url("../images/background_header.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    z-index:-50;
}

.top_menu {
    position: absolute;
    width:150px;
    top:30px;
    left:40px;
    z-index:250;
    cursor:pointer;
}

.top_menu .icon {
    display: inline-block;
    width:50px;
    height:30px;
    background-image: url("../images/piktogram_menu.svg");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
    cursor:pointer;
    transition: 0.4s linear;
}

.top_menu .caption {
    display: inline-block;
    width:50px;
    height:10px;
    padding-left:12px;
    cursor: pointer;
    vertical-align: top;
    margin-top:-1px;
    transition: 0.4s linear;
}

.top_menu:hover .icon {
    background-image: url("../images/piktogram_menu_hover.svg");
    width:57px;
    height:37px;
}

.top_menu:hover .caption {
    color:#238bc7;
    font-size:18px;
}

.top_logo {
    position: absolute;
    width:90px;
    left: 50%;
    top:30px;
    transform: translate(-50%, 0%);
    z-index:2500;
    text-align: center;
}

.top_logo img {
    width:90px;
    transition: 0.3s linear;
}

.top_logo img:hover {
    width:102px;
    margin-left:-7px;
}

.top_logo_2 {
    position: absolute;
    width:250px;
    left: 50%;
    top:30px;
    transform: translate(-50%, 0%);
    z-index:2000;
    display:none;
}

.top_logo_2 img {
    width:250px;
}

.top_kontakt_mobile {
    display:none;
}

.top_kontakt {
    position: absolute;
    width:110px;
    top:30px;
    right:20px;
    z-index:250;
}

.top_kontakt img {
    width: 15px;
    vertical-align: middle;
    transition: 0.3s;
}

.top_kontakt span {
    vertical-align: middle;
    padding-right:10px;
    cursor: pointer;
    transition: 0.6s;
}

.top_kontakt:hover span {
    color:#238bc7;
    font-size:18px;
}

.top_kontakt:hover a {
    color:#238bc7;
    width:20px;
}

.top_kontakt:hover img {
    filter: invert(43%) sepia(74%) saturate(353%) hue-rotate(157deg) brightness(90%) contrast(74%);
}

#mobile_item {
    display:none !important;
}

.search_box {
    position:absolute;
    top:5px;
    right:60px;
    width:150px;
    height:50px;
    display:none;
}

.hledat {
    border: none;
    border-bottom: 2px solid #238bc7;
    color:#238bc7;
    font-size:16px;
    width:174px;
    outline: none;
    font-family: "Goldplay-regular";
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: transparent;
}

.hledat:focus {
    outline: none;
}

#rytiny ::placeholder {
    color: #636263 !important;
}

::placeholder {
    color: #238bc7;
    opacity: 1; 
  }
  
:-ms-input-placeholder {
    color: #238bc7;
}
  
::-ms-input-placeholder {
    color: #238bc7;
}

.hledat_input {
    border:none;
    border-bottom: 2px solid #238bc7;
    background-color: transparent;
    padding-bottom:7px;
    font-size: 28px;
    font-family: "Century-regular";
    color: #238bc7;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    outline:none;
    width:90%;
}

.copyright {
    position:fixed;
    display:none !important;
    bottom:20px;
    width:400px;
    left:50.5%;
    transform: translate(-50%, 0%);
    text-align: center;
    z-index: 200;
}

.copyright a {
   text-decoration:underline !important;
   transition: all .3s linear;
}

.copyright a:hover {
    color: #238bc7;
}

.copyright div {
    font-family: "DINPro-Light";
    text-align: center;
    font-size:13px;
    letter-spacing: 1px;
}

.left_menu {
    position: absolute;
    width:250px;
    height:100vh;
    left:35px;
    z-index:50;
    display:flex;
    align-items:center;
    z-index:150;
}

.left_menu ul {
    list-style-type: none;
    padding-left: 0;
    margin:0;
}

.left_menu li {
    text-transform: uppercase;
    font-size:14px;
    margin-bottom: 10px;
    transition: all .3s linear;
}

.left_menu li:last-child {
    margin-bottom: 0px;
}

.left_menu .ikona {
    display: inline-block;
    width:35px;
}

.left_menu img {
    height:16px;
    vertical-align: middle;
    transition: all .3s linear;
}

.left_menu .odkaz {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    letter-spacing: 1px;
}

.left_menu li:hover {
    transform: scale(1.2);
    color:#238bc7;
    margin-left:20px;
}

.left_menu li:hover a {
    color:#238bc7;
}

.left_menu li:hover img {
    filter: invert(43%) sepia(74%) saturate(353%) hue-rotate(157deg) brightness(90%) contrast(74%);
}


.left_menu .active {
    font-size:18px;
    color:#238bc7;
}

.left_menu .active a {
    font-size:18px;
    color:#238bc7;
}

.left_menu .active img {
    height:19px;
    filter: invert(43%) sepia(74%) saturate(353%) hue-rotate(157deg) brightness(90%) contrast(74%);
}

.left_menu .active .ikona {
    width:40px
}

.right_menu {
    position: absolute;
    width:30px;
    height:100vh;
    right:30px;
    z-index:100;
    cursor:pointer;
    padding-top:8px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:left;
    z-index:150;
}

.right_menu img {
    margin-top:1px;
    transition: all .4s linear;
}

.right_menu img:hover {
    filter: invert(43%) sepia(74%) saturate(358%) hue-rotate(157deg) brightness(98%) contrast(74%);
}

.right_menu .item {
    position:relative;
    display:block;
}

.right_menu_desc {
    position:absolute;
    top:6px;
    left:-180px;
    text-align: right;
    font-size:14px;
    width:160px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display:none;
}

.right_menu_desc:hover {
    color:#238bc7;
}

#fav {
    position: absolute;
    width:24px;
    height:24px;
    top:-4px;
    right:-14px;
    background-color: transparent;
    background-image: url("../images/icon_fav.svg");
    background-size: contain;
    background-repeat: no-repeat;
    color:#fff;
    text-align:center;
    padding-top:4px;
    font-size:12px;
    display:none;
}

.menu {
    position: absolute;
    width:320px;
    left:40px;
    height:100vh;
    display:none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items:center;
    align-content:center;
    z-index:250;
}

.menu .menu_close {
    flex-basis: 8%;
    display: inline-block;
    font-family: "Goldplay-light";
    font-size:42px;
    vertical-align: middle;
    margin-right:15px;
    cursor:pointer;
}

.menu .menu_close:hover {
    color:#238bc7;
}

.menu .title {
    flex-basis: 50%;
    display: inline-block;
    font-size:34px;
    font-family: "Century-regular";
    color:#238bc7;
    letter-spacing: 4px;
    vertical-align: middle;
}

.menu ul {
    list-style-type: none;
    padding-left: 45px;
    height:280px;
    width:270px;
}

.menu li {
    text-transform: uppercase;
    font-size:14px;
    margin-bottom: 10px;
    transition: all .3s linear;
}

.menu .ikona {
    display: inline-block;
    width:35px;
}

.menu img {
    height:16px;
    vertical-align: middle;
    transition: all .3s linear;
}

.menu .odkaz {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    letter-spacing: 1px;
}

.menu .odkaz_2:nth-child(1) {
    margin-top:0px;
}


.menu .odkaz_2 {
    display: block;
    cursor: pointer;
    letter-spacing: 1px;
    margin-top:20px;
}

.menu li:hover {
    transform: scale(1.2);
    color:#238bc7;
    margin-left:20px;
}

.menu li:hover a {
    color:#238bc7;
}

.menu li:hover img {
    filter: invert(43%) sepia(74%) saturate(353%) hue-rotate(157deg) brightness(90%) contrast(74%);
}

#uvod {
    position:relative;
    height:100vh;
}

#arrow {
    position:absolute;
    height:20px;
    width:50px;
    background-image: url("../images/arrow_down.svg");
    background-size: contain;
    background-repeat: no-repeat;
    bottom:20px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index:20000;
    cursor:pointer;
}

.uvod_banner {
    position: absolute;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto;
    top:5%;
    width:60%;
    height:650px;
    background-image: url("../images/uvod_prsteny.png?v=1.1");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index:100;
}

.sekce_zasnubni .uvod_banner {
    width:920px !important;
    padding-top:40px !important;
    padding-left:40px !important;
    background-image:url("../images/zasnubni_banner_1.png?v=1.1");
}

#sekce_zasnubni .uvod_banner_1 {
    background-image:url("../images/zasnubni_banner_2.jpg");
}

#sekce_sperky .uvod_banner_1 {
    background-image:url("../images/sperky_banner_3.jpg?v=1.1");
}

.uvod_banner_text {
    position:absolute;
    width:600px;
    top:38%;
    left:50%;
    transform: translate(-50%, -50%);
}

.sekce_zasnubni .uvod_banner_text {
    top:43%;
    left:45%;
    transform: translate(-50%, -50%);
}

.sekce_zasnubni h1 {
    font-size:42px !important;
}

.uvod_banner h1 {
    font-family: "Century-regular";
    font-size:48px;
    text-align:center;
    color:#238bc7;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 35px;
    letter-spacing: 5px;
}

.uvod_banner .separator {
    position: relative;
    width:400px;
    border-top: 1px solid #636263;
    margin:0 auto;
    padding-bottom: 25px;
    overflow:none;
}

.uvod_banner .separator:after {
    position:absolute;
    width:15px;
    height:15px;
    top:-8px;
    right:190px;
    content: ""; /* section sign */
    display: inline; /* for vertical centering and background knockout */
    background-image:url("../images/piktogram_shape_2.svg");
    background-size: contain;
}

.uvod_banner p {
    font-family: "DINPro-Light";
    font-size:16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#636263;
    width:400px;
    margin:0 auto;
}

.uvod_banner_1 {
    background-image: url("../images/banner_1.jpg?v=1.1");
    margin-left:30px;
    margin-right:30px;
    height:348px;
    background-size: cover;
    background-position: top center;
    margin-bottom: 70px;
    z-index:200;
}

.uvod_banner_1 .text {
    width:700px;
}

.uvod_banner_1 h2 {
    font-family: "Century-regular";
    font-size:35px;
    color:#636263;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 35px;
    letter-spacing: 5px;
    margin-left:80px;
    padding-top:62px;
}

.uvod_banner_1 p {
    font-family: "DINPro-Light";
    font-size:12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#636263;
    margin-left:80px;
    line-height: 18px;
}

.uvod_banner_1 .vybrat {
    font-family: "DINPro-Light";
    font-size:20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#636263;
    margin-left:80px;
    margin-top:10px;
}

.uvod_banner_1 #separator{
    width:200px;
    margin-top:0px;
    margin-bottom:15px;
    margin-left:80px;
}

#sekce_zasnubni .uvod_banner_1 h2 {
    color:#fff;
}

#sekce_zasnubni .uvod_banner_1 p {
    color:#fff;
}

#sekce_sperky .uvod_banner_1 h2 {
    color:#636263;
}


#sekce_sperky .uvod_banner_1 p {
    color:#636263;
}

.uvod_sortiment_menu ul, .sperky_menu ul  {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
}

.uvod_sortiment_menu li, .sperky_menu li {
    position:relative;
    display:inline-block;
    text-transform: uppercase;
    font-size:15px;
    padding-left: 70px;
    padding-right: 70px;
    cursor:pointer;
    transition: 0.3s;
    margin-bottom:30px;
}

.uvod_sortiment_menu .ikona, .sperky_menu .ikona {
    text-align: center;
}

.uvod_sortiment_menu img {
    height:35px;
    transition: 0.3s;
}

.sperky_menu img {
    height:50px;
    max-width:65px;
    transition: 0.3s linear;
}

.uvod_sortiment_menu .odkaz {
    position:absolute;
    white-space: nowrap;
    top:40px;
    cursor: pointer;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 1px;
    margin-top:10px;
    transition: 0.3s linear;
}

.sperky_menu {
    position:relative;
    z-index:5000;
}

#load_sortiment {
    min-height: 1100px;
}

.sperky_menu .odkaz {
    position:absolute;
    white-space: nowrap;
    top:52px;
    cursor: pointer;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 1px;
    margin-top:10px;
    transition: 0.3s linear;
}

.uvod_sortiment_menu li:hover, .sperky_menu li:hover {
    transform: scale(1.1);
}

.uvod_sortiment_menu li:hover .odkaz, .sperky_menu li:hover .odkaz {
    color:#238bc7;
}

.uvod_sortiment_menu li:hover a, .sperky_menu li:hover a {
    color:#238bc7;
}

.uvod_sortiment_menu li:hover img, .sperky_menu li:hover img {
    filter: invert(43%) sepia(74%) saturate(353%) hue-rotate(157deg) brightness(90%) contrast(74%);
}

.sperky_menu .active {
    transform: scale(1.1);
}

.sperky_menu .active .odkaz {
    color:#238bc7;
}

.sperky_menu .active a {
    color:#238bc7;
}

.sperky_menu .active img {
    filter: invert(43%) sepia(74%) saturate(353%) hue-rotate(157deg) brightness(90%) contrast(74%);
}

.uvod_sortiment {
    margin-top:30px;
}

.uvod_sortiment .product {
    display: none;
}

.uvod_sortiment ul {
    list-style-type: none;
    padding-left: 0px;
    text-align: center;
}

.uvod_sortiment li {
    position: relative;
    display:inline-block;
    text-transform: uppercase;
    padding-left: 28px;
    padding-right: 28px;
    margin-bottom: 90px;
    cursor:pointer;
    transition: 0.5s;
}

.uvod_sortiment .obrazek {
    text-align: center;
}

.uvod_sortiment .obrazek_hodinky {
    text-align: center;
    width:240px;
}

.uvod_sortiment img {
    height:234px;
}

.uvod_sortiment .odkaz {
    cursor: pointer;
    font-size:14px;
    letter-spacing: 1px;
    margin-top:10px;
}

.uvod_sortiment .odkaz span {
    display: block;
    font-size:11px;
}

.uvod_sortiment .odkaz span:after {
    content: '';
    position:absolute;
    bottom:-42px;
    left:48%;
    width:32px;
    height:32px;
    background-image: url('../images/piktogram_sortiment.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.uvod_sortiment li:hover .odkaz span:after {
    background-image: url('../images/piktogram_sortiment_hover.svg');
}

.uvod_sortiment li:hover {
    color:#238bc7;
    transform: scale(1.1);
}

.uvod_sortiment li:hover a {
    color:#238bc7;
}

.uvod_onas {
    margin-top:80px;
    z-index:100;
}

.uvod_onas .logo {
    text-align: center;
}

.uvod_onas .logo img {
    width:300px;
}

.uvod_onas p {
    padding-top:16px;
    width:650px;
    font-size:14px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1px;
}

.uvod_onas_1 {
    margin-top:30px;
}

.uvod_onas_2 {
    margin-bottom:80px;
    z-index:100;
}

.uvod_onas_1 .obrazek {
    display: inline-block;
    width:50%;
    height:440px;
    background-image: url("../images/banner_2.jpg?v=1.1");
    background-size: cover;
    background-position: center center;
}

.uvod_onas_2 .obrazek {
    float:left;
    width:50%;
    height:440px;
    background-image: url("../images/banner_3.jpg");
    background-size: cover;
    background-position: left center;
}

.uvod_onas_1 .text, .uvod_onas_2 .text {
    display: inline-block;
    width:580px;
    vertical-align: top;
}

.uvod_onas_2 .text_container {
    float:left;
    width:50%;
    vertical-align: top;
}

.uvod_onas_2 .text {
    width:600px;
    padding-left:180px;
}

.uvod_onas_1 .text h2, .uvod_onas_2 .text h2  {
   width:300px;
   margin-top:100px;
   font-size:32px;
   font-family: "Century-regular";
   color: #238bc7;
   text-transform: uppercase;
   letter-spacing: 5px;
   padding-left:60px;
   padding-right:60px;
   font-weight: 300;
}

.uvod_onas_1 #separator, .uvod_onas_2 #separator{
    width:200px;
    margin-top:0px;
    margin-bottom:5px;
    margin-left:60px;
}

.uvod_onas_1 .text p, .uvod_onas_2 .text p {
    font-family: "DINPro-Light";
    font-size:14px;
    letter-spacing: 1px;
    line-height: 20px;
    padding-left:60px;
    padding-right:60px;
}

.doporucujeme {
    text-align: center;
    padding-bottom:30px;
}

.doporucujeme h3 {
    margin-bottom:15px;
}

.doporucujeme .uvod_sortiment {
    margin-top:30px;
}

.prodejny {
    text-align: center;
    margin-top:40px;
    /* margin-top:-22px; */
}

.prodejny h3 {
    margin-bottom:15px;
}

#prodejny_galerie {
    list-style-type: none;
    padding-left: 0;
}

#prodejny_galerie li {
    height:385px;
    display:inline-block;
    background-size: cover;
    background-position: center center;
}

#slidify {
    display:none;
}

#prodejny_galerie li:nth-child(1) {
    width:31%;
}

#prodejny_galerie li:nth-child(2) {
    width:38%;
}

#prodejny_galerie li:nth-child(3) {
    width:31%;
}

.prodejny p {
    padding-top:10px;
    width:520px;
    font-size:14px;
    color: #a1a3a7;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 2px;
    line-height:21px;
}

.prodejny a {
    color: #a1a3a7;
}

.prodejny a:hover {
    text-decoration: underline;
}

.prodejny_seznam {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
    padding-top:30px;
    padding-bottom:100px;
}

.prodejny_seznam li {
    display: inline-block;
    vertical-align: top;
    width:130px;
    height:50px;
    padding-left:15px;
    padding-right: 15px;
    letter-spacing: 2px;
    font-family: "Century-regular";
    text-transform: uppercase;
    text-align: center;
    font-size:17px;
    color:#a1a3a7;
    cursor:pointer;
    transition: 0.4s;
    backface-visibility: hidden;
}

.prodejny_seznam span {
    display: block;
    margin-top: 4px;
    padding-left:15px;
    padding-right: 15px;
    letter-spacing: 1px;
    font-family: "DINPro-Light";
    text-transform: uppercase;
    text-align: center;
    font-size:13px;
}

.prodejny_seznam li:hover {
    color:#238bc7;
    font-size:20px;
}

.prodejny_seznam li:hover span {
    font-size:13px;
}

.prodejny_seznam .active {
    color:#238bc7;
}

#sortiment .doporucujeme {
    padding-bottom: 0px !important;
}

#sortiment .uvod_onas_2 {
    margin-bottom: 0px !important;
}

#sortiment .uvod_banner_1 .text {
    width:700px;
}

h3 {
    font-size:32px;
    font-family: "Century-regular";
    color: #238bc7;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
    font-weight: 300;
    padding-top:60px;
    margin-top:0;
}

#separator {
    width:200px;
    margin:0 auto;
    margin-top:15px;
    margin-bottom:15px;
}

.cela_nabidka {
    position: relative;
    margin:0 auto;
    border-bottom: solid 2px #238bc7;
    cursor:pointer;
    transition: 0.3s;
    margin-left:30px;
    margin-right:30px;
}

.cela_nabidka:after {
    content:"celá nabídka";
    position: absolute;
    width:188px;
    height:34px;
    top:-10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/cela_nabidka.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:2px;
}

.cela_nabidka:hover {
    filter: brightness(108%);
}

.dalsi_prsteny {
    position: relative;
    margin:0 auto;
    border-bottom: solid 2px #238bc7;
    margin-bottom: 120px;
    cursor:pointer;
    transition: 0.3s;
    margin-left:30px;
    margin-right:30px;
    z-index:200;
}

.dalsi_prsteny:after {
    content:"další prsteny";
    position: absolute;
    width:188px;
    height:34px;
    top:-10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/cela_nabidka.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:2px;
    z-index:200;
}

.dalsi_prsteny:hover {
    filter: brightness(108%);
}

.nocontent {
    position: relative;
    margin:0 auto;
    border-bottom: solid 2px #238bc7;
    margin-bottom: 120px;
    cursor:default;
    pointer-events: none;
    transition: 0.3s;
}

.nocontent:after {
    content:"to je vše";
    position: absolute;
    width:188px;
    height:34px;
    top:-10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/cela_nabidka.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:2px;
}

.dalsi_hodinky {
    position: relative;
    margin:0 auto;
    border-bottom: solid 2px #238bc7;
    margin-bottom: 120px;
    transition: 0.3s;
    cursor:pointer;
    margin-left:30px;
    margin-right:30px;
}

.dalsi_hodinky:after {
    content:"další hodinky";
    position: absolute;
    width:188px;
    height:34px;
    top:-10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/cela_nabidka.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:2px;
}


.dalsi_hodinky:hover {
    filter: brightness(108%);
}

.dalsi_sperky {
    position: relative;
    margin:0 auto;
    border-bottom: solid 2px #238bc7;
    margin-bottom: 120px;
    cursor:pointer;
    transition: 0.3s;
    margin-left:30px;
    margin-right:30px;
}

.dalsi_sperky:after {
    content:"další šperky";
    position: absolute;
    width:188px;
    height:34px;
    top:-10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/cela_nabidka.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:2px;
}

.dalsi_sperky:hover {
    filter: brightness(108%);
}

.filtr {
    position: relative;
    margin:0 auto;
    border-bottom: solid 2px #238bc7;
    cursor: pointer;
    transition: 0.3s;
    margin-left:30px;
    margin-right:30px;
}

.filtr:after {
    content:"filtr";
    position: absolute;
    width:188px;
    height:34px;
    top:-10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/cela_nabidka.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:2px;
}

.filtr:hover {
    filter: brightness(108%);
}

.skryt_filtr {
    position: relative;
    margin:0 auto;
    border-bottom: solid 2px #238bc7;
    margin-bottom: 60px;
    display:none;
    cursor: pointer;
    margin-left:30px;
    margin-right:30px;
}

.skryt_filtr:after {
    content:"skrýt ×";
    position: absolute;
    width:188px;
    height:34px;
    top:-10px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/cela_nabidka.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:2px;
}

.skryt_filtr:hover {
    filter: brightness(108%);
}

.pridat_oblibene, .odebrat_oblibene {
    position: relative;
    width:650px;
    margin:0 auto;
    border-bottom: solid 2px #dfdfdf;
    border-image: linear-gradient(to left, rgb(255, 255, 255) 1%, rgb(212, 212, 212) 50%, rgb(255, 255, 255) 100%) 
              100% 0 100% 0/3px 0 3px 0 stretch;
    margin:0 auto;
    margin-bottom: 10px;
    margin-top:40px;
    cursor:pointer;
    transition: 0.3s;
    z-index:200;
}

.pridat_oblibene:after {
    content:"";
    position: absolute;
    width:30px;
    height:30px;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/icon_favourite_2.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:2px;
    z-index:200;
    transition: 0.3s;
}

.odebrat_oblibene:after {
    content:"";
    position: absolute;
    width:30px;
    height:30px;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/icon_favourite_2_hover.svg");
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size:13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:2px;
    z-index:200;
    transition: 0.3s;
}

.pridat_oblibene_text, .odebrat_oblibene_text {
    color:#bcbcbc;
    text-align:center;
    margin-top:20px;
}

.pridat_oblibene:hover:after {
    background-image: url("../images/icon_favourite_2_hover.svg");
}

.pridat_oblibene_text {
    color:#bcbcbc;
    text-align:center;
    margin-top:20px;
}

.oblibene_nadpis {
    padding-top:140px;
}

hr {
    position: relative;
    width:180px;
    margin:0 auto;
    margin-top:15px;
    margin-bottom:15px;
    border: none;
    line-height: 1px; /* vertical centering */
    height: 1px;
    background-color: #676568;
    text-align: center;
    font-size: 1em;
    overflow: visible;
}

hr:after {
    position:absolute;
    width:15px;
    height:15px;
    top:-7px;
    right:84px;
    content: ""; /* section sign */
    display: inline; /* for vertical centering and background knockout */
    background-image:url("../images/piktogram_shape_2.svg");
    background-size: contain;
}

.instagram .title {
    text-transform: uppercase;
    text-align:center;
    font-size:18px;
    font-family: "Century-regular";
    letter-spacing: 4px;
}

.instagram ul {
    margin-top:30px;
    list-style-type: none;
    padding-left: 0px;
    text-align: center;
}

.instagram li {
    position: relative;
    display:inline-block;
    padding-left: 12px;
    padding-right: 12px;
}

.instagram li .obrazek {
    position: relative;
    width: 330px;
    height: 330px;
    cursor: pointer;
    overflow: hidden;
}

.instagram img {
    width:330px;
}

.instagram li .image-caption {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    color:#fff;
}

.instagram li .image-caption img {
    margin-top: 110px;
    width: 50px;
    filter: brightness(300%);
}

.instagram li .image-caption p {
    margin-top:20px;
    font-size:16px;
    letter-spacing: 2px;
}

.instagram li .caption-top {
    bottom: -330px;
    transition: all 1s;
}
  
.instagram li :hover .caption-top {
    bottom: 0;
    transition: all 1s;
}

#oblibene_page {
    width:70%;
    margin:0 auto;
    min-height:700px;
}

#gdpr {
    width:60%;
    margin:0 auto;
    min-height:700px;
    padding-top:120px;
    padding-bottom:50px;
}

.footer_background {
    position:absolute;
    width:100%;
    height:450px;
    bottom:0;
    left:0;
    background-image: url("../images/background_footer.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index:-10;
}

footer {
    height:200px;
    padding-top:70px;
    text-align: center;
}

footer p {
    text-transform: uppercase;
    text-align:center;
    font-size:18px;
    font-family: "Century-regular";
    letter-spacing: 4px;
    margin-bottom:3px;
}

footer hr {
    margin-top:25px;
    margin-bottom:18px;
}

footer div {
    font-family: "DINPro-Light";
    text-align: center;
    font-size:13px;
    letter-spacing: 1px;
}

footer a {
    text-decoration:underline !important;
    transition: all .3s linear;
}

footer a:hover {
    color: #238bc7;
}

.footer_settings {
    position:absolute;
    bottom:30px;
    left:30px;
    width:350px;
    text-align:left;
}

#detail {
    text-align: center;
}

#detail #separator {
    margin-top:0px;
}

#detail .navigace {
    padding-top:150px;
    text-align: center;
    font-size:13px;
    color:#919191;
    letter-spacing: 1px;
}

#detail .navigace a {
    color:#919191;
}

#detail .navigace a:hover {
    color:#238bc7;
}

#detail h1 {
    color:#238bc7;
    font-family: "Century-regular";
    text-transform: uppercase;
    font-size:35px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 4px;
}

#detail h1 span {
    display:block;
    font-size:25px;
}

#detail p {
    width:700px;
    margin:0 auto;
    font-size:14px;
    letter-spacing: 1px;;
}

#detail .produkt_left {
    display:inline-block;
    width:620px;
}

#detail .produkt_obrazek {
    position: relative;
    display:inline-block;
    width:620px;
    height:470px;
    vertical-align: top;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

#detail #hodinky_obrazek {
    margin-top:30px;
    margin-left:50px;
}

#detail .produkt_parametry {
    padding-top:50px;
    display:inline-block;
    width:550px;
    vertical-align: top;
    text-align: left;
}

#detail .produkt_barva {
    position: relative;
    width: 305px;
    height:15px;
    margin-top:-8px;
    border-bottom: solid 1px #c5c5c5;
    margin-bottom:5px;
}

#detail .produkt_barva img {
    height: 26px;
    cursor: pointer;
    transition: 0.3s linear;
}

#detail .produkt_barva img:hover {
    -webkit-filter: drop-shadow(0px 0px 1px rgb(37, 37, 37)) 
}

#detail .produkt_barva img.active {
    -webkit-filter: drop-shadow(0px 0px 2px rgb(37, 37, 37)) 
}

#detail .table_parametry td {
    padding-bottom:12px;
}

#detail .table_parametry_hodinky td {
    padding-bottom:4px;
    font-size:14px !important;
}

#detail .item {
    font-family: 'Goldplay-bold';
    text-transform: uppercase;
    font-size:14px;
    letter-spacing: 3px;
    padding-right:15px;
}

#detail .video_button {
    position:absolute;height:32px;width:85px;bottom:0px;left:50%;transform: translate(-50%, 0%);
    background-image: url("../images/video_button.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

#detail .video_button:hover {
    background-image: url("../images/video_button_hover.svg");
}

.table_parametry_hodinky .item {
    font-family: 'Goldplay-bold' !important;
    text-transform: none !important;
    font-size:13px !important;
    letter-spacing: 1px !important; 
    padding-right:15px;
}

#detail .item span {
    font-family: 'Goldplay-regular';
    display:block;
    font-size:11px;
    font-weight:300;
    text-transform:lowercase;
    color:#919191;
    letter-spacing: normal;
}

#detail .table_cena {
    width:80%;
    margin: 0 auto;
    margin-top:-10px;
    text-align: center;
}

#detail .table_cena_snubni {
    position: relative;
    width:80%;
    margin: 0 auto;
    margin-top:-10px;
    text-align: center;
}

#detail .table_cena td {
    padding-right:55px;
    vertical-align: top;
    cursor:pointer;
}

#detail .table_cena_snubni td {
    cursor:pointer;
    vertical-align: top;
}

#detail .table_cena td:hover {
    color:#238bc7;
}

#detail .table_cena_snubni td:hover {
    color:#238bc7;
}

#detail .cena_title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size:13px;
}

#detail .cena {
    font-family: "Century-regular";
    font-size:20px;
    font-weight:600;
    letter-spacing: 4px;
    margin-top:4px;
}

#detail h3 {
    font-family: "Century-regular";
    font-size:20px;
    color:#238bc7;
    text-align: left;
    margin-top: 28px;
    margin-bottom: 15px;
    padding-top:0px !important;
}

#detail .snubni {
    padding-top:0px !important;
}

#detail .rezervovat {
   width:100px;
   background-color:#e5e5e5;
   margin:0 auto;
   padding:5px;
   padding-left:12px;
   padding-right:12px;
   font-size:13px;
   text-align: center;
   margin-top:-10px;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: bold;
}

#detail .rezervovat:hover {
    background-color:#238bc7;
    color:#fff;
}

.cena_zirkony, .cena_brilianty, .cena_bezkamene {
    height:140px;
}

#sperk_parametry h4 {
    font-size:18px;
    font-family: "Century-regular";
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight:normal;
    margin-top:35px;
    margin-bottom:16px;
}

#sperk_parametry p {
    width:470px !important;
    margin-left: 0px !important;
}

#sperk_parametry input {
    padding:5px;
    width: 250px;
    font-family: "Goldplay-regular";
    font-size:14px;
    border: solid 1px #d8d8d8;
    margin-bottom:10px;
}

#sperk_parametry select {
    padding:5px;
    width: 250px;
    font-family: "Goldplay-regular";
    font-size:14px;
    border: solid 1px #d8d8d8;
    margin-bottom:10px;
}

#sperk_parametry ::placeholder {
    color: #636263;
    opacity: 1; 
}

#sperk_parametry :-ms-input-placeholder {
    color: #636263;
}
  
#sperk_parametry ::-ms-input-placeholder {
    color: #636263;
}

#sperk_parametry button {
    padding:6px;
    background-color: #238bc7;
    border:none;
    width:170px;
    font-size:14px;
    letter-spacing: 1px;
    font-family: "Goldplay-regular";
    color:#fff;
}

#sperk_parametry button:hover {
    background-color: #37a3e2;
}

.sperk_banner {
    position: relative;
    margin:0 auto;
    width:950px;
    height:100vh;
    margin-top: 0px;
    z-index:2000;
}

.sperk_banner .vizual {
    position: absolute;
    width:950px;
    height:780px;
    background-image: url("../images/sperky_banner_1.png?v=1.11");
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    top:17%;
}

.sperk_banner h1 {
    font-family: "Century-regular";
    font-size:45px;
    text-align:center;
    color:#238bc7;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5px;
    width:600px;
    margin:0 auto;
    margin-bottom: 35px;
    padding-top:270px;
}

.sperk_banner .separator {
    position: relative;
    width:400px;
    border-top: 1px solid #636263;
    margin:0 auto;
    padding-bottom: 25px;
    overflow:none;
}

.sperk_banner .separator:after {
    position:absolute;
    width:15px;
    height:15px;
    top:-8px;
    right:190px;
    content: ""; /* section sign */
    display: inline; /* for vertical centering and background knockout */
    background-image:url("../images/piktogram_shape_2.svg");
    background-size: contain;
}

.sperk_banner p {
    font-family: "DINPro-Light";
    font-size:16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#636263;
    width:400px;
    margin:0 auto;
}

.sperk_banner_text {
  width:500px;
}

.hodinky_banner_container {
    position:relative;
    height:100vh;
}

.hodinky_banner {
    position: relative;
    margin:0 auto;
    width:700px;
    height:90vh;
    background-image: url("../images/hodinky_banner_1.jpg?v=1.1");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-top: 0px;
    z-index:100;
}

.hodinky_banner h1 {
    font-family: "Century-regular";
    font-size:43px;
    text-align:center;
    color:#238bc7;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 5px;
    width:600px;
    margin:0 auto;
    margin-bottom: 35px;
    padding-top:130px;
}

.hodinky_banner .separator {
    position: relative;
    width:400px;
    border-top: 1px solid #636263;
    margin:0 auto;
    padding-bottom: 25px;
    overflow:none;
}

.hodinky_banner .separator:after {
    position:absolute;
    width:15px;
    height:15px;
    top:-8px;
    right:190px;
    content: ""; /* section sign */
    display: inline; /* for vertical centering and background knockout */
    background-image:url("../images/piktogram_shape_2.svg");
    background-size: contain;
}

.hodinky_banner p {
    font-family: "DINPro-Light";
    font-size:16px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#636263;
    width:400px;
    margin:0 auto;
}

.hodinky_banner_1 {
    background-image: url("../images/hodinky_banner_2.jpg");
    margin-left:30px;
    margin-right:30px;
    height:348px;
    background-size: cover;
    background-position: center center;
    margin-top:10px;
    margin-bottom: 30px;
}

.hodinky_banner_1 .text {
    width:700px;
}

.hodinky_banner_1 h2 {
    font-family: "Century-regular";
    font-size:35px;
    color:#636263;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 35px;
    letter-spacing: 5px;
    margin-left:80px;
    padding-top:50px;
}

.hodinky_banner_1 p {
    font-family: "DINPro-Light";
    font-size:12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#636263;
    margin-left:80px;
    line-height: 18px;
}

.hodinky_banner_1 .vybrat {
    font-family: "DINPro-Light";
    font-size:20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#fff;
    margin-left:80px;
    margin-top:10px;
}

.hodinky_banner_1 #separator{
    width:200px;
    margin-top:0px;
    margin-bottom:15px;
    margin-left:80px;
}

#hodinky_sortiment .uvod_sortiment {
    margin-top: 75px !important;
}

.hodinky_znacky {
    width:90%;
    margin:0 auto;
    padding-top:20px;
    padding-bottom:25px;
    text-align: center;
}

.hodinky_znacky .znacka {
    display: inline-block;
    width:180px;
    height:100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left:20px;
    margin-right:20px;
    filter: grayscale(100%);
    transition: 0.3s;
}

.hodinky_znacky .znacka:hover {
    filter:none;
    transform: scale(1.1);
}


.hodinky_znacka {
    text-align:center;
}

.hodinky_znacka img {
    width:220px;
    margin-top: 10px;
}

.hodinky_znacka p {
    width:72%;
    margin:0 auto;
    font-family: "DINPro-Light";
    font-size:14px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#919191;
    margin:0 auto;
    padding-top:25px;
    padding-bottom:60px;
}

#hodinky_filtr_container {
    display:none;
}

#hodinky_filtr {
    width:80%;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:50px;
}

#hodinky_filtr td {
    padding-top:3px;
    padding-bottom:3px;
}

#hodinky_filtr td strong {
    letter-spacing: 2px;
    font-family: "DINPro-Light";
    color:#636263;
    font-size:15px;
}

#hodinky_filtr select {
    border: solid 1px #e9e9e9;
    width:142px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #666;
    text-transform: uppercase;
	letter-spacing: 1px;
    text-align: center;
    font-size: 13px;
    font-family: "Goldplay-regular";
}

.par_container {
    width:100%;
    margin-top:10px;
    border-bottom: solid 1px #d1d1d1;
}

.par_name {
    display: inline-block;
    width:200px;
    margin-bottom:10px;
}

.par_value {
    display: inline-block;
    margin-bottom:10px;
}

/* Popup */

#rezervace {
    position: fixed;
    height: 100%; 
    width: 100%;
    top: 0;
    right: 0;  
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    display: none;
    z-index:2000;
 }

 #overlay {
    width: 100vw;
    top:0;
    left:0;
    height: 100%;
    position: absolute;
    z-index: 1000;
    backdrop-filter: blur(10px);
    transition: all .8s linear;
  }

 #rezervace #datum {
    width:440px;
 }
 
 #popup {
    position:relative;
    max-width: 600px;
    width: 80%;
    max-height: 510px;
    height: 80%; 
    padding: 20px;
    padding-top:10px;
    position: relative;
    background: #fff;
    margin: 20px auto;
    margin-top:110px;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.16); 
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.16);
    z-index:5000;
 }
 
 #rezervace_close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size:26px;
    cursor: pointer;
 }

 #rezervace select {
    padding:5px;
    width: 50%;
    padding:5px;
    border: solid 1px #d8d8d8;
    font-family: "Goldplay-regular";
    font-size:14px;
  }

 #rezervace input[type=text] {
     position:relative;
     display:block;
     padding:5px;
     width:95%;
     font-family: "Goldplay-regular";
     font-size:14px;
     margin-top:8px;
     border: solid 1px #d8d8d8;
     margin-bottom:10px;
 }

 #rezervace textarea {
    display:block;
    padding:5px;
    height:80px;
    border: solid 1px #d8d8d8;
    width:95%;
    font-family: "Goldplay-regular";
    font-size:14px;
 }

 #rezervace button {
    display:block;
    padding:8px;
    background-color: #238bc7;
    border:none;
    margin-top:15px;
    width:120px;
    font-size:15px;
    letter-spacing: 1px;
    font-family: "Goldplay-regular";
    color:#fff;
 }

#rezervace button:hover {
    background-color: #37a3e2;
}

#rezervace ::placeholder {
    color: #636263;
    opacity: 1; 
  }
  
#rezervace :-ms-input-placeholder {
    color: #636263;
}
  
#rezervace ::-ms-input-placeholder {
    color: #636263;
}

#rytiny {
    margin:0 auto;
    width:1000px;
}

#rytiny button {
    display:block;
    padding:8px;
    background-color: #238bc7;
    border:none;
    margin-top:15px;
    width:180px;
    font-size:15px;
    letter-spacing: 1px;
    font-family: "Goldplay-regular";
    color:#fff;
}

#rytiny button:hover {
    background-color: #37a3e2;
}

/* Range Slider */

  input[type=range] {
    -webkit-appearance: none;
    margin: 20px 0;
    width: 100%;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    animate: 0.2s;
    background: rgb(128, 128, 128);
    border-radius: 25px;
  }
  input[type=range]::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    border:solid rgb(128, 128, 128) 1px;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px;
    transform: rotate(45deg);
    background-color: #fff;
  }

  input[type=range]::-moz-range-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    animate: 0.2s;
    background: rgb(128, 128, 128);
    border-radius: 25px;
  }
  input[type=range]::-moz-range-thumb {
    height: 20px;
    width: 20px;
    border:solid rgb(128, 128, 128) 1px;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px;
    transform: rotate(45deg);
    border-radius: 0px;
    background-color: #fff;
  }

  input[type=range]:focus::-webkit-slider-runnable-track {
    
  }
  .range-wrap {
    width: 300px;
    position: relative;
    margin-left:10px;
  }
  .range-value, .range-value2 {
    position: absolute;
    top: -50%;
    z-index:10;
  }
  .range-value span, .range-value2 span{
    font-family:Arial, Helvetica, sans-serif;
    width: 22px;
    height: 18px;
    line-height: 20px;
    margin-left: 5px;
    text-align: center;
    color: rgb(128, 128, 128);
    background-color: transparent;
    font-size: 10px;
    position: absolute;
    left: 50%;
    top:32px;
    transform: translate(-50%, 0);
    z-index:10;
    pointer-events: none;
   }

   .range-wrap:before {
    position:absolute;
    top:9px;
    left:-12px;
    content: "-";
    color:rgb(128, 128, 128);
   }

   .range-wrap:after {
    position:absolute;
    top:9px;
    right:-14px;
    content: "+";
    color:rgb(128, 128, 128);
    }

/* Radio buttons */
.toggle-radio {}
.toggle-radio > input:checked + label {background:rgb(231, 231, 231);color:#636263;}
.toggle-radio > input + label:not(:last-of-type) {border-right:1px solid #ccc;}

.toggle-radio {display:inline-block;}
.toggle-radio > input[type='radio'] {display:none;}
.toggle-radio > input[disabled] + label {opacity:0.50;margin-right:8px;}
.toggle-radio > input[disabled] + label:hover {cursor:not-allowed;}
.toggle-radio > input + label {position:relative;display:inline-block;text-align:center;font-size:12px;letter-spacing:1px;color:#a1a3a7;padding:5px 15px; float:left; cursor:pointer; border:1px solid rgb(230, 230, 230); margin-right:4px; font-family:Arial, Helvetica, sans-serif;}

.toggle-radio label:after{
    content:'';
    width:8px;
    height:8px;
    background:#fff;
    position:absolute;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    top:-5px;
    left:48%;
    border-right:rgb(230, 230, 230) solid 1px;
    border-bottom:rgb(230, 230, 230) solid 1px;
} 

.toggle-radio > input:checked + label {transition:background 300ms linear;}

/* Price Slider */ 

  #price-slider{
    width:800px;
    font-size:14px;
  }
  
  #price-slider #amount-min { 
    display:inline-block;
    font-size:14px;
    vertical-align: middle;
    padding:5px;
    padding-right:5px;
    width:30px;
    color: #666;
  }

  #price-slider #amount-max { 
    display:inline-block;
    font-size:14px;
    vertical-align: middle;
    padding:5px;
    padding-left:13px;
    color: #666;
  }
  
  #slider-range{
    position:relative;
    display: inline-block;
    width:500px;
    border: none;
    vertical-align: middle;
    margin-left:10px;
  }

  #slider-range:after {
    position:absolute;
    content:'';
    width:500px;
    border-bottom:2px solid #e6e6e6;
    top:6px;
  }
  
  #slider-range .ui-slider-handle {
    position: absolute;
    width:11px;
    height:11px;
    margin-top:5px;
    background:#787878;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    cursor: pointer;
    outline: none;
  }

  .ui-slider-horizontal .ui-slider-range {
	top: 6px !important;
	height: 2px !important;
  }

  .ui-corner-all {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
  }

  .ui-state-default {
      border: none !important;
  }

  	/* Notifikace */

	.notification_block {
		display: none;
		position: fixed;
		z-index: 10000 !important;
		top: 20px;
		right: 20px;
		width: 320px;
		padding: 15px 30px 15px 60px;
		color: #fff;
		background-color: rgb(33, 33, 33);
		background-repeat: no-repeat;
		background-position: 15px 50%;
		background-size: 30px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA/CAMAAABnwz74AAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAOnRSTlMA7ftaCgT48um0r1Hf1cKgTSi6mIFeLBXQypySa0k1MQfk2kI+JB0ZvaViOXhmRsaHEFWqfHNwDCGNGwvgFgAAA81JREFUSMeVl+maqjAMhr9BUcF9FxHEfd9GZ5zD/V/YoUmZB6dF5f2jNm1I86UpIo3A33bqVs1xala90/UDZGJ1sD/CB0r2to93OVpGqKFgz/AO5WqYysDDK8anRNiOXW+369YgsZ1aD88w3d/Fw+44D8nd39ZLseWMdHrTkLEbpuK7bEljtYkUcpw7Y7ikFeNupON6HamY47h/6iFPKEPLt9zlAhGzYSVMUGnPKUSZoQM0fLHtGxHbaahQ7QrLnn+MoDAiw8QXQlZCLZVGZNxxNreK+jR8ugB9K0zFFvYBffX+5L8gBtdmtPmP8AmlHRBQIooLJKmJMSeIdh++IAfcB/Q0JLjR/peUiaewAguK8iuxASqAefz81zF4fzZxlSW6C9/CB/6Jzzokc/FrGuCiqj/Yb4rqYIA7KT1OBlAG2spUIbxZU4ZdIJcIYSy+tyIBlYkdPgIFxbBj3Qw+VmdZFy1NAITaYSyuPPkEsXOHAlDzLTAroSYEU7itUgcUAzdgo07bQNAIVYZAh6WX56uJpa6E68tL0C3qSroPPy6mtRCG0qqjaOjHyzCnnIz8hHW5hhkgBYei/E0WcUSpzsKAO1ihyXLMsFDFrm1s2964h1xRt7UlGiz/gfzoRJyDyWs7xI5j35IIH318aprgcPXEQRlLEdk3yVkK0NVNqprpDnK4iPE9OpzLQ6ijke6gi3uJKpAiyHME6qzXEaTmgGelO2jEOTjwsZxndSBV6LKaR/wUszn4WKHMK3sG32eDbA4GfBcWFjDFWWgD9WwO5IpKZLdERzVRzuaggUA82Y5v5TH6pSwOKnfM41t6LptbO4sDV14NPvVMLlpfncaX+F0jUA/5CqcSsrl9ArY6b8Y3r6ZZcunuyd4UQtaghGCEQ/CEvx4KPcARTeEHxFCW/VlRilFa/g04JGf06HK/AKfHTG+sdYu4PoZQQ6QZVxHDArj8nvKaYlMG7UIi74Qy3SGvOcoMlvp/XtGKPeDzxWJ+zthQXtQsekWIXHqFF/HPooDpsrSRZEmFXL1EmpE1jeoCWE0pxSskkQ1lGtmDdvp6N4ieMKEi8fGI3H3BA7Bz9MtP48hYNuRpVJC36z+68tfq8tYs8YfiEyqxAtM5lW/HSaSzcLo1yTEnyGhAy1weO4v3tzqOzsPNpn0eHVnxnYzrY4cUVnEtO4e+Yhs5cSWzTc+XEQfd2nsLE4S58G7rX8MIT1nZiZ1PnJZtt5yJkegEK7zCX4eptMZ4h167pFtdcpt4l3zDrRoP3WngegGysfQiFa+WdR2eR176zv8DbyksT0fy0GMAAAAASUVORK5CYII=');
	  }
	  
	  .notification_block.error {
		background-color: #CC3300;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA/CAMAAABnwz74AAAArlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8tivQqAAAAOXRSTlMA+QUzm1hryhDh3NexRSXt6tG6QcZmSS8qIBTMvaSfhndhXlNMDAny5cG2rpWLek87GPaqkIFyNxta/dKiAAAEBElEQVRIx5VX6YKyMAwcDg8QDxAvVDxxvdbbVd7/xT4J7bYsAn7zR2ozMU2mCSILqja/+9tNpeJu/cnsoeK/4M2urTCBptV5fkxv75TwDZRt9yN61w4zUVsU0vsbKeyh5e/3vjWUjuNq+fwJN2z5My0Aw6o319d8Z5+Tz0aNGW2PKSt1uWObZi+Lv2S5Gzfi05TuuuU4ln+fx5SnzgxK7/kddkqyPu3NUIKhtynEUbz8yeFPo+eS/aYCs2inzK1SmMe5O0WFNMO3MKIiagY9l//y6/S1fQaq1zATW++179Lj4k/+m9GXlRWgtcIcNKNUUCKUZC0c+v0AKIUF6AAqxeDK/B/y3gBmRXw6/ZPycBf8wVf0xZL/fnEMJ3oQh9Cj5Q3Qwo9wYpLfcX6PahRAHUp3d6bLHGt2EQuzCpVE35YDmAPf8T5X61isNiqW0qYOHMktK6ESmQAPyWTBHRMc6hPSdh3YRp/x3T4whiXzCbrgJz04THk32rAjoatyAMdEdke/alXkENwoGypYSSYiYKonh0/nT3u4ssC7XEQavDVX6wkSrsNALITOvwboR58HALs4lCN3XkEO6Bqwotlx7mHEddFFzbLYIs8kolt0/QM0LnGHkUTkZrXNrdReWAfSUI/T/myGApXg7bBz5CnTRzsu+Jz8UBHzPaijhEk9FmAZZcqprNS4tWTlT2i92qQyTKPKeamLbFeT9GCTutTqmgREDqrpTnBP9exUX4kcfGdFcMUffGdEQDm4DNDN5ZOHjBzQT2u8GQmZFHlosyrwanqtJL/Iw6XBFUQNdQoME/EXerCBMmusZjSPSdkEWmThLhvtXx/rVdz6jBW6729jNamHncgh9VWHz9sTAlMUSOKbzTMEjryjtM7o8SlN+b/JZ/gR/FdmTOFBiMWn47DGXomnQj9MeVhV6OZ6SX4csUqtVAzGWWIOTAU/MovzMJfmDLAQeqdCDoH+RfJAfDGKiC/wAOhy9UHYs8txkEwOWNliZXiJuf1N7kTBBxfKa/LKT5xQgntQpGahIjD4YBIK84FGdJhCKD0WtC+qtWZ5bBfTaW4d2Wz4xYw8a7RThBLQp0h/UhI1Xi7bBadQloBXozc2yDibVK4nvS/nwOgDVZvEPEACGmV5/dpXb9l8fQUMTNZQ/mAp3gw09z19+ADQvWS9by+kvwNtJ03f1KWeMs952zfIsHFwJWVfKndS7amW874vpv/oREuv3pno47E+KXfjG/1gw/WrjQx4XMt2+Zza67hcyU9ko6zweo8Oy4YKgjroTp3fjSlycR5LolkPHctyhoYidfwnitDbhpkYPfAJ+rf1O3Zr38OnUOs3W5HJSm2/XOH/cK6XJ/rVsq7+q47ZJ/8H7ljT2l779VYAAAAASUVORK5CYII=');
	  }
	  
	  .notification_block.info {
		background-color: #6699FF;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA/CAMAAABnwz74AAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAOnRSTlMA7ftaCgT48um0r1Hf1cKgTSi6mIFeLBXQypySa0k1MQfk2kI+JB0ZvaViOXhmRsaHEFWqfHNwDCGNGwvgFgAAA81JREFUSMeVl+maqjAMhr9BUcF9FxHEfd9GZ5zD/V/YoUmZB6dF5f2jNm1I86UpIo3A33bqVs1xala90/UDZGJ1sD/CB0r2to93OVpGqKFgz/AO5WqYysDDK8anRNiOXW+369YgsZ1aD88w3d/Fw+44D8nd39ZLseWMdHrTkLEbpuK7bEljtYkUcpw7Y7ikFeNupON6HamY47h/6iFPKEPLt9zlAhGzYSVMUGnPKUSZoQM0fLHtGxHbaahQ7QrLnn+MoDAiw8QXQlZCLZVGZNxxNreK+jR8ugB9K0zFFvYBffX+5L8gBtdmtPmP8AmlHRBQIooLJKmJMSeIdh++IAfcB/Q0JLjR/peUiaewAguK8iuxASqAefz81zF4fzZxlSW6C9/CB/6Jzzokc/FrGuCiqj/Yb4rqYIA7KT1OBlAG2spUIbxZU4ZdIJcIYSy+tyIBlYkdPgIFxbBj3Qw+VmdZFy1NAITaYSyuPPkEsXOHAlDzLTAroSYEU7itUgcUAzdgo07bQNAIVYZAh6WX56uJpa6E68tL0C3qSroPPy6mtRCG0qqjaOjHyzCnnIz8hHW5hhkgBYei/E0WcUSpzsKAO1ihyXLMsFDFrm1s2964h1xRt7UlGiz/gfzoRJyDyWs7xI5j35IIH318aprgcPXEQRlLEdk3yVkK0NVNqprpDnK4iPE9OpzLQ6ijke6gi3uJKpAiyHME6qzXEaTmgGelO2jEOTjwsZxndSBV6LKaR/wUszn4WKHMK3sG32eDbA4GfBcWFjDFWWgD9WwO5IpKZLdERzVRzuaggUA82Y5v5TH6pSwOKnfM41t6LptbO4sDV14NPvVMLlpfncaX+F0jUA/5CqcSsrl9ArY6b8Y3r6ZZcunuyd4UQtaghGCEQ/CEvx4KPcARTeEHxFCW/VlRilFa/g04JGf06HK/AKfHTG+sdYu4PoZQQ6QZVxHDArj8nvKaYlMG7UIi74Qy3SGvOcoMlvp/XtGKPeDzxWJ+zthQXtQsekWIXHqFF/HPooDpsrSRZEmFXL1EmpE1jeoCWE0pxSskkQ1lGtmDdvp6N4ieMKEi8fGI3H3BA7Bz9MtP48hYNuRpVJC36z+68tfq8tYs8YfiEyqxAtM5lW/HSaSzcLo1yTEnyGhAy1weO4v3tzqOzsPNpn0eHVnxnYzrY4cUVnEtO4e+Yhs5cSWzTc+XEQfd2nsLE4S58G7rX8MIT1nZiZ1PnJZtt5yJkegEK7zCX4eptMZ4h167pFtdcpt4l3zDrRoP3WngegGysfQiFa+WdR2eR176zv8DbyksT0fy0GMAAAAASUVORK5CYII=');
	  }
	  
	  .notification_block.success {
		background-color: #03a84f;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAOnRSTlMA+7j3a0UnxtSzMvPvq6KNcBDr2jotIwflvJyIVQrW0MOBQB8D38qml5FdWlIbFnVmT66FYsCfS3sN3JshzAAABAJJREFUWMOVl+eaqjAQhj9EBAvYxbYW7L3u6ub+L+xAMmzgIYDn/aMmDEz5MoNI49cr1u3ZdNK2zPLu8jrjvygVC30Wo7Z+dz42v911psJ8/n5ivl+zVFaXrzxzYxZx2yo4w6FTXvc1FtLeZ5p/7RjR2jQ6zb/l7nW7YkS5lG5fmYYX7ZuJexsOZaZ6SI2ezG2R74VRrDv23dldbl2+0KvTLUZq+4bYXRu8kO9Bjf2hmfUOX90wzlBlfxF7jyWAV1lRxGuw86zyH07a8/vB470BUzIdB06s1T6M+bJVAppDlbGsgGur8tDVePhN/5vFMtADJ37413gtuFXbtzd0lk0DwJ0ndgHJg9e3B7w0lscbWHK9fEcC4DsvwNNYPhfgxEssVc2zXgd6VfYJY8p5KzxZBk/AEu4k37iq+5nsURrmEJgUQD3ffsvVPPODCD5rTXGEmFgr5dsXvyaMoh9RScKyGkA5z9zsoCC+9V2cg3xN4NOsBRIiRzLdX6Lx5wqwZT4egAMtbLLNVzegJxvTUjywThFoJ+5SBk6QL+o3FLJFMbSFqJ5Z5tpVHFjJkIpWQikQ3wOw6VKV/YB3pFN0qe3iyI+U0NQRLjVNfZ4sxkPKRVLBQuNaugSPLaEifTNsFsWiiVRkMZ4i+A12XNTCn/CcV4byUI9c+CRlNgIXxYxXz4reXz8Fl4/6Yjwc5IGLsxH1m6AsdDyXW3du0Gz4HpZPkZYZpyDK0EdB/pBBUNRPOa4TKpmJNtQKbzBiklbyZcBkqTeQIUhs9cxQh+DIJEqMuH1PV2ibkhiW8Rbb7X8hyjctK8tIQurGt3dkShJSsCchCQWNScqSjrT3JUsopdzThD92fH8ig1ir7NuuOEUH4YgJ7BMxqiVEbMGzp/WAoWgozWrCR86ZKfGAiagfxtReHRZnrZYQRQh0REujpjpVNNULfK5MyZV7TrkeknTuLALFt0jpsEvRQy05WEzecyU0fgep03EnmrkU2pGGfBTDUNsPSBwtevX1uFcujf0IrZZ6wJ5ojL1BFHhlaezn8yLVyBNT0iiIis7yKYYvEmMQ1A30rh9N9nwiybgWdQQJj351Bjp5UVx5yNR8JSXuu3X2vTOzzFt+/NhQKaNQQ2n7Ubj1dHt7AfyK0TVHHNJs7QY/jLLa3LzJvwRbJChSLwpq49l6Uj0HfpWW/rpOA9668T4a+99W+57z090ty46n4KhRxzbEbPL2863jbB9XYwFuvpUvq2q6ZujuNTFbmkdbo0rckMpy9Kf3+9s4L0PjTuOnH6lEFp1BJPLV991x7MIkIq7pEXkcZywVq7jEB3gbpZ61wsHFhyye9ipu3R80uvgv3Mpz/lMw11NzsBkVvV+k8A9TqSfvLSbHQQAAAABJRU5ErkJggg==');
	  }
	  
	  .notification_block .close_notice {
		position: absolute;
		right: 5px;
		top: 5px;
		display: inline-block;
		height: 20px;
		width: 20px;
		background-repeat: no-repeat;
		background-position: 100% 0%;
		background-size: 15px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAALnRSTlMA8+/uSkA7Kdd1ThVTJSH348W3nJiTjWhaIw4sAebW09DAvJ+Jf2IbCAWvrjIw3t6pfQAAASpJREFUOMt1kdm2gjAMRQ+IFQUUkEnU6zzdIf//eXcVjkAF9lO6dpK2CVpeTnZ2w9A9Z84LfbzUkgYr9T79TT64meUH6XHoNJmxu4k1A1naMoi9ZMJRRjjW/iqjXLXf8jCfWe3tc0b6GRd64G9Vh6tfgBkXwGPdVDezKr8FoNjLQyFE6f/a/J0SUmBdB+yxEQkATOXNGpEYGUrRkwh7aXFQ4UjLHsYUC+0LY5pM6FyCqZkQdg4BKoKJNIQ4tX4D4H43t3dCKmSivVO/dNP0SOG//RLAQkcL3eOd4aNkqPg/ZiiWlUDGkbGeGRxwBuDBHSbaEz/hrh4ANzvMHBXxmI9R83SH/dcTpHQHfYmG3Xff/8DAt0098fHBLu/c4+Y7DBDkSRxFcZIHaPkHJPZ03MNmRksAAAAASUVORK5CYII=');
	  }
	  
	  .notification_block .content_notice {
		font-size: 14px;
		line-height: 1.3;
		color: #FFF;
	  }
	  
	  .notification_block .content_notice a {
		color: #fff;
		text-decoration: underline;
	  }

     input,
     textarea,
     button,
     select,
     img,
     li,
     a {
      -webkit-tap-highlight-color: transparent;
     }
/* Checkbox */ 
     .option-input {
        display:inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        position: relative;
        top: -2px;
        right: 0;
        bottom: 0;
        left: 0;
        height: 23px;
        width: 23px;
        transition: all 0.15s ease-out 0s;
        background: #cbd1d8;
        border: none;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        margin-right: 0.5rem;
        outline: none;
        position: relative;
        z-index: 1000;
        vertical-align: middle;
      }
      .option-input:hover {
        background: #9faab7;
      }
      .option-input:checked {
        background: #238bc7;
      }
      .option-input:checked::before {
        width: 23px;
        height: 23px;
        display:flex;
        content: '\f00c';
        font-size: 18px;
        font-weight:bold;
        position: absolute;
        align-items:center;
        justify-content:center;
        font-family:'Font Awesome 5 Free';
      }
      .option-input:checked::after {
        -webkit-animation: click-wave 0.65s;
        -moz-animation: click-wave 0.65s;
        animation: click-wave 0.65s;
        background: #40e0d0;
        content: '';
        display: block;
        position: relative;
        z-index: 100;
      }
      .option-input.radio {
        border-radius: 50%;
      }
      .option-input.radio::after {
        border-radius: 50%;
      }

      .fancybox-slide--video .fancybox-content {
        width: auto !important;
        height: auto !important;
        max-width: 70% !important;
        max-height: 80% !important;
        }
      

@media only screen and (min-width: 2200px) {

    .content {
        max-width: 1800px;
        margin:0 auto;
    }
    
    .top_background {
        height:650px;
        background-image: url("../images/background_header_hd.jpg");
    } 
    
    .footer_background {
        height:650px;
        background-image: url("../images/background_footer_hd.jpg");
    }
    
    .uvod_banner {
        width:56% !important;
        height:100vh;
        padding-bottom:50px;
        background-position: center center !important;
        background-image: url("../images/uvod_prsteny.png?v=1.11");
        padding-top: 0px;
        margin-top:0;
        top:0;
    }

    .uvod_banner_text {
        position: absolute;
        top:40%;
        left:50%;
        transform: translate(-50%, -50%) scale(1.3) !important;
    }

    .sekce_zasnubni .uvod_banner {
        width:51% !important;
    }

    .sekce_zasnubni .uvod_banner_text {
        position: absolute;
        top:45%;
        left:45%;
        transform: translate(-50%, -50%) scale(1.3) !important;
    }

    .sperk_banner {
        position: relative;
        margin:0 auto;
        width:100%;
        height:100vh;
        margin-top: 0px;
        z-index:2000;
    } 

    .sperk_banner .text {
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%) scale(1.4) !important;
    } 

    .sperk_banner .text h1 {
        padding-top:0;
    } 

    .sperk_banner .vizual {
        width: 1350px;
        height: 800px;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    .hodinky_banner {
        position: relative;
        margin:0 auto;
        width:55% !important;
        height:90vh;
        background-image: url("../images/hodinky_banner_1.jpg");
        margin-top: 0px;
    }

    .hodinky_banner h1 {
        padding-top:280px;
    }

    .hodinky_banner_text {
        transform: scale(1.3) !important;
    }

    .table_parametry_hodinky tr {
        float:left;
        width:360px;
    }

    .table_parametry_hodinky .item {
        width:120px;
    }

    .table_parametry_hodinky tr :nth-child(3n) {
        float:left;
        clear:left;
    }

    .fancybox-slide--video .fancybox-content {
        width: auto !important;
        height: auto !important;
        max-width: 60% !important;
        max-height: 60% !important;
    }
}

@media only screen and (min-width: 1750px) and (max-width: 2200px) {

    #arrow {
        display:fixed;
        bottom:30px;
    }

    .uvod_banner {
        width:56% !important;
        height:100vh;
        padding-bottom:50px;
        background-position: center center !important;
        background-image: url("../images/uvod_prsteny.png?v=1.11");
        padding-top: 0px;
        margin-top:0;
        top:0;
    }

    .uvod_banner_text {
        position: absolute;
        top:40%;
        left:50%;
        transform: translate(-50%, -50%) scale(1.3) !important;
    }

    .sekce_zasnubni .uvod_banner {
        width:55% !important;
    }

    .sekce_zasnubni .uvod_banner_text {
        position: absolute;
        top:45%;
        left:45%;
        transform: translate(-50%, -50%) scale(1.2) !important;
    }

    .sperk_banner {
        position: relative;
        margin:0 auto;
        width:100%;
        height:100vh;
        margin-top: 0px;
        z-index:2000;
    } 

    .sperk_banner .text {
        position: absolute;
        transform: scale(1.3);
        top:50%;
        left:50%;
        transform: translate(-50%, -50%) scale(1.3) !important;
    } 

    .sperk_banner .text h1 {
        padding-top:0;
    } 

    .sperk_banner .vizual {
        width: 1200px;
        height: 700px;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    .hodinky_banner {
        position: relative;
        margin:0 auto;
        width:60% !important;
        height:83vh;
        background-image: url("../images/hodinky_banner_1.jpg");
        margin-top: 0px;
        transform: scale(1.2);
    }

    .hodinky_banner_text {
        transform: scale(1.3) !important;
    }

    .hodinky_banner h1 {
        padding-top:230px;
    }

    .fancybox-slide--video .fancybox-content {
        width: auto !important;
        height: auto !important;
        max-width: 70% !important;
        max-height: 70% !important;
    }
    
}

@media only screen and (min-width: 1750px) {

    #arrow {
        display:fixed;
        bottom:30px;
    }

    .content {
        max-width: 1800px;
        margin:0 auto;
    }

    .top_background {
        height:650px;
    }

    .uvod_sortiment img {
        height:280px;
    }

    .uvod_banner_1 {
        height:370px;
    }
    
    .uvod_banner_1 .text {
        width:650px;
        padding-left: 50px;
    }
    
    .uvod_banner_1 h2 {
        font-size:36px;
        padding-top:60px;
    }
    
    .uvod_banner_1 p {
        font-size:14px;
    }

    .uvod_banner_1 .vybrat {
        font-size:24px;
        margin-top:25px;
    }

    .uvod_onas_1 .text, .uvod_onas_2 .text {
        width:700px;
    }
    
    .uvod_onas_2 .text {
        width:700px;
        padding-left:180px;
    }
    
    .uvod_onas_1 .text h2, .uvod_onas_2 .text h2  {
       width:400px;
       margin-top:100px;
       font-size:34px;
       letter-spacing: 5px;
       padding-left:60px;
       padding-right:60px;
    }
    
    .uvod_onas_1 .text p, .uvod_onas_2 .text p {
        font-size:15px;
        line-height: 21px;
        padding-left:60px;
        padding-right:60px;
    }

    .uvod_onas_1 .obrazek {
        width:50%;
        height:500px;
    }
    
    .uvod_onas_2 .obrazek {
        width:50%;
        height:500px;
    }    

    .hodinky_banner_1 {
        height:355px;
    }

    .instagram li .obrazek {
        width: 400px;
        height: 400px;
    }
    
    .instagram img {
        width:400px;
    }

    .instagram li .caption-top {
        bottom: -400px;
    }

    .instagram li .image-caption img {
        margin-top: 160px;
    }

    #detail .produkt_obrazek {
        width:700px;
        height:550px;
    }
    
    #detail .produkt_parametry {
        padding-top:100px;
        display:inline-block;
        width:800px;
    }

    #detail .produkt_parametry {
        padding-top:100px;
        display:inline-block;
        width:800px;
    }

    #detail .produkt_left {
        width:auto;
        margin-left: 120px;
    }
    
    #detail .snubni {
        margin-left: 60px !important;
        padding-top:30px !important;
        padding-bottom: 20px;;
    }

    #detail .table_cena {
        width:60%;
        margin-left: 50px;
    }

    #popup {
        margin-top:250px;
     }
}

@media screen and (max-width: 1500px) {

    .uvod_onas_1 .text h2 {
        padding-right:50px;
     }
     
     .uvod_onas_2 .text h2  {
        padding-left:50px;
     }

     .uvod_onas_1 .text p {
         padding-right:50px;
     }

     .uvod_onas_2 .text p {
        padding-left:50px;
     }

    .uvod_onas_2 #separator{
        margin-left:50px;
    }

    .uvod_sortiment img {
        height:210px;
    }

    .instagram li .obrazek {
        width: 300px;
        height: 300px;
    }
    
    .instagram img {
        width:300px;
    }

    .instagram li .caption-top {
        bottom: -300px;
    }

    .instagram li .image-caption img {
        margin-top: 120px;
    }
}

@-moz-document url-prefix() {
    .range-value span {
        top:50px !important;
    }

    .range-wrap::before {
        top: 16px !important;
    }

    .range-wrap::before {
        top: 16px !important;
    }

    .range-wrap::after {
        top: 16px !important;
    }
    
    .range-value2 span {
        top:50px !important;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1250px) {

    #uvod {
        position: relative;
        height: 700px;
    }

    .uvod_banner {
        width: 69%;
    }

    .uvod_banner h1 {
        font-size: 42px;
    }

    .uvod_banner p {
        font-size: 15px;
        width:380px;
    }

    .sekce_zasnubni .uvod_banner {
        width: 700px !important;
    }

    .sperk_banner {
        width: 850px;
        height: 650px;
    }

    .sperk_banner .vizual {
        width:850px;
    }

    .hodinky_banner_container {
        height: 740px;
    }

    .hodinky_banner {
        height: 740px;
    }

    .uvod_onas_1 .obrazek {
        display: inline-block;
        width:49%;
        height:380px;
        background-image: url("../images/banner_2.jpg?v=1.1");
        background-size: cover;
        background-position: center center;
    }
    
    .uvod_onas_2 .obrazek {
        float:left;
        width:50%;
        height:380px;
        background-image: url("../images/banner_3.jpg");
        background-size: cover;
        background-position: left center;
    }
    
    .uvod_onas_1 .text, .uvod_onas_2 .text {
        display: inline-block;
        width:50%;
        vertical-align: top;
    }
    
    .uvod_onas_2 .text_container {
        float:left;
        width:50%;
        vertical-align: top;
    }
    
    .uvod_onas_2 .text {
        width:100%;
        padding-left:0px;
    }

    .uvod_onas_1 .text h2, .uvod_onas_2 .text h2 {
        margin-top:50px;
    }

    .uvod_sortiment_menu li, .sperky_menu li {
        padding-left: 60px;
        padding-right: 60px;
    }

    #detail p {
        width: 600px;
        margin: 0 auto;
    }

    .instagram li:nth-child(4) {
        display:none;
    }

}


@media only screen and (min-width: 767px) and (max-width: 1000px) and (min-height: 200px) and (max-height: 800px) {

    #uvod {
        height: 120vh !important;
    }

    .left_menu {
        display:none !important;
    }

    .right_menu {
        display:none;
    }

    .uvod_banner {
        top: 0;
        width: 55%;
    }

    .uvod_banner_text {
        top: 480px;
        left: 50%;
        transform: translate(-50%);
    }

    .sekce_zasnubni .uvod_banner {
        width: 65% !important;
    }

    .sekce_zasnubni .uvod_banner_text {
        margin-top: 285px;
        margin-left: auto;
        left:50%;
        top:50%;
    }

    .uvod_sortiment_menu li, .sperky_menu li {
        padding-left: 50px;
        padding-right: 50px;
    }

    .sperk_banner {
        width: 100%;
    }

    .sperk_banner .vizual {
        position: absolute;
        width: 90%;
        left:50%;
        height: 780px;
        top: 20%;
        transform: translate(-50%) !important;
    }

    .hodinky_banner {
        height: 700px;
        width:650px;
    }

    .uvod_onas_1 .obrazek {
        display: inline-block;
        width:49%;
        height:380px;
        background-image: url("../images/banner_2.jpg?v=1.1");
        background-size: cover;
        background-position: center center;
    }
    
    .uvod_onas_2 .obrazek {
        float:left;
        width:50%;
        height:380px;
        background-image: url("../images/banner_3.jpg");
        background-size: cover;
        background-position: left center;
    }
    
    .uvod_onas_1 .text, .uvod_onas_2 .text {
        display: inline-block;
        width:50%;
        vertical-align: top;
    }
    
    .uvod_onas_2 .text_container {
        float:left;
        width:50%;
        vertical-align: top;
    }
    
    .uvod_onas_2 .text {
        width:100%;
        padding-left:0px;
    }

    .prodejny {
        margin-top: 20px;
    }

    #prodejny_galerie li:nth-child(1) {
        display:inline-block;
        width: 50%;
        height:300px;
    }

    #prodejny_galerie li:nth-child(2) {
        display:inline-block;
        width: 50%;
        height:300px;
    }

    #prodejny_galerie li:nth-child(3) {
        display: none;
    }

    .prodejny_seznam li {
        width: 100px;
        height: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hodinky_znacka img {
        margin-top: 80px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1000px) and (min-height: 800px) and (max-height: 2500px) {

    #uvod {
        height: 75vh !important;
    }

    .left_menu {
        display:none !important;
    }

    .right_menu {
        display:none;
    }

    .uvod_banner {
        top: 0;
        width: 55%;
    }

    .uvod_banner_text {
        top: 480px;
        left: 50%;
        transform: translate(-50%);
    }

    .sekce_zasnubni .uvod_banner {
        width: 65% !important;
    }

    .sekce_zasnubni .uvod_banner_text {
        margin-top: 285px;
        margin-left: auto;
        left:50%;
        top:50%;
    }

    .uvod_sortiment_menu li, .sperky_menu li {
        padding-left: 50px;
        padding-right: 50px;
    }

    .sperk_banner {
        width: 100%;
        height: 750px;
    }

    .sperk_banner .vizual {
        position: absolute;
        width: 90%;
        left:50%;
        height: 780px;
        top: 20%;
        transform: translate(-50%) !important;
    }

    .hodinky_banner_container {
        height: 800px;
    }

    .hodinky_banner {
        height: 700px;
        width:650px;
    }

    .uvod_onas_1 .obrazek {
        display: inline-block;
        width:49%;
        height:380px;
        background-image: url("../images/banner_2.jpg?v=1.1");
        background-size: cover;
        background-position: center center;
    }
    
    .uvod_onas_2 .obrazek {
        float:left;
        width:50%;
        height:380px;
        background-image: url("../images/banner_3.jpg");
        background-size: cover;
        background-position: left center;
    }
    
    .uvod_onas_1 .text, .uvod_onas_2 .text {
        display: inline-block;
        width:50%;
        vertical-align: top;
    }
    
    .uvod_onas_2 .text_container {
        float:left;
        width:50%;
        vertical-align: top;
    }
    
    .uvod_onas_2 .text {
        width:100%;
        padding-left:0px;
    }

    .prodejny {
        margin-top: 20px;
    }

    #prodejny_galerie li:nth-child(1) {
        display:inline-block;
        width: 50%;
        height:300px;
    }

    #prodejny_galerie li:nth-child(2) {
        display:inline-block;
        width: 50%;
        height:300px;
    }

    #prodejny_galerie li:nth-child(3) {
        display: none;
    }

    .prodejny_seznam li {
        width: 100px;
        height: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hodinky_znacka img {
        margin-top: 80px;
    }
}

@media only screen and (min-width: 200px) and (max-width: 1000px) {
.top_kontakt {
    display:none;
}

.top_kontakt_mobile {
    display:block;
    position: absolute;
    width:110px;
    top:10px;
    right:8px;
    z-index:250;
}

.top_kontakt_mobile .icon {
    width: 15px;
    vertical-align: middle;
    transition: 0.3s;
}

.top_kontakt_mobile .search {
    text-align:right;
    margin-top:10px;
    margin-right:8px;
}

.top_kontakt_mobile span {
    vertical-align: middle;
    padding-right:10px;
    cursor: pointer;
    transition: 0.6s;
}

.top_kontakt_mobile :hover span {
    color:#238bc7;
    font-size:18px;
}

.top_kontakt_mobile:hover a {
    color:#238bc7;
    width:20px;
}

.top_kontakt:hover img {
    filter: invert(43%) sepia(74%) saturate(353%) hue-rotate(157deg) brightness(90%) contrast(74%);
}
} 
@media only screen and (min-width: 650px) and (max-width: 780px) {

    .uvod_banner {
        top: 3%;
    }

    .uvod_onas_1 .obrazek {
        height: 450px !important;
        background-position: top center !important;
    }

    .uvod_onas_2 .obrazek {
        height: 450px !important;
    }

    #detail .table_parametry td {
        display: inline-block !important;
    }

    #detail .produkt_parametry table {
        margin-left: auto !important;
        margin-right: auto  !important;
    }

    #detail .item {
        width:160px !important;
    }

    #prodejny_galerie li {
        height: 420px !important;
    }

    #sperk_parametry {
        text-align:center !important;
        width:75% !important;
        margin:0 auto !important;
    }

    #sperk_parametry h3 {
        text-align:center !important;
    }

    .table_parametry_hodinky td {
        text-align:left !important;
    }

    #price-slider {
        width: 460px !important;
    }

    #slider-range {
        width: 305px !important;
    }

    #slider-range:after {
        width: 305px !important;
    }

}

@media only screen and (min-width: 500px) and (max-width: 650px) {

    .uvod_onas_1 .obrazek {
        height: 350px !important;
        background-position: top center !important;
    }

    .uvod_onas_2 .obrazek {
        height: 350px !important;
    }

    #price-slider {
        width: 350px !important;
    }

    #slider-range {
        width: 220px !important;
    }

    #slider-range:after {
        width: 220px !important;
    }
}

@media only screen and (min-width: 580px) and (max-width: 630px) {
    .uvod_sortiment li {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 60px;
    }

    .uvod_sortiment img {
        height: 220px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 580px) {
    .uvod_sortiment li {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 60px;
    }

    .uvod_sortiment img {
        height: 200px !important;
    }
}

@media only screen and (min-width: 400px) and (max-width: 480px) {
    .uvod_sortiment li {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 60px;
    }

    .uvod_sortiment img {
        height: 180px !important;
    }
}

@media only screen and (min-width: 350px) and (max-width: 400px) {
    .uvod_sortiment li {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 60px;
    }

    .uvod_sortiment img {
        height: 150px !important;
    }
}

@media only screen and (min-width: 280px) and (max-width: 768px) {

    #nomobile {
        display:none !important;
    }

    #arrow {
        display:none;
    }

    .blur-filter-in {
        position:relative;
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
        background-color: #fff !important;
        z-index:50;
        transition: all .8s linear;
    }
    
    .blur-filter-out {
        position:relative;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
        z-index:0;
        transition: all .5s linear;
    }

    .blur-filter-in:after {
        content: "";
        position:fixed;
        height:100vh;
        width:100vw;
        background-color:rgba(255, 255, 255, 0.523);
        top:0;
        left:0;
        z-index:5000;
    }
    
    .menu {
        position: absolute;
        width:280px;
        left: 50%;
        top:150px;
        transform: translate(-50%);
        height:100vh;
        align-items: flex-start;
        align-content: flex-start;
        display:none;
    }

    .menu li {
        margin-bottom: 12px;
        font-size:17px;
    }

    .menu .odkaz_2 {
        display: block;
        cursor: pointer;
        letter-spacing: 1px;
        margin-top:20px;
    }

    .menu .odkaz_2:nth-child(1) {
        margin-top: -10px;
    }

    .menu .title {
        flex-basis: 50%;
        font-size: 28px;
        letter-spacing: 4px;
        vertical-align: middle;
    }

    .menu .menu_close {
        margin-top: -10px;

    }

    #mobile_item {
        display:block !important;
    }

    .left_menu {
        display:none !important;
    }

    .right_menu {
        display:none;
    }

    .top_menu {
        top: 18px;
        left: 18px;
    }

    .top_menu .icon {
        width:45px;
        height:25px;
    }
    
    .top_menu .caption {
        font-size:14px;
    }

    .top_kontakt {
        width: 90px;
        top: 12px;
        right: 18px;
    }

    .top_kontakt img {
        width: 12px;
        vertical-align: middle;
        transition: 0.3s;
    }
    
    .top_kontakt span {
        vertical-align: middle;
        padding-right:5px;
        font-size:14px;
        cursor: pointer;
        transition: 0.6s;
    }

    .top_kontakt:hover span {
        color:#636263;
        font-size:13px;
    }   

    .top_logo {
        position: absolute;
        width: 110px;
        left: 50%;
        top: 40px;
        transform: translate(-50%, 0%);
        z-index: 2500;
        text-align: center;
    }

    .top_logo img {
        width: 110px;
    }

    .top_logo_2 {
        position: absolute;
        width:200px;
    }
    
    .top_logo_2 img {
        width:200px;
    }

    #uvod {
        position: relative;
        height: 800px;
    }

    h3 {
        font-size: 28px;
        padding-top: 20px;
    }

    .uvod_banner {
        position: relative;
        top: 110px;
        width: 100%;
        height: auto;
        padding-bottom:80px;
        background-image: url("../images/uvod_prsteny.png?v=1.11");
        background-position: top center;
    }

    .uvod_banner_text {
        position: relative;
        width: 100%;
        top: 280px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top:-23px;
        transform: none;
    }

    .uvod_banner p {
        font-size: 16px;
        width: 90%;
        margin: 0 auto;
    }

    .uvod_banner h1 {
        font-size: 28px;
        text-align: center;
        margin-bottom: 25px;
        letter-spacing: 5px;
    }

    .uvod_banner .separator {
        position: relative;
        width: 230px;
        margin: 0 auto;
        padding-bottom: 25px;
    }

    .uvod_banner .separator:after {
        width: 15px;
        height: 15px;
        top: -8px;
        right: 115px;
    }

    .sekce_zasnubni .uvod_banner_text {
        margin-left:auto;
        top:350px !important;
        left:50% !important;
    }

    /*
    .uvod_banner_1 {
        position: relative;
        background-image: none;
        background-color: #382530;
        background-repeat: no-repeat;
        height: auto;
        background-size: cover;
        background-position: top center;
        margin-bottom: 50px;
        margin-top:200px;
        padding-bottom:25px;
    }

    .uvod_banner_1:before {
        position:relative;
        display:block;
        content: "";
        background-image:url('../images/banner_1_mobile.jpg');
        background-size: cover;
        width:100%;
        height:250px;
        top:-200px;
    }
    */

    .uvod_banner_1 {
        background-image: url("../images/banner_1_mob.jpg?v=1.2");
        height:auto;
        padding-bottom: 30px;
        text-align:center;
    }

    .uvod_banner_1 .text {
        margin-top:-220px;
    }

    .uvod_banner_1 h2 {
        font-size: 22px;
        line-height:32px;
        margin-bottom: 30px;
        letter-spacing: 4px;
        padding-top:375px !important;
        color:#636263 !important;
        margin-left: 20px;
        padding-right:20px;
        text-align:center;
    }

    .uvod_banner_1 #separator {
        margin-left:auto;
        color:#636263 !important;
    }

    .uvod_banner_1 p {
        font-size: 12px;
        margin-left: 0px;
        padding-left:20px;
        padding-right:20px;
        line-height: 18px;
        text-align:center;
        color:#636263 !important;
    }

    .uvod_banner_1 .text {
        width:100%;
    }

    .uvod_banner_1 .vybrat {
        font-size: 20px;
        margin-left: 20px;
        margin-top: 20px;
        text-align:center;
        color:#636263 !important;
    }

    .left_menu_mobile li {
        font-size: 14px;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 60px;
        color:#fff;
    }

    .uvod_sortiment_menu li, .sperky_menu li {
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px;
        margin-bottom: 90px;
    }

    .uvod_sortiment_menu img, .sperky_menu img {
        height:50px;
    }


    .uvod_sortiment_menu .odkaz, .sperky_menu .odkaz {
        position: absolute;
        white-space:normal;
        top: 40px;
        cursor: pointer;
        left: 50%;
        margin-top: 25px;
    }

    .uvod_onas p {
        padding-top: 16px;
        width: 90%;
        font-size: 14px;
        margin: 0 auto;
    }

    .uvod_onas_1 .obrazek {
        display: block;
        width: 100%;
        height: 310px;
        background-image: url("../images/banner_2_mobile.jpg?v=1.2");
        background-repeat: no-repeat;
        background-position: top center;
    }

    .uvod_onas_1 .text, .uvod_onas_2 .text {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .uvod_onas_2 {
        display: flex; 
        flex-direction: column;
    }

    .uvod_onas_2 .obrazek {
        order:1;
        display: block;
        float: none;
        width: 100%;
        height: 320px;
        margin-top:30px;
        background-position: center center;
    }

    .uvod_onas_2 .text_container {
        order:2;
        float: none;
        width: 100%;
        vertical-align: top;
    }

    .uvod_onas_2 .text, .uvod_onas_2 .text {
        display: block;
        width: 100%;
        padding-left: 0px;
    }

    .uvod_onas_1 .text p, .uvod_onas_2 .text p {
        font-size: 14px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .uvod_onas_1 .text h2, .uvod_onas_2 .text h2 {
        width: auto;
        margin-top: 50px;
        font-size: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .uvod_onas_1 #separator, .uvod_onas_2 #separator {
        width: 200px;
        margin-left: 30px;
    }

    .cela_nabidka {
        margin-left: 15px;
        margin-right: 15px;
    }

    #prodejny_galerie li {
        height: 350px;
        display: inline-block;
        background-size: cover;
        background-position: center center;
    }

    #prodejny_galerie li:nth-child(1) {
        width: 100%;
        margin-top:30px;
    }

    #prodejny_galerie li:not(:first-child) {
        display: none;
    }

    .prodejny h3 {
        margin-bottom: 15px;
        font-size:28px !important;
        padding-left:15px;
        padding-right:15px;
    }

    .prodejny p {
        width: 90%;
        font-size: 14px;
        margin: 0 auto;
        text-align: center;
    }

    .prodejny_seznam {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .prodejny_seznam li {
        display: inline-block;
        width: 110px;
        height: 85px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 17px;
    }  

    #prodejny_galerie {
        display:none;
    }

    #slidify {
        display:block;
    }

    .instagram .title {
        font-size: 25px;
    }

    .instagram li {
        background-image: url("../images/ig_mobile.png");
        background-size: cover;
    }
    
    .instagram li img {
        display:none;
    }

    .instagram li:not(:first-child) {
        display:none;
    }

    .instagram li .image-caption {
        display: none;
    }

    .sekce_zasnubni .uvod_banner {
        width: 85% !important;
        top:150px;
        padding-left:0px !important;
    }
        
    #sekce_zasnubni .uvod_banner_1 {
        background-image:url("/images/zasnubni_banner_2_mob.jpg?v=1.1") !important;
        padding-bottom:20px;
    }

    #sekce_zasnubni .uvod_banner_1 h2 {
        color:#fff !important;
    }

    #sekce_zasnubni .uvod_banner_1 p {
        color:#fff !important;
    }

    #sekce_sperky .uvod_banner_1 {
        background-image:url("/images/sperky_banner_3_mob.jpg?v=1.11");
        padding-bottom:20px;
    }

    #sekce_sperky .uvod_banner_1 h2 {
        color:#636263 !important;
    }

    #sekce_sperky .uvod_banner_1 p {
        color:#636263 !important;
    }

    #sekce_sperky .uvod_banner_1 .text p {
        width:90% !important;
    }
    
    .sekce_zasnubni {
        height:950px !important;
    }

    .sekce_zasnubni  h1 {
        font-size:36px !important;
        margin-top: -15px;
    }

    .sekce_zasnubni .uvod_banner_text {
        margin-top: 0px;
    }

    .uvod_sortiment li {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 80px;
    }

    .uvod_sortiment li:hover {
        transform: 1;
    }

    .uvod_sortiment img {
        height: 250px;
    }

    .sperk_banner {
        position: relative;
        margin: 0 auto;
        width: 90%;
        height: 780px;
        margin-top: 0px;
        z-index: 2000;
    }

    .sperk_banner .vizual {
        position: absolute;
        width: 100%;
        height: 560px;
        top: 10%;
    }

    .sperk_banner h1 {
        font-size: 40px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 35px;
        padding-top: 330px;
    }
    
    .sperk_banner .separator {
        width: 280px;
    }

    .sperk_banner .separator:after {
        right: 140px;
    }

    .sperk_banner p {
        font-size: 16px;
        width: 90%;
        margin: 0 auto;
    }

    #sortiment .uvod_banner_1 .text {
        width: 100%
    }

    .sperk_banner_text {
        width:100% !important;
    }

    .hodinky_banner_container {
        height: 510px;
    }

    .hodinky_banner {
        margin: 0 auto;
        width: 100%;
        height: 580px;
        margin-top: 0px;
    }

    .hodinky_banner .separator {
        width: 280px;
    }

    .hodinky_banner .separator:after {
        top: -8px;
        right: 140px;
    }

    .hodinky_banner p {
        width: 90%;
        margin: 0 auto;
    }

    .hodinky_banner h1 {
        font-size: 32px;
        text-align: center;
        color: #238bc7;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 35px;
        padding-top: 170px;
    }

    .hodinky_banner_1 {
        background-image: url("../images/hodinky_banner_2_mob.jpg?v=1.1");
        margin-left: 15px;
        margin-right: 15px;
        height: auto;
        margin-top: 140px;
        margin-bottom: 30px;
        padding-bottom:25px;
        text-align: center;
    }

    .hodinky_banner_1 .text {
        width: 100%;
        text-align: center;
    }

    .hodinky_banner_1 h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 32px;
        margin-left: 0px;
        padding-left:20px;
        padding-right:20px;
        padding-top: 360px;
        text-align: center;
    }

    .hodinky_banner_1 #separator {
        margin-left: auto;
    }

    .hodinky_banner_1 p {
        font-size: 12px;
        margin-left: 0px;
        padding-left:20px;
        padding-right:20px;
        line-height: 18px;
    }

    .filtr {
        margin-left: 15px;
        margin-right: 15px;
    }

    .skryt_filtr {
        margin-left: 15px;
        margin-right: 15px;
    }

    .dalsi_hodinky {
        margin-left: 15px;
        margin-right: 15px;
    }

    #hodinky_filtr {
        width: 92%;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 40px;
        padding-left:8px;
    }

    #hodinky_filtr td strong {
        padding-right:8px;
    }

    #hodinky_filtr select {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hodinky_znacky {
        width: 95%;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .hodinky_znacky .znacka {
        width: 110px;
        height: 70px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .hodinky_znacka img {
        margin-top: 80px;
    }

    #price-slider {
        width: 320px;
        font-size: 14px;
    }

    #slider-range {
        position: relative;
        display: inline-block;
        width: 180px;
        border: none;
        vertical-align: middle;
        margin-left: 10px;
    }

    #slider-range:after {
        position: absolute;
        content: '';
        width: 180px;
        border-bottom: 2px solid #e6e6e6;
        top: 6px;
    }

    #detail h1 {
        font-size: 32px;
        padding-left:15px;
        padding-right:15px;
    }

    #detail #hodinky_obrazek {
        margin-top:20px;
        margin-left:0px;
        height:350px !important;
    }

    #detail p {
        width: 90%;
    }

    #detail .produkt_left {
        display: block;
        width: 100%;
    }

    #detail .cena_z_rezervace, #detail .cena_b_rezervace {
        display: block !important;
    }

    #detail .table_cena {
        width: 100%;
        margin: 0 auto;
    }

    #detail .table_cena td {
        padding-right: 15px;
        padding-left: 15px;
        vertical-align: top;
        cursor: pointer;
    }

    #detail .produkt_obrazek {
        display: inline-block;
        width: 90%;
        height: 470px;
        margin-top: 20px;
    }

    #detail .produkt_parametry {
        padding-top: 0px;
        display: inline-block;
        width: 90%;
        vertical-align: top;
        text-align: left;
    }

    #detail .table_cena_snubni {
        position: relative;
        width: 90%;
        margin: 0 auto;
        margin-top: -10px;
        text-align: center;
    }

    #detail .table_parametry td {
        display: block;
        padding-bottom: 20px;
    }

    .toggle-radio > input + label {
        font-size: 15px;
        padding: 10px 25px;
    }

    #popup {
        width: 85%;
        height: 570px;
        max-height:570px;
        margin-top: 160px;
    }

    #popup p {
       font-size:13px;
    }

    #rezervace #datum {
        width:95%;
    }    

    #rezervace select {
        width: 70%;
    }

    #rezervace label {
        font-size:14px;
    }

    .pridat_oblibene, .odebrat_oblibene {
        position: relative;
        width: 280px;
        margin: 0 auto;
        border-bottom: solid 2px #dfdfdf;
        border-image: linear-gradient(to left, rgb(255, 255, 255) 1%, rgb(212, 212, 212) 50%, rgb(255, 255, 255) 100%) 100% 0 100% 0/3px 0 3px 0 stretch;
        margin-bottom: 10px;
        margin-top: 40px;
    }

    .oblibene_nadpis {
        padding-top:180px;
    }

    #sperk_parametry p {
        width: 100% !important;
        margin-left: 0px !important;
    }

    #sperk_parametry button {
        margin-bottom:15px;
    }

    .doporucujeme h3 {
        margin-bottom: 15px;
        font-size: 29px !important;
        letter-spacing: 4px !important;
    }

    #oblibene_page {
        width:90%;
        margin:0 auto;
        min-height:700px;
        margin-bottom:70px;
    }

    #gdpr {
        width:90%;
        margin:0 auto;
        padding-top:140px;
        padding-bottom:50px;
    }    

    footer {
        height:215px;
    }

    .footer_settings {
        position:relative;
        bottom:0px;
        left:0px;
        width:100%;
        padding-top:20px;
        padding-bottom:20px;
        text-align:center;
    }   
    
    input[type=range]::-webkit-slider-thumb {
        height: 30px;
        width: 30px;
        border:solid rgb(128, 128, 128) 1px;
        background: transparent;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -15px;
        transform: rotate(45deg);
        background-color: #fff;
      }

      input[type=range]::-moz-range-thumb {
        height: 30px;
        width: 30px;
        border:solid rgb(128, 128, 128) 1px;
        background: transparent;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -15px;
        transform: rotate(45deg);
        border-radius: 0px;
        background-color: #fff;
      }

      .range-value span, .range-value2 span{
        width: 30px;
        height: 18px;
        line-height: 20px;
        margin-left: 5px;
        font-size: 14px;
       }

       #slider-range .ui-slider-handle {
        position: absolute;
        width: 14px;
        height: 14px;
        margin-top: 4px;
        }

        .fancybox-slide--video .fancybox-content {
            width: auto !important;
            height: auto !important;
            max-width: 92% !important;
            max-height: 92% !important;
        }
}


@media only screen and (min-width: 280px) and (max-width: 550px) {

    #detail .produkt_obrazek {
        display: inline-block;
        width: 90%;
        height: 350px;
    }

    #detail .table_cena_snubni td {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        margin-left:15px;
        margin-right:15px;
    }
}

@media only screen and (min-width: 280px) and (max-width: 400px) {
    #popup {
        width: 85%;
        height: 440px;
        max-height:440px;
        margin-top: 150px !important;
        z-index: 8000;
    }
    #rezervace #datum {
        width: 45% !important;
    }

    #cas #datum {
        width: 45% !important;
        margin-bottom: 0px;
    }

    #rezervace textarea {
        height: 50px;
        margin-bottom: 0px;
    }

    #rezervace input[type=text] {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #rezervace_form h2 {
        margin-top: 7px;
        margin-bottom:4px;
        font-size:25px;
    }

    #rezervace button {
        margin-top: 8px;
    }
}