@import "oc_individual.css";

/*=================================================================================================================================*/
/*=================================================================================================================================*/
/*                                                                                                                                 */
/*                                                           SHOPPING CENTRE                                                       */
/*                                                                                                                                 */
/*=================================================================================================================================*/
/*=================================================================================================================================*/

/***********************************************************************************************************************************/
/*                                                                                                                                 */
/*                                                            SHOP PREVIEW                                                         */
/*                                                                                                                                 */
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* SHOPS CATEGORIES                                                                                                                */
/***********************************************************************************************************************************/
.oc-brands-preview-category .item-heading{font-weight:400; vertical-align:middle; height:4em; padding:.5em 33% .5em 20px; background-repeat:no-repeat; background-position:100% 100%; background-size:35%;}
.oc-brands-preview-category .item-heading > *{display:inline-block !important; vertical-align:middle;}

/***********************************************************************************************************************************/
/* SHOPS PREVIEW - NO LOGOS                                                                                                        */
/***********************************************************************************************************************************/
.page-oc-shops-preview{font-size:85%;}
.oc-brands-preview-list .item-heading{font-size:100%;}
.oc-brands-preview-list ul,.oc-brands-preview-list li{list-style:none; padding:0; margin:0; position:relative;}
.oc-brands-preview-list .oc-brands-preview-list-item{display:block; margin-top:1px; overflow:hidden;}
.oc-brands-preview-list li .oc-brands-preview-list-item:before{content:""; position:absolute; top:0; left:0; z-index:0; display:block; width:100%; height:100%; background-color:rgba(255,255,255,.85);}
.oc-brands-preview-list li .oc-brands-preview-list-item:hover{color:inherit;}
.oc-brands-preview-list .oc-brands-preview-list-item span{display:inline-block; position:relative; z-index:1; text-align:center; min-width:3em; padding:.3em; margin-right:.5em; float:left; padding-bottom:1000px; margin-bottom:-1000px;}
.oc-brands-preview-name{position:relative; z-index:1; margin-left:3.5em; padding:.3em 0;}
.oc-brands-preview-list .oc-brands-preview-list-item span.oc-brand-preview-floor{min-width:2em;}
.oc-brands-preview-list .oc-brands-preview-list-item span.oc-brand-preview-floor + span.oc-brand-preview-floor{margin-left:-.45em;}
.oc-brands-preview-list .oc-brands-preview-list-item span.oc-brand-preview-floor ~ .oc-brands-preview-name{margin-left:2.5em;}
.oc-brands-preview-list .oc-brands-preview-list-item .oc-brands-preview-name span{display:inline; text-align:left; min-width:2em; padding-top:0;}
.oc-brands-preview-list .oc-brands-preview-list-item .oc-brands-preview-name span + span{float:none; padding-left:0;}
.oc-brands-preview-list .oc-brands-preview-list-item + .oc-brands-preview-opening{position:absolute; top:0; right:0; z-index:2; width:4em; height:100%; padding-top:.5em; text-align:right; overflow:hidden; opacity:.5; font-size:85%;}
/*.oc-brands-preview-list .oc-brands-preview-list-item .oc-brands-preview-name .oc-brands-preview-opening{float:right;}*/
.oc-brands-preview-list-item-hours{padding-right:4em;}

.ind_body-page-shops .tooltipster-default{font-size:90%;}

/***********************************************************************************************************************************/
/* SHOPS PREVIEW - WITH LOGOS                                                                                                      */
/***********************************************************************************************************************************/
.oc-brands-preview-logos .item{overflow:hidden;}
.oc-brands-preview-logos .item-heading{display:none; position:absolute; left:0; bottom:0; z-index:2; width:100%; text-align:center; font-size:100%; font-weight:400; text-transform:none; opacity:.5;}
.oc-brands-preview-logos .notice-new{position:absolute; top:.8em; right:-2.2em; z-index:2; display:inline-block; line-height:1.4em; padding:.6em 3em; font-size:75%; text-transform:uppercase; color:white; background-color:#e52f2f; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}

/***********************************************************************************************************************************/
/* SHOP MAP                                                                                                                        */
/***********************************************************************************************************************************/
.page-oc-shops-preview #sidebar1-content{position:relative; z-index:2; padding-right:32px;}

/***********************************************************************************************************************************/
/* OPENED MAP LAYER                                                                                                                */
/***********************************************************************************************************************************/
.ws-dialog-window-map{width:95%; height:90%;}
.ws-dialog-window-map-detail{width:700px;} /* Window on shop detail page */

#map-holder-content,#map-holder-content-in,#map-holder,#map-holder-in,#map-main,#map-main-in,#map-area-in,
#map-container,#map-container-in,#map-container-in-info{height:100%;}
#map-content{position:relative;}
#map-holder-content{padding-top:7em;}
#map-holder-content #map-content{position:absolute; top:0; left:0; width:100%; height:100%; padding-top:3em; overflow:auto;}
#s-shops-map-content{position:relative;}
.map-over-link{display:block; position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; /*background:rgba(255,0,0,.5)*/}

#map-search{position:absolute; top:2em; left:0; width:100%; font-size:110%; margin:0;}
#map-search .form{max-width:800px; margin:0 auto;}

#map-main-in{position:relative; overflow:hidden;}
#map-area-in{position:relative;}

#map-main-in > .row,#map-main-in > .row > .col{height:100%;}

#map-area{max-height:100%; height:100%; padding:0; text-align:center; background-color:transparent; border-width:0; overflow:auto;}
#map-place{position:relative; overflow:auto; margin:0 auto;}
.map-place-content{position:relative; display:inline-block; vertical-align:middle; width:100%;}
.map-place-content svg{position:absolute; top:0; left:0; display:block; width:100%; height:100%;}

.map-svg-height{/*border:1px solid red;*/}

#map-container-in-info{height:100%;}
.map-place{height:100%; overflow:auto;}
.map-place-desc h3,.map-place-info h4{margin:0;}
.map-place-info{margin-top:2em;}

.map-choose-shop{position:absolute; top:0; left:0; width:100%; height:100%;}
.map-choose-shop-in{display:inline-block; vertical-align:middle;}

.map-pin{position:absolute; z-index:10000;}
.map-pin > *{position:absolute; bottom:0; left:0; display:block; width:1px; font-size:330%; text-decoration:none;}
.map-pin .icon{display:block; text-align:center; width:.65em; height:1em; margin-left:-.325em;}
.map-pin .icon,.map-pin .icon:before{line-height:1em;}
.map-pin > a,.map-pin > a:visited,.map-pin > span{color:red; text-shadow:2px 2px 0 rgba(0,0,0,.5);}

#map-logos{/*border:1px solid red;*/}

.map-logos-floor a,.map-logos-floor a img{display:block; position:absolute; z-index:1000;}
/*.map-logos-floor a{width:6% !important;}*/
.map-logos-floor a img{max-width:100%; width:100% !important; max-height:none; left:0 !important; top:0 !important; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

#map-floors{position:relative; top:0; left:0; width:100%; text-align:center; z-index:100; /*margin-bottom:1em;*/ background-color:rgba(255,255,255,.7);}
#map-floors ul,#map-floors li{list-style:none; padding:0; margin:0;}
#map-floors li{display:inline-block;}
#map-floors li a{padding:.3em 1em; border:none;}
/*#map-floors + #map-place{border:2px solid black;}*/
#map-floors .number-info{position:relative; top:-.1em; left:0; margin-left:0; font-size:80%; background-color:red;}

.map-place-content svg polygon{stroke:white; stroke-width:1;}
.map-place-content svg .nofill polygon{fill-opacity:0; stroke-width:0;}
.map-place-content svg polygon:hover,.map-place-content svg polygon.map-hover,.map-place-content svg .nofill polygon.map-hover{fill-opacity:.5; stroke-width:1;}
.map-place-content svg a polygon{cursor:pointer;}


/***********************************************************************************************************************************/
/* ALPHABET FILTER                                                                                                                 */
/***********************************************************************************************************************************/
/*.alphabet{font-size:110%;}
.alphabet-in{}
.alphabet-list ul,.alphabet-list li{list-style:none; padding:0; margin:0;}
.alphabet-list li{display:block; float:left;}
.alphabet-list li a,.alphabet-list li span{display:block; padding:10px 11px; text-decoration:none;}
.alphabet-list li.active a{background:#ededed;}
.alphabet-list li a:hover{color:white; background:#ef9542;}
.alphabet-list li span{color:#dddddd;}
.alphabet-list-letter{}
.alphabet-list-letter-all{}*/





/***********************************************************************************************************************************/
/*                                                                                                                                 */
/*                                                            SHOP DETAIL                                                          */
/*                                                                                                                                 */
/***********************************************************************************************************************************/
.oc-brand-detail h1{margin-bottom:0;}
.oc-brand-detail-address{margin:0;}

.oc-brand-detail-gallery.images-width .col-8 .image{padding-bottom:62.5%;}
.oc-brand-detail-gallery.images-width .col-4 .image{padding-bottom:60%;}
.oc-brand-detail-gallery .col-4 .item + .item ~ .item{display:none;}

.page-oc-shops-detail .oc-akce-preview h3{margin-top:0;}

.page-oc-shops-detail .oc-brands-preview-logos{background-size:cover;}
.oc-brand-detail-services .segment{margin-bottom:2.5em !important;}
.oc-brand-detail-services .segment + .segment:before{content:""; display:block; width:40%; margin:0 auto; border-top-width:1px; border-top-style:solid; border-top-color:rgba(0,0,0,.15);}
.oc-brand-detail-services .segment-heading{font-size:125%; margin-top:1.8em; padding-top:1.8em;}
.oc-brand-detail-contact p{margin:0;}

/***********************************************************************************************************************************/
/* MORE IMAGES                                                                                                                     */
/***********************************************************************************************************************************/
.ind_gallery-more{font-size:300%;}
.ind_gallery-more{display:block; position:absolute; z-index:100; left:50%; top:50%; width:2em; height:2em; padding:.5em 0; line-height:1em; margin:-1em 0 0 -1em; text-align:center; letter-spacing:-.1em; color:white; background-color:black; background:rgba(0,0,0,.5); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}





/***********************************************************************************************************************************/
/*                                                                                                                                 */
/*                                                   INDIVIDUAL STYLES FOR ELEMENTS                                                */
/*                                                                                                                                 */
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* STANDARD CLASSES                                                                                                                 */
/***********************************************************************************************************************************/
*,.icon:before,.icon:after{line-height:1.6em;}
.ws-slider-controls-arrows .icon:before,.ws-slider-controls-arrows .icon:after{line-height:1.4em;}
.layout-full-boxed.layout-full #foot .stripe-width .stripe-in{max-width:1360px;}
h1 span:not(.live-edit-translation),h2 span:not(.live-edit-translation),h3 span:not(.live-edit-translation),h4 span:not(.live-edit-translation){font-weight:400; display:block;}

#head{/*font-size:90%;*/ border-bottom:1px solid #d8d8d8;}
.head-v3 .stripe-space-m > .stripe-in .col-head-logo img{max-height:5.4em;}
.head-v3 .stripe-space-s > .stripe-in .col-head-logo img{max-height:3em;}
#head #nav{text-transform:uppercase;}
.head-v3 #head-elements .element-head{border:none;}
.head-v3 #head-elements .head-icon-in{display:none;}
.head-v3 #head-elements .head-icon{padding-top:2.1em;}
#head-elements .head-icon-image:after{font-family:FontAwesome; -webkit-font-smoothing:antialiased; content:"\f107"; margin-top:-.2em; display:inline-block; vertical-align:middle; margin-left:.3em;}
#head-elements .element-social{padding-left:1em;}
#head.head-fixed, #head.head-fixed.sticky-element.stuck{z-index:600;}

/*#foot{font-size:75%;}*/

.perex{border:none;}

input:focus,select:focus,textarea:focus{outline:none;}

input,select,.segment button:not(.oc-ws-dialog-window-close):not([class^="pswp"])/*,.button:not(.oc-ws-dialog-window-close)*/,.field-icon .icon:before{height:3.2em;}
input,select,.segment button,.button:not(.oc-ws-dialog-window-close){padding-top:.8em; padding-bottom:.8em;}
.segment button:not(.oc-ws-dialog-window-close):not([class^="pswp"]),.button:not(.oc-ws-dialog-window-close){text-transform:uppercase; padding-left:1.4em; padding-right:1.4em;}
.sidebar .element-nav{font-size:85%;}
.element-directmail-horizontal{font-size:90%;}
.article .item .more,.article .item-desc .more{display:block; margin:1em 0 0;}
.item .more a,.item-desc .more a{text-decoration:underline;}

.item-detail > .perex + .image{float:none; width:100%; margin-right:0;}
.item-detail .item-detail-content{max-width:800px; margin:0 auto;}
.item-detail .item-info,.item-detail + .item-info-bottom,.item-detail ~ .back{text-align:center;}
.item-detail .item-info + h2{text-align:center;}

.images-square .image .image-in a,
.images-width .image .image-in a,
.oc-brand-preview .image .image-in a,
.images-full-box .image .image-in a{display:block; position:absolute; top:0; left:0; width:100%; height:100%; /*background:rgba(255,0,0,.5);*/}

.special-element-side .special-element-in{left:0; right:0;}
.special-element-side .special-element-in .segment ~ .segment{margin-top:1.5em;}
#special-element-side-2.special-element-side .special-element-in{left:0; right:0;}
#special-element-side-2.special-element-side .special-element-in .segment{position:relative; right:100%; display:inline-block; /*border:1px solid red;*/}
#special-element-side-2.special-element-side .special-element-in .segment.element-social .social-icon{display:block;}

#top-page{bottom:0;}

.special-element-side .element-social{padding-right:10px;}

/***********************************************************************************************************************************/
/* DIALOG WINDOW                                                                                                                   */
/***********************************************************************************************************************************/
.oc-ws-dialog-window-close{position:absolute; top:0; right:0; z-index:1002; padding:.1em .35em;}
.oc-over-page-layer{position:fixed; top:0; left:-100%; z-index:-1; width:100%; height:100000px; background:rgba(0,0,0,.8);}
.ws-dialog-container .oc-over-page-layer{left:0; z-index:1;}

/***********************************************************************************************************************************/
/* INDIVIDUAL CLASSES                                                                                                              */
/***********************************************************************************************************************************/
.ind_main-visual{font-size:110%;}
.ind_main-visual h1{font-size:430%; line-height:1em;}
.ind_main-visual h1 span{font-size:73%;}

.ind_slider-text-width .col-6{width:70%;}

.ind_digest-info{/*position:relative; top:1em; margin-top:-2em;*/ font-size:90%; }
.ind_digest-info .item{margin-bottom:0 !important;}
.ind_digest-info .item-heading{margin-bottom:0;}
.ind_digest-info .image{text-align:right;}

/*.ind_digest-services{}*/
/*.ind_digest-services .item{padding:2.5em 20px; margin-bottom:0 !important;}*/
.ind_digest-services .item-heading{margin:0 0 .3em;}

/*.ind_digest-hidden-title{}*/
.ind_digest-hidden-title .item-heading{display:none;}

.ind_centre-campaign{position:absolute; left:0; top:0; background-color:red;}

.ind_digest-category .item > a{display:block; padding-bottom:0;}
.ind_digest-category .item-heading{font-weight:400; min-height:4em; margin-top:0;}

/*.ind_photogallery{}*/
.ind_photogallery.items-boxed .item{padding:0; border:none;}
.ind_photogallery.items-boxed .item-heading{text-transform:none; font-weight:400; padding:1.5em 20px; margin:0;}

.ind_pinbox{font-size:90%; text-align:left; width:210px; border:none; position:relative;}
.ind_pinbox .item-heading{font-size:100%; margin:0;}
.ind_pinbox .element-social{font-size:80%; text-align:center; padding-right:0;}
.ind_pinbox .social-icon{margin-top:0 !important;}
.ind_pinbox .segment-heading{font-size:100%; font-weight:400; text-align:center; padding:1em; color:white; background:#4c4c4c;}
.ind_pinbox .segment-heading{position:absolute; top:0; left:100%; transform-origin:0% 0%; transform:rotate(-90deg) translate(-100%, -100%);}

/*.ind_map-box{}*/
.ind_map-box h3{margin-top:0;}

.ind_map-box .s-shops-map{display:block !important;}
.ind_map-box .s-shops-map ~ .s-shops-map{margin-top:-30%;}
/* Floors vertical - center */
.ind_map-box .map-place-content.map-svg-height svg{width:auto; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
/* Floors - Drop shadow */
.ind_map-box #map-place{overflow:visible;}
.ind_map-box .map-place-content svg{-webkit-filter:drop-shadow(0 10px 10px rgba(0,0,0,0.3)); filter:drop-shadow(0 10px 10px rgba(0,0,0,0.3));}

.ind_foot{font-size:80%; border-bottom:1px solid white; border-color:rgba(255,255,255,.1);}
.ind_foot .element-social{text-align:center; margin-bottom:2em;}
.ind_foot .social-icon + .social-icon{margin-left:1em;}
.ind_foot .social-icon{font-size:160%; line-height:2.1em; width:2.3em; height:2.3em; background:none; border:1px solid white; border-color:rgba(255,255,255,.2);}
.ind_foot h3{font-size:120%; margin-top:0;}

.ind_element-box,.sidebar .ind_element-box{/*padding-bottom:0;*/ border:none;}
.ind_element-box h3{font-size:120%; margin:.5em 0 1.2em !important;}
.ind_element-box *:last-child{margin-bottom:0;}
.ind_element-box img{display:block;}
.ind_element-vr360 p{margin-left:-20px; margin-right:-20px;}

/*.ind_article-preview{}*/

.crumbs-c #crumbs .stripe-in,.h1-c h1,
.stripe-in .article-detail h1,.stripe-in .article-detail .item-info,.stripe-in .article-detail .perex{text-align:center;}
.article .item-date,.article-detail .item-date{color:white; background:#0088c1;}
.item-recommend,.article .item-date,.article-detail .item-date{padding:.4em 1em; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

.article-detail > .item-info > p,.article-detail > .item-info > .element-social{margin-bottom:.5em;}

.ind_mw,.ind_campaign-over,.page-articles-detail,.page-oc-sales-detail{max-width:1000px; margin:0 auto;}
.ind_campaign-over{font-size:150%; padding:1em; margin-top:1em; margin-bottom:1em; color:white; background-color:#e22a22;}

/* row */
.row.ind_row-center{text-align:center; vertical-align:top;}
.row.ind_row-center > .col{display:inline-block; vertical-align:top; float:none;}

.ind_row-clearing.row > .col-6:nth-child(2n+0) + .col,
.ind_row-clearing.row > .col-4:nth-child(3n+0) + .col,
.ind_row-clearing.row > .col-3:nth-child(4n+0) + .col,
.ind_row-clearing.row > .col-1-5:nth-child(5n+0) + .col,
.ind_row-clearing.row > .col-2:nth-child(6n+0) + .col,
.ind_row-clearing.row > .col-1-7:nth-child(7n+0) + .col,
.ind_row-clearing.row > .col-1-8:nth-child(8n+0) + .col,
.ind_row-clearing.row > .col-1-9:nth-child(9n+0) + .col,
.ind_row-clearing.row > .col-1-10:nth-child(10n+0) + .col,
.ind_row-clearing.row > .col-1-11:nth-child(11n+0) + .col{clear:both;}

.ind_body-t1 #body{padding-top:1.5em;}
.ind_body-b1 #body{padding-bottom:1.5em;}

.ind_grid-space .row{margin-left:-8px; margin-right:-8px;}
.ind_grid-space .row .col{padding:0 8px;}
.ind_grid-space .col .item{margin-bottom:8px;}
.ind_grid-space > .row > .col .col:first-child{text-align:center;}