/** GLOBAL SETS **/

h1,h2,h3,h4,h5,h6{color:#e81b22}
.title{background-color:#e81b22}  
#content .desc {color:#e81b22; padding: 0 0 40px 0}

body {font-size:14px;line-height:18px;color:#2b2a28; font-family: "Open Sans", sans-serif; text-align:justify;/*background-color:#ffffff;background-image:url('../../data/uploads/tlo_strony/colorfull01.jpg');background-repeat:no-repeat;background-position:left top;background-attachment:fixed;background-size:auto;*/}

a:link, a:visited {color:#e81b22;text-decoration:none;}
a:hover, a:focus {color:#2b2a28;text-decoration: underline;}

.logo{padding:15px 0;}
.logocenter{padding:15px 0;margin:10px auto;}

@media (max-width: 991px) {
	.logo { margin:10px auto;}
}

.gmnopm{margin-left:0;margin-right:0;padding-right:0;padding-left:0;}
.navbar{min-height:20px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
.navbar-default {
    background-color: #2b2a28;
    border-color: transparent;
	margin-top: 20px;
	font-size:16px;
	font-weight:bold;
}

@media (min-width: 991px) {
.navbar-default {
    margin-top:30px;
}
}

#bs-navbar{padding-top:5px}

.nav-pills > li > a{color:#ffffff; border-radius: 0px }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus ,.nav-pills > li > a:hover,.nav-pills > li > a:focus,
.nav-pills > li.currentpath > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover
{
    background-color: #2b2a28;
    color: #e81b22!important;
}

.dropdown-menu {background-color: #68b53c;border:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.dropdown-menu {text-align: center; margin: 1px 0 0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#2b2a28;}
.navbar-default .navbar-toggle{border-color:#ffffff;}
.navbar-default .navbar-toggle .icon-bar {background-color:#ffffff;}
.navbar-toggle {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

.btn{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

.btn-default,.sc-submit{border:none;background-color: #e81b22;color: #ffffff!important;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
opacity:0.8;background-color: #e81b22;color: #ffffff!important;}

.sy-pager li.sy-active a {
    background-color: #e81b22!important;
}
.gallery-marketing .centerall{text-align:center;}
.gallery-marketing .centerall img{margin:0 auto;}

.content {background-color:#ffffff;box-shadow: 0px 0px 2px #b2b2b2}

#index #content {margin: 0 auto; padding: 0}
#content {margin: 0 auto; padding: 75px 0;}
#content img{max-width:100%;height:auto!important;}
#content h1{font-size:24px;line-height:28px;}
#content h2{font-size:22px;line-height:26px;}
#content h3{font-size:20px;}
#content h4{font-size:18px;}
#content h5{font-size:16px;}
#content h6{font-size:14px;}
#content p{font-size:14;line-height:18px;color:#2b2a28}
#content table td,#content table th{padding:15px;}
#content #main {background-color:none;}

#content div.gm-style{margin:20px auto 0 auto}
#content div.gm-style img{max-width:none;}

.sc-label {width: 100%;display: inline-block;}

.sc-text { width: 100%; border: none; border-bottom: 1px solid #2b2a28;padding: 6px;margin-top: 5px;margin-bottom: 5px;background:transparent;font-size:12px;}
.sc-text-area {width: 100%;min-height: 100px;resize: none;border: 1px solid #2b2a28;padding: 6px;margin-top: 5px;margin-bottom: 5px;background:transparent;}
.sc-submit {width: 100%;padding:15px;margin-top: 5px;margin-bottom: 5px;cursor: pointer;text-transform:uppercase;}
.sc-submit:hover, .sc-submit:focus{opacity: 0.8;}
.sc-error {float: left;color: #e81b22;}
.sc-success {float: left;color: #e81b22;}
.error {color: #e81b22;}
.sc-clear {content: "";display: table;clear: both;}

.footer {padding:10px 0;background-color:#ffffff;color:#ffffff;text-align:center;}
.footer p{margin:0;}
.footer a {color:#ffffff}


#copyr p{margin:15px 0;font-size:12px;color:#2b2a28}
#copyr h3{text-align:right;margin:15px 0;font-size:11px;font-weight:normal;color:#2b2a28}
#copyr h3 a{color:#2b2a28}

#cookie-warn-wrapper {position: fixed;bottom:0;left:0;width:100%;background-color: rgba(0,0,0,0.6);color:#fff;}
#cookie-warn-wrapper div{text-align:center;font-size:10px;line-height: 16px;padding-top:8px;padding-bottom:8px;}
#cookie-warn-wrapper span{cursor: pointer;margin-left:20px;padding:2px 10px;background-color:#000000;color:#ffffff}
#cookie-warn-wrapper a{color:#fff;}
#cookie-warn-wrapper span:hover {opacity:0.5;}

.musli *{padding:0;margin:0;list-style:none;}
.musli{position:fixed;right:0px;top:150px;z-index:100;list-style:none;}
.musli > li{cursor:pointer;width:35px;height:35px;margin-bottom:1px;position:relative;}
.musli > li > img{-moz-border-radius: 5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;}
.musli > li > div{padding:5px;float:left;width:290px;height:auto;-moz-border-radius: 0 0 0 8px;-webkit-border-radius: 0 0 0 8px;border-radius: 0 0 0 8px;position:absolute;top:0;left:35px;z-index:100;}

.musli > li > div.musli-google{height:370px;}
.musli-google{border: solid #cd3c2a 3px;}
.musli > li > div.musli-facebook{padding:0;height:226px;}
.musli-facebook{border: solid #0170cf 3px;}
.musli-twitter{border: solid #07afee 3px;}
.musli-mail{background: #ffffff!important;color:#ffffff!important; border: 4px solid black; text-align;center; padding: 20px 0 !important; text-align: center;}
.musli-mail h3{color:#ffffff;font-size:18px;font-weight: bold;line-height: 25px;}
.musli-mail p{color:#ffffff;font-size:12px;font-weight: normal;line-height: 24px;text-align: center;padding: 8px;}
.musli-mail a{color:#ffffff!important;}
.musli > li > div.musli-allegro{height:200px;}
.musli-allegro{background: #fff!important;color:#allegro!important;}
.musli-allegro h3{color:#ff5900;font-size:18px;font-weight: bold;line-height: 25px;}
.musli-allegro p{color:#ff5900;font-size:16px;font-weight: normal;line-height: 25px;text-align:center;margin-top:30px;}
.musli-allegro img{display:block;margin:10px auto 0 auto;}
.musli > li > div.musli-insta{height:200px;}
.musli-insta {background: #f09433; }
.musli-insta {background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
.musli-insta {background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.musli-insta {background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.musli-insta h3{color: white; font-size:18px; font-weight: bold; line-height: 25px; text-align:center}
.musli-insta p{color:#ff5900;font-size:16px;font-weight: normal;line-height: 25px;text-align:center;margin-top:30px;}
.musli-insta img{display:block;margin:10px auto 0 auto; width: 100px}
.musli-snap {background: #fff!important; color:#allegro!important; border: 3px solid #FFFC00; border-right: none; height: 200px !important;}
.musli-snap h3{color:#F7E821;font-size:18px;font-weight: bold;line-height: 25px; text-align: center}
.musli-snap p{color:#ff5900;font-size:16px;font-weight: normal;line-height: 25px;text-align:center;margin-top:30px;}
.musli-snap img{display:block;margin:10px auto 0 auto; max-width: 100px;}
.musli-deviant { background: #fff!important; border: 3px solid #01D13D; border-right: none; height: 200px !important;} 
.musli-deviant h3{color:#01D13D;font-size:18px;font-weight: bold;line-height: 25px; text-align: center;}
.musli-deviant p{color:#ff5900;font-size:16px;font-weight: normal;line-height: 25px;text-align:center;margin-top:30px;}
.musli-deviant img{display:block;margin:10px auto 0 auto; max-width: 150px}
.musli-pinterest {height: 200px !important; border: 3px solid #CB2028; border-right: none; background-color: #fff; color: #CB2028}
.musli-pinterest h3{color:#CB2028; font-size:18px;font-weight: bold;line-height: 25px; text-align: center}
.musli-pinterest p{color:#ff5900;font-size:16px;font-weight: normal;line-height: 25px;text-align:center;margin-top:30px;}
.musli-pinterest img{display:block;margin:10px auto 0 auto;border-radius: 50%}
.musli .fa {text-align: center; display: inherit; color: white; font-size: 30px; padding: 3px;}
.musli .fa-facebook { background-color: #3B5998; }
.musli .fa-pinterest-square { background-color: #CB2028;}
.musli .fa-deviantart {background-color: white; color: #01D13D;}
.musli .fa-snapchat-ghost {color: black; background-color: #FFFC00;}
.musli .fa-instagram  {background-color: #f09433; }
.musli .fa-instagram  {background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
.musli .fa-instagram  {background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.musli .fa-instagram  {background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.musli .fa-google-plus {font-size: 23px; background-color: #DB4437; padding: 6px;}
.musli .fa-paper-plane {background-color:black; color: white; font-size:24px; padding:6px;}
#toTop {display:none;text-decoration:none;position:fixed;bottom:40px;right:5px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background:url(images/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(images/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}
#gallery-slippry-respo { list-style: none; margin: 0; padding: 0; }

@media (max-width: 830px) {.musli,.musli-left,#toTop,#toTopHover {display:none;}}
#header > .container {
background-color: #2b2a28;}
/* ---------------- TopLogo ---------------- */
.logoTop .topnav {margin-bottom: 0;}
.logoTop .logocenter {max-height: 150px;}

/* ---------------- Bez Galerii Logo Top ---------------- */
.bGalleryLogoTop .logocenter {max-height:150px;}

#main h2 span{
    font-size:36px;
    line-height:72px;
}
#main p span{
    font-size: 16px;
    line-height: 32px;
}

body > .container {
    background-color: #ffffff;

    padding: 0px;
    box-shadow: 0px 0px 2px #b2b2b2}
@media (max-width:990px){
#header .col-md-8.gmnopm {padding:0}
}
.bGallery,.template{background-color: #2b2a28;}
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #2b2a28;
  padding-top: 30px;
  padding-bottom: 30px;
}
ul.topnav > li {
    float: left;
}	
ul.topnav > li > a {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 1em .5em;
  text-decoration: none;
  transition: 0.3s;	
  font-size: 1.3em;
}

ul.topnav li a:hover, .dropdown:hover .dropbtn {background-color: #2b2a28;}
ul.topnav li a:hover {color: #e81b22;}
ul.topnav > .active {
	position: relative;
	background-color: #2b2a28;
}
ul.topnav > .active:before, .active:after{
	content: "";
    width: 100%;
}
ul.topnav > .active:before {
	position: absolute;
    top: -30px;
	border-top: 3px solid #e81b22;	
}
ul.topnav > .active:after{
	position: absolute;
    bottom: -30px;
    left: 0;
	border-bottom: 3px solid #e81b22;
}
ul.topnav > .active > a {
	color: #e81b22 !important;
}

span.icon {display: none;}

@media screen and (max-width:767px) {
  ul.topnav > li:not(:first-child) {display: none;}
  span.icon {
    float: right;
    display: inline-block;
  }
.fixed ul.topnav li > a {
    display:none;
    font-size: 1.5em
}
ul.topnav li > a{
  font-size: 1.5em;
}
.icon a{
  font-size: 1.2em !important;
}
	}
@media screen and (max-width:767px) {
  .footer {padding-left: 10px; padding-right: 10px;}
 
  ul.topnav.expanded {position: relative;}
  ul.topnav.expanded > li:first-child > a{max-width: 80%}
  span.icon {
    position: absolute;
    top: 11px;
    right: 14px;
  }
  ul.topnav.expanded li {
    float: none;
    /*display: inline;*/
  }
  ul.topnav.expanded > li > a {
    display: block; 
    text-align: left;
  }
  .caret {
    display: none;
    }
}
@keyframes rozwin {
    from{width: 0%}
    t0{width: 100%}
}
li.dropdown {
    display: inline-block;
}
.dropdown-content {
    display: none ;
    position: fixed;
    list-style-type: none;
    margin:0;
    padding:0;
    z-index: 9999;
    background-color: #2b2a28;
    min-width: 160px ;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

ul.topnav li .dropdown-content a {
    font-size: 1.2em;
    color: #e81b22;
    padding: 12px 16px; 
    text-decoration: none; 
    display: block; 
    text-align: left;
    padding-left: 2em;
}

ul.topnav li .dropdown-content li:hover a {
background-color: #ffffff; 
color: #2b2a28;
}

.dropdown:hover .dropdown-content {
    display: block;
}
.footer {
	background-image: url("../../data/uploads/tlo_strony/03.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.footer p span {
	color: #fff;
}
.info a .fa {
	padding: 15px;
}
.info a .fa-facebook:hover{
	color: #3B5998;
}
.info a .fa-google-plus:hover{
	color: #DB4437;
}
.info a .fa-twitter:hover{
	color: #1da1f2;
}
.footer .col-md-3 {
	padding-bottom: 2%;
}
.info a, .info p, .info {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	color: #fff;
}
.katalog > p{
	float: left;
	text-align: left;
	padding: 17px 0px;
	font-size: 29.96px;
	font-weight: 400;
}
.katalog > a {
	float: right;
	text-decoration: none;
	color: #fff;
	background-color: #e81b22;
	padding: 17px 51px;
}
.katalog {
	padding-top: 26px;
	border-bottom: 1px solid #2b2a28;
	padding-bottom: 43px;
	margin-bottom: 41px;
}
.gallery-heart{
	background-image: url("../../data/uploads/tlo_strony/02.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.gallery-heart img {
	float: right;
}
.gallery-heart h2 {
	padding: 10%;
	color:  #ffffff;
	font-size: 30px;
	font-weight: 700;
	line-height: 48px;
}
.unb {
	margin-top: 44px;
	margin-bottom: 34px;
	color:  #5b5b5b;
	font-size: 30px;
	font-weight: 400;
	line-height: 48px;
	text-align: center;
}
.row.gallery-marketing.gallery-main{
	background-image: url("../../data/uploads/tlo_strony/01.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
	margin-bottom: 50px;
}
.row.gallery-marketing.gallery-main .col-md-6{
	padding: 5%;
}
.row.gallery-marketing.gallery-main .col-md-6 img {
	border: 10px solid #fff;
}
.row.gallery-marketing.gallery-main .col-md-6 h2{
	color: #fbfbfb;
	position: relative;
	line-height: 36px;
	padding-bottom: 20px;
}
.row.gallery-marketing.gallery-main .col-md-6 h2:after {
	content: "";
    border-bottom: 2px solid #ed701e;
    width: 10%;
    position: absolute;
    bottom: 0;
    left: 44%;
}
#content .row.gallery-marketing.gallery-main .col-md-6 p{
	color: #fbfbfb;
}
.gallery-unbGallery-item {
    margin: 15px 0;
}
.row.gallery-marketing.gallery-main .col-md-6 a.btn.btn-default{
	background-color:transparent;
	border: 1px solid #e81b22;
	color: #fff;
	padding: 10px 20px;
	}
.row.gallery-marketing.gallery-main .col-md-6 a.btn.btn-default:hover{
	background-color: #e81b22;
	}
#content .desc p {
	line-height: 36px;
	font-size: 18px
}
@media screen and (max-width:767px) {
#content{
    padding: 15px 0;}
#main h2 span{
    font-size: 28px !important;
    line-height: 36px !important;
}
#main p span{
    font-size: 14px !important;
    line-height: 28px !important;
}
.dropdown-content {
    display: block;
    position: initial;
    }
}
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin:  0;
  padding: 11px 14px;
  background-color: transparent;
  width: 40px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  z-index: 9999;
}

.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 17px;
  left: 5px;
  right: 18px;
  width: 30px;
  height: 5px;
  background: #ffffff;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #ffffff;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}
.c-hamburger--htx {
  background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}
#gmap_gmap {margin-top: 30px;}
#gmap_gmap > div {background-color: transparent !important;}
.sc-recaptcha-reload {
    border: 1px solid #000000;
    padding: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 40%;
    text-align: center;
    float: right;
    cursor: pointer;}
.sc-recaptcha-img{
    float: left;
    width: 60% !important;
    margin: 0 auto;
}
.gallery-unbGallery {
    padding: 40px 0 80px 0;
}
#sc-contact{margin-bottom: 50px;}
.logo{ max-height: 120px; margin: 0 auto;     }
@media (max-width: 991px) {
	.logo { margin:0 auto;}
}
#kontakt h1, #kontakt h2, #kontakt h3{
    text-align:center;
}
.gmnopm{ padding:0; }

.footer {
    text-align:center;
}
/* TOP FIXED MENU */
.menuFixedTop footer {
background-color: #ffffff;}
.menuFixedtop > .container {margin-top:60px;}
.fixed{
    background-color: #2b2a28;
}
.fixed .navbar-brand {
    height: 60px;
    margin-left: 100px;
    padding: 0;
}
.fixed ul.topnav {
    margin: 0 80px 0 0;
}
.fixed .long {
    border-radius:0;
}
.heart-desc{
	margin-top:20px;
	margin-bottom:20px;
}
@media (max-width: 991px){
    .fixed .logo, .fixed ul.topnav{margin: 0}
    .fixed .navbar-brand {margin-left: 45px;}
    ul.topnav{ margin-bottom: 0;}
}
@media (min-width: 768px) {
    ul.topnav{ display: flex;
    justify-content: center;}
    .col-md-12.gmnopm ul#myTopnav{
    display: flex;
    justify-content: center;
}
}
@media (max-width: 767px) {
    ul.topnav > .active:before, ul.topnav > .active:after{
        display:none;}
}
@media (max-width: 550px) {
    #content .desc p {
        line-height: 28px;
        font-size: 14px;
    }
}
@media (max-width:991px) {
	.katalog > a {
		float: none;
		line-height: 5;
	}
	.katalog > p {
		float:none;
		text-align: center;
		line-height: 1.2;
	}
	.gallery-heart img {
		max-width: 45% !important; 
	}
	.gallery-heart h2{
		padding:0;
	}
	ul.topnav {
		padding-top:0;
		padding-bottom:0;
	}
	.active:before{
		top:0;
	}
	.active:after{
		bottom:0;
	}
}
@media (max-width: 612px){
	.gallery-heart img {
		display: none
	}
	.gallery-heart h2 {
		text-align: center;
		width:100%
	}
}
#copyr{text-align: left;}