@charset "utf-8";
/* CSS Document */
body {font-family: 'Poppins', sans-serif; background: #ece7e0; font-weight:300; font-size:14px;}
.light {font-weight:300;}
.language a {display:inline-block; padding: 2px 8px; background: #bf5656; color:#FFFFFF; font-size: 12px; line-height: 16px;}
.language a:hover {background: #d1d2d4; font-size: 12px; line-height: 16px; text-decoration: none; color: rgba(0,0,0,1.00);}

nav {background: rgba(255,255,255,1.00);}
.navbar-nav li {margin-left:8px; margin-right: 8px;}
.navbar-nav a {position: relative; color: #000; text-decoration: none; letter-spacing:2px; font-size: 16px; padding: 0px !important;}
.navbar-nav a:before {content: ""; position: absolute; width: 30%; height: 2px; bottom: -5px; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ab9165+0,866941+100 */
background: #ab9165; /* Old browsers */
background: -moz-linear-gradient(left,  #ab9165 0%, #866941 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ab9165 0%,#866941 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ab9165 0%,#866941 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab9165', endColorstr='#866941',GradientType=1 ); /* IE6-9 */
; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}


.navbar-nav a:hover:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}

blockquote {background: #f9f9f9; border-left: 10px solid #d1d3d4; margin: 1.5em 10px; padding: 24px; font-size: 18px; font-style: italic;}

.obory {background:#404040;}
.obor {padding: 16px 10px; display: inline-block; position: relative;}
.obor:before{content: ""; position: absolute; height: 60px; width: 1px; right: 0; top: 84px; border-right: 2px solid; border-image: linear-gradient(to bottom,  #ab9165 0%,#866941 100%);
  border-image-slice: 1;}
.obor img {width:50px; margin-bottom: 16px;}
.obor h3 {color: rgba(255,255,255,1.00); font-size: 20px; font-weight: 300;}
.obor p {color: rgba(255,255,255,1.00);}

/*.obory {background:#404040;}
.obor {background: url(../img/Paragraf_m.png) left center no-repeat; padding: 16px 10px 16px 40px;}
.obor h3 {color: rgba(255,255,255,1.00); font-size: 20px;}
.obor p {color: rgba(255,255,255,1.00);}
.obor div {border-left: 1px rgba(255,255,255,0.20) double; border-width:5px; padding: 10px 14px 0px 14px;}*/

.gradient {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ab9165+0,866941+100 */
background: #ab9165; /* Old browsers */
background: -moz-linear-gradient(left,  #ab9165 0%, #866941 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ab9165 0%,#866941 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ab9165 0%,#866941 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab9165', endColorstr='#866941',GradientType=1 ); /* IE6-9 */}

h1 {text-transform: uppercase; color: rgba(255,255,255,1.00); font-size: 54px; font-weight: 900; letter-spacing: 10px;}
h1 span {display: block; font-size:24px; letter-spacing: 0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ab9165+0,866941+100 */
background: #ab9165; /* Old browsers */
background: -moz-linear-gradient(left,  #ab9165 0%, #866941 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ab9165 0%,#866941 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ab9165 0%,#866941 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab9165', endColorstr='#866941',GradientType=1 ); /* IE6-9 */-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: normal;}
h2 {padding: 30px 20px 14px 20px; margin-bottom:40px; font-weight:400; text-transform: uppercase; letter-spacing: 3px; display: inline-block; position: relative;}
h2:before{content: ""; position: absolute; width: 30%; height: 1px; bottom: 0; left: 35%; border-bottom: 4px solid; border-image: linear-gradient(to right,  #ab9165 0%,#866941 100%);
  border-image-slice: 1;}

.bg {background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url(../img/bg.jpg); background-position: top center; background-size: cover; height: 500px; background-color: #ece7e0;}
.white-box {border-radius: 10px; background: rgba(255,255,255,1.00); -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;}
.button {border-radius: 4px; color: #FFFFFF;  letter-spacing:2px;}
.button:hover {color: #FFFFFF; text-decoration: none;}
#kdo {margin-top: -60px;}
#coumime {margin-top: -60px; background: rgba(255,255,255,1.00);}
#zakolik {background: rgba(255,255,255,1.00);}
#kontakty {border-top:8px solid #9f8459; color:rgba(255,255,255,1.00); background: #212121;}
#kontakty.bg {height: auto;}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.telefon {background: url(../img/telefon.png); padding: 12px 20px 12px 70px; width: 300px; height: 56px; font-size: 20px; color: rgba(255,255,255,1.00);}
.email {background: url(../img/email.png); padding: 12px 20px 12px 70px; width: 300px; height: 56px; font-size: 20px; color: rgba(255,255,255,1.00);}
.mw-500 {max-width: 500px;}
.gradient-box {width: 250px; height: 250px; border-left: 5px solid #3ACFD5; border-right: 5px solid #3a4ed5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 0 100% ; background-repeat: no-repeat; -webkit-background-size: 100% 5px; -moz-background-size: 100% 5px; background-size: 100% 5px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%), -webkit-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%);
  background-image: -moz-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%), -moz-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%);
  background-image: -o-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%), -o-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%);
  background-image: linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%), linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%);
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203);
} 

@media (max-width: 575px)  {
	.navbar-nav {margin-top:12px !important;}
	.navbar-nav li {margin:8px; padding: 4px 8px;}
	.navbar-nav a:hover:before {visibility:hidden; -webkit-transform: scaleX(0); transform: scaleX(0);}
}