/* Common tag based styles */
html {overflow-x:auto; overflow-y:scroll; z-index:0;}
BODY {color:#323234; font-family: 'Raleway', sans-serif; padding: 0; margin:  0;	border: 0; position: relative;}
body {top: 0px !important; position: static !important; }
A {color:#5362BB; outline:none; text-decoration: underline;}
A:hover {text-decoration: underline;}
IMG {border:0;}
TD  {border:0px solid #000; padding:2px 16px 2px 2px; color:#666; font-size:12px;}
FORM {text-align:left;}
INPUT {border:1px solid #666; }

.podkres {  background-image: url("../img/podkres.png"); background-color: #000000; height: auto; background-position: center; background-repeat: no-repeat; background-size: cover;}

.since {padding: 6px 10px; background: #d10019; font-size: 18px; color:#FFFFFF; font-weight: bold; margin-right: 6px; display: inline-block; line-height: 22px; vertical-align: middle;}
.since-text {padding: 0px 10px; line-height: 20px; font-size: 14px; display: inline-block; color:#FFFFFF; vertical-align: middle;}
.centrum-mody {padding: 0px 10px; line-height: 20px; font-size: 14px; display: inline-block; color:#FFFFFF; vertical-align: middle;}
.centrum-sipka {padding: 6px 10px; background: #d10019; font-size: 18px; color:#FFFFFF; font-weight: bold; margin-left: 6px; display: inline-block; line-height: 22px; vertical-align: middle;}
#navigation {/*background: #0e0e0e url(../img/bg-menu.png);*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d20122+0,95081d+100 */
background: rgb(210,1,34); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(210,1,34,1) 0%, rgba(149,8,29,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(210,1,34,1) 0%,rgba(149,8,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(210,1,34,1) 0%,rgba(149,8,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20122', endColorstr='#95081d',GradientType=0 ); /* IE6-9 */


}
.navbar {padding: 0px;}
.nav-item {text-align:center; margin: 0px 10px !important;}
.nav-item a {color:#FFFFFF; display: block; text-decoration: none; line-height: 22px; font-weight: normal; transition: text-shadow .3s;}
.nav-item:hover a {text-shadow: 0 0 .9px #FFF, 0 0 .9px #FFF, 0 0 .9px #FFF;}
.navnonscroll {margin-top: 0px; background: none;}
.navbar-fixed-top {background: #d00019; position: fixed; left:0px; top:0px; width:100%; z-index: 999; border-bottom: 1px solid #FFFFFF; }
.navbar-fixed-top li a {color: #FFFFFF !important;}
.navbar-fixed-top li a:hover {color: #f3f3f3 !important;}

header {}
.bg-image-full {background: no-repeat top center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-image: url("../img/1080.jpg"); min-height: 300px;}
.bg-image-full-panska {background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-image: url("../img/panska-svatebni-moda-banner.jpg"); min-height: 300px;}


.strih  {background: url(../img/strih.png) repeat-x; height: 40px; width: 100%;}

.slogan {font-size: 28px !important;}
.slogan span {font-family: 'Great Vibes', cursive; color: #d00018; font-size: 36px !important; display: block; font-weight: normal;}
blockquote {font-family: 'Great Vibes', cursive; color: #d00018; font-size: 32px; display: block; font-weight: bold; border-top: 1px solid #B8B8B8;  border-bottom: 1px solid #B8B8B8;}
* {border-radius: 0 !important;}
.bg-gray {background: #eaeaea; padding-top: 30px; padding-bottom: 90px;}
.products {margin-top: -60px; margin-bottom: 30px;}


.fancybox-title-float-wrap .child {
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(208, 0, 24, 0.8) !important;
}


.products a {color: #000; text-decoration:none; text-transform: uppercase;}

.products .btn-outline-primary {background-color: rgb(255, 255, 255); border-color:rgb(208, 0, 24); padding: 12px 48px; border-style: dashed; margin-bottom: 4px;}
.products .btn-outline-primary:hover {background-color: rgb(208, 0, 24); border-color:rgb(208, 0, 24);}

.border-top-red {}
.thumbnails {margin-top: 20px;}
.oteviraci-doba label {min-width: 80px;}

ul.dot2022, ul.dot2022-1 {margin: 0; padding:0;}
.dot2022 li::before { content: "\2022 "; font-size:20px; vertical-align:bottom; margin-right:6px; color: #d00018;}
.dot2022 li:first-child:before { content: "\ ";}
.dot2022 li {line-height:20px; margin: 0px 18px 0px 6px; padding: 0px; text-indent: -18px; display: inline-block; font-weight: bold;}

.dot2022-1 li::before { content: "\2022 "; font-size:20px; vertical-align:bottom; margin-right:12px; color: #d00018;}
.dot2022-1 li {line-height:20px; margin: 0px 18px 4px 18px; padding: 0px; text-indent: -18px; display: inline-block; font-weight: bold;}

.vizitky h3 {color: #d02528; font-size:16px; margin-top: 8px; padding-top: 0px;}
.vizitky p {font-size:12px;}

.content {display:block;}
.content .content-item {display:none;  }
.content .content-item.show {display:block; border-bottom:1px dashed #d00018; padding-bottom: 20px; margin-bottom: 20px;}

.kovalam-photo {background: url(../img/cela-rodina.jpg) center; background-size: cover; width: 50%; height: 460px;}
.kovalam {background: #000000; background-size: contain; height:460px; color:#FFFFFF; display: table; width: 50%;}
.kovalam div {padding: 0 20px 0 50px; display: table-cell; vertical-align: middle;}
.gokarna-photo {background: url(../img/kvetiny.jpg) center; background-size: cover; width: 50%; height: 460px;}
.gokarna {background: #f6f6f4; height:460px; display: table;}
.gokarna span, .kovalam span {font-size:18px; color: #d00018; display: block; margin-bottom: 10px;}
.gokarna div {padding: 0 50px 0 20px; display: table-cell; vertical-align: middle;}

.reference { margin: auto; text-align: center; width: 75%; min-height:130px; height: auto;}
.reference .slides {height:0; margin: 0px; padding: 0px; font-size:18px; line-height: 22px;}

.ref-bg {background: #000000;}
#ref-carousel {position: relative; width:100%; margin:0 auto;}
#ref-slides {overflow: hidden; position: relative; width: 100%; height: 205px;}
#ref-slides ul {list-style: none; width:100%; height:auto; margin: 0; padding: 0; position: relative; }
#ref-slides li {width:100%; height:auto; float:left; position: relative;  text-align: justify; }
/* Styling for prev and next buttons */
.ref-btn-bar {text-align: center; position: relative;}
#ref-buttons a {text-align:center; display:inline-block; margin:10px; padding:10px; width: 50px; height: 50px;}
#ref-buttons a#prev {background: url(../img/sipka_leva.png) no-repeat center center;}
#ref-buttons a#next {background: url(../img/sipka_prava.png) no-repeat center center;}

.quote-phrase {font-weight:300; display: table-cell; vertical-align: top; padding: 5px 20px; height: auto; font-size:20px; color:#FFFFFF; font-style:italic; text-shadow:.5px 0px #000; line-height: 28px;}
.quote-author small {color:#FFF; font-style: italic; font-size:14px !important;}
.quote-author {font-style:normal; font-size:20px; color:#d00018; font-weight:400; height: auto; display: block; clear: both; text-align: center;}
.quoteContainer {display: table; width: 100%;}
.quoteContainer img {float:left; margin-right:20px;}

button.navbar-toggler {outline:none;}
.navbar-toggler span {border:1px solid #FFFFFF; color:#FFFFFF; padding: 4px;}

h1 {font-size:36px; line-height:36px; padding:10px 0px; color:#d02528; text-transform: uppercase; font-weight: 600;}
h1 span {clear: both; display: block;  text-transform: capitalize;}
h2 {font-size:28px; color: #d02528; line-height: 30px; padding: 10px 0px; font-weight: 600;}
h3 {font-size:22px; color: #d02528;}
h4 {font-size:20px; color: #d02528;}

hr {border-top: 1px solid #d9d9d9;}


#nevesty:before, #maminky:before, #panske-boty:before, #obuv:before, #doplnky:before     { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}



.paralax {margin: 30px auto; background-image: url('../img/panska-svatebni-moda-parallax-2.jpg'); height: 360px; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover;}

.scissors {border-top:1px dashed #d00018; margin-top: 40px; padding-top: 30px; position: relative;}
.scissors-img {position: absolute; top:-28; left:0px; background: #FFFFFF;}
.scissors-img img {width:60px;}
.ramecek {border:1px solid #FF0004; padding: 6px 10px; font-size: 18px;}
.purple {background: #6A00B0;}
@media (max-width: 767px) {
.hidden-xs-12 {display: none; visibility: hidden;}
.kovalam {width: 100%;}	
.img-container img {border-top: 10px solid #d00018;}
.navscroll {display: none !important;}
.quoteContainer img {width:26px; margin-right:4px;}	
.quote-phrase {font-weight:300; display: table-cell; vertical-align: top; padding: 5px 20px; height: auto; font-size:14px; color:#FFFFFF; font-style:italic; text-shadow:.5px 0px #000; line-height: 18px;}
.quote-author small {color:#FFF; font-style: italic; font-size:12px;}
.quote-author {font-style:normal; font-size:16px; color:#d00018; font-weight:400; height: auto; display: block; clear: both; text-align: center;}
}	

@media (min-width: 768px) {
.img-container img {border-top: 10px solid #d00018;}
}

@media (min-width: 992px) {
	.img-container img {border-top: none;}
	.img-container {position: relative; width: 200px; height: 240px; overflow: hidden; border-top: 10px solid #d00018; text-align: center;}
.item {position: absolute; top: 0; left: -100px;}
.item img {-webkit-transition: 0.6s ease; transition: 0.6s ease;}
.img-container:hover .item img {-webkit-transform: scale(1.2); transform: scale(1.2);}
.video {max-width:50%;}
}
@media (min-width: 1200px) {
.img-container {position: relative; width: 250px; height: 312px; overflow: hidden; border-top: 10px solid #d00018;}
.item {position: absolute; top: 0; left: 0;}
.item img {-webkit-transition: 0.6s ease; transition: 0.6s ease; width: 100%;}
.img-container:hover .item img {-webkit-transform: scale(1.2); transform: scale(1.2);}
}

.footer {background: #000000; color: #FFFFFF; padding:12px 0px; margin-top: 20px;}
.footer a {color:#FFFFFF;}

.fb-link, .twitter-link, .google-link, .linkedin-link {display:inline-block; width:25px; height:25px; margin:6px;}

.fb-link {background: url(../img/icons/facebook_aktivni.png);}
.twitter-link {background: url(../img/icons/twitter_aktivni.png);}
.google-link {background: url(../img/icons/google_aktivni.png);}
.linkedin-link {background: url(../img/icons/linkedin_aktivni.png);}

.back-to-top {position: fixed; bottom: 2em; right: 8px; text-decoration: none; color: #000000; background-color:none; font-size: 12px; padding: 1em; display: none; border-radius:25px; z-index: 999; cursor: pointer;}
.back-to-top img {width:50px;}
.back-to-top:hover {/*background-color: rgba(200, 210, 21, 0.50);*/}