@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,400i,700,800&subset=latin-ext');

body {
  background-image: url(../img/frbg.jpg);
  background-position: center center;
  background-repeat: repeat;
}

.cleararea {width:100%; float:none; clear:both; height:10px !important;}

h1 {font-family: 'Montserrat', sans-serif !important; font-weight:200 !important; font-size: 28px !important; text-transform: uppercase !important; color: #fff !important; line-height:120% !important;}
h2 {font-family: 'Montserrat', sans-serif !important; font-weight:400 !important; font-size: 16px !important; color: #fff !important; padding:10px 5px 0px 5px; line-height:120% !important;}

div.leftmenu {
  width: 320px !important;
  padding-top: 10px;
}

img.sr-logo {padding:15px 0 0 0;}

img.sr-menulogo {padding:20px 0 10px 0;}

div.leftmenu h3 {font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight:400; margin: 30px 0 5px 0; padding: 0; text-transform: uppercase; letter-spacing:4px;}

div.leftmenu a.sm {font-size:14px; color: #000; padding: 10px 6px 0px 5px; text-decoration:none; font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
} 
div.leftmenu a.sm i {padding-right:5px;}
div.leftmenu a.sm:hover {color: #ed1c24;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

div.leftmenu .navbar-nav, ul, li {
  width: 260px !important;
}  
  
div.leftmenu .navbar-nav > li > a {
  width: 260px !important;
  float: left !important;
  clear: both !important;
  display: block !important;
  font-size: 13px !important;
  padding: 10px !important;
  color:#000 !important;
  font-weight: 400 !important;
  line-height: 150% !important;
  text-decoration: none !important;
  border-bottom: 1px solid #e6e6e6 !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important; 
}
div.leftmenu .navbar-nav > li > a:hover {
  background: #ed1c24 !important;
  color:#fff !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important; 
}

div.leftmenu::-webkit-scrollbar {
    width: 8px;
}
div.leftmenu::-webkit-scrollbar-track {
  border-radius: 14px;
	background-color: #e6e6e6;	   
}
div.leftmenu::-webkit-scrollbar-thumb {
    border-radius: 14px;
	background-color: #aaaaaa;
}

div.leftmenu .frbio {

}
div.leftmenu .frbio p {font-size:14px; font-weight:400; color:#000; line-height: 22px; text-align: left;}
div.leftmenu .frbio p span {font-size:14px; font-weight:700; color:#000;}
div.leftmenu .frbio .frimg {width:80px; height:80px; background: #000; margin: 5px 0 15px 0;}

a.menu-open {
  display: block !important;
  width:150px !important;
  margin-top: 17px !important;
  float: right !important;
  font-size: 14px !important;
  padding: 10px 22px 9px 10px !important;
  border-radius: 30px !important;
  background: url('../img/sygnecik-menu.png') no-repeat right center !important;
  background-position: 97px 0px !important;
  color:#fff !important;
  border: 2px solid #FFFFFF !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important; 
  line-height: 150% !important;
}
a.menu-open:hover {
  text-decoration: none;
  color:#fff !important;
  text-decoration: none !important;
  line-height: 150% !important;
  background-position: 200px 0px !important;
  padding: 10px 10px 9px 10px !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important; 
}

a.sg {
  display: block;
  float: right;
  margin-top: 19px;
  font-size: 14px;
  padding: 10px 22px 9px 10px;
  color:#fff !important;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
a.sg:hover {text-decoration: none !important;}
a.sg i {color: #ed1c24; padding-right:10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
a.sg:hover i {padding-right:15px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; text-decoration: none !important;}

.display-desktop {display:inline;}

.fr-container {
  width:100%;
  height:100%;
}

.fr-section {
  width:100%;
  font-family: 'Montserrat', sans-serif;
  font-weight:400;
  color:#000;
  font-size:16px;
}

.fr-inner {
  max-width:920px;
  margin: 0 auto;
  padding: 10px 30px;
}

img {max-width:100%;}

/* SECTIONS */

.section-top {
  padding: 15px 0 10px 0;
}

.section-grid {
  height: auto;
}

a.fr-brick {
  width: 100%;
  height:420px;
  position: relative;
  display: block;
  text-decoration: none;
  overflow: hidden;
  border: 1px solid #434343;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-bottom: 20px;
}

a.fr-brick .inner-bg {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.5s ease;
  opacity: 0.3;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
a.fr-brick:hover .inner-bg {
  transform: scale(1.1);
  opacity: 1.0;
}

a.fr-brick .title {
  position: absolute;
  bottom: 34px;
  padding:15px 26px 5px 26px;
  font-size: 62px;
  line-height: 120%;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: 5px 5px 20px #615f5c;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.fr-brick:hover .title {
  opacity: 0.0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}



a.fr-brickm {
  width: 100%;
  height:320px;
  position: relative;
  display: block;
  text-decoration: none;
  overflow: hidden;
  border: 1px solid #434343;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-bottom: 20px;
}

a.fr-brickm .inner-bg {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.5s ease;
  opacity: 0.3;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
a.fr-brickm:hover .inner-bg {
  transform: scale(1.1);
  opacity: 1.0;
}

a.fr-brickm .title {
  position: absolute;
  bottom: 20px;
  padding:15px 26px 5px 26px;
  font-size: 16px;
  line-height: 120%;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: 5px 5px 20px #615f5c;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.fr-brickm:hover .title {
  opacity: 0.0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.fr-brickm .subtitle {
  position: absolute;
  bottom: 20px;
  padding:15px 0px 5px 30px;
  font-size: 12px;
  line-height: 120%;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: 5px 5px 20px #615f5c;
  letter-spacing: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.fr-brickm:hover .subtitle {
  opacity: 0.0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}



a.title-small {
  display: block;
  border: 1px solid #434343;
  padding:28px 0px 10px 12px;
  font-size: 14px;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 5px 5px 20px #615f5c;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
a.title-small:hover {
  border: 1px solid #ed1c24;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  text-decoration: none;
  color: #fff;
}


a.fr-brick .subtitle {
  position: absolute;
  bottom: 20px;
  padding:15px 0px 5px 30px;
  font-size: 14px;
  line-height: 120%;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: 5px 5px 20px #615f5c;
  letter-spacing: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.fr-brick:hover .subtitle {
  opacity: 0.0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.fr-brick p {
  position: absolute;
  bottom: 10px;
  padding:0px 26px;
  width:100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 150%;
}

.fr-footer {
  border-top: 1px solid #434343;
  padding: 0 0 25px 0;
  text-align: center;
}

.fr-footer .batfoot {color:#ABB7BD; width: 100%; text-align:center; clear: both; font-size:12px; padding: 20px 0;}
.fr-footer .batfoot a {color:#ABB7BD; text-decoration:none; font-size:12px;}
.fr-footer .batfoot a:hover {color:#ABB7BD; text-decoration:none;}

.fr-footer a.sm {font-size:36px; color: #fff; padding: 10px 8px 0px 8px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
} 
.fr-footer a.sm:hover {color: #ed1c24;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

.wyroznienie {
  border: 1px solid #434343;
  padding:25px;
  margin: 10px 0;
  font-size: 14px;
  line-height: 18px;  
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.wyroznienie span {font-weight: 700; color: #ed1c24;}

.wyroznienie p {font-size:12px; padding: 25px 0 0 0; margin: 0;}

.wyroznienie a.morebt {display: bock; float: right; text-align:center; padding: 10px 25px 9px 25px; border: 2px solid #fff; border-radius: 40px; font-size:12px; font-weight: 700; color: #fff; text-decoration: none;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }
.wyroznienie a.morebt:hover {border: 2px solid #ed1c24; text-decoration: none;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }


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

.fr-inner {
  max-width:90%;
  padding: 0px 30px 10px 30px;
}

img.sr-logo {display: block; margin: 0 auto; padding:15px 0 0 0;}

a.menu-open {display: block; margin: 0 auto !important; float: none !important; clear:both !important;}

a.sg {display: block; margin: 20px auto 0px auto !important; float: none !important; margin-top: padding: 0 !important; clear:both !important;}

.wyroznienie .morearea {float: none; clear: both; margin:30px 0 10px 0;}
.wyroznienie a.morebt {float: none;}

a.fr-brick .title {
  font-size: 44px;
}
a.fr-brick .subtitle {
  padding:15px 0px 5px 28px;
  font-size: 13px;
  letter-spacing: 2px;
}

}

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

a.fr-brick .title {
  font-size: 28px;
}
a.fr-brick .subtitle {
  padding:15px 0px 5px 28px;
  font-size: 12px;
  letter-spacing: 1px;
}

}


#scroll-to-top{
	display:none;
	position:fixed;
	bottom:15px;
	right:20px;
	opacity:0.8;
}
#scroll-to-top:hover{
	opacity:1;
}