/******* FONTS *******/
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500&display=swap');
@font-face {
	font-family:IdealSans-Light;
	src: url('../fonts/IdealSans-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
}
@font-face {
	font-family:AGaramondPro-Regular;
	src: url('../fonts/AGaramondPro-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
}
@font-face {
	font-family:AGaramondPro-Italic;
	src: url('../fonts/AGaramondPro-Italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+0020-FB0;
}

/******* MASONRY *******/
.gal {	
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	margin: 20px 10px 0;
}	
.gal img { 
	width: 100%;
	padding: 0 7px 22px;
}
@media (max-width: 500px) {
.gal {	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;	}
}

.img_section figure img {
	-webkit-filter: sepia(90%) hue-rotate(160deg) opacity(90%) grayscale(40%);
	-moz-filter: sepia(90%) hue-rotate(160deg) opacity(90%) grayscale(40%);
	filter: sepia(90%) hue-rotate(160deg) opacity(90%) grayscale(40%);
	transition: .3s ease-in-out;
	cursor: pointer;
}
.img_section:hover figure img {
	-webkit-filter: sepia(0%) hue-rotate(0deg) opacity(100%) grayscale(20%);
	-moz-filter: sepia(0%) hue-rotate(0deg) opacity(100%) grayscale(20%);
	filter: sepia(0%) hue-rotate(0deg) opacity(100%) grayscale(20%);
	transition: .3s ease-in-out;
	cursor: pointer;
}

/******* IMG NAV TINT 
.img_section figure img {
	-webkit-filter: opacity(90%) grayscale(100%) brightness(130%) contrast(88%);
	-moz-filter: opacity(90%) grayscale(100%) brightness(130%) contrast(88%);
	filter: opacity(90%) grayscale(100%) brightness(130%) contrast(88%);
	transition: .3s ease-in-out;
	cursor: pointer;
}
.img_section:hover figure img {
	-webkit-filter: opacity(100%) grayscale(30%) brightness(100%) contrast(100%);
	-moz-filter: opacity(100%) rayscale(30%) brightness(100%) contrast(100%);
	filter: opacity(100%) grayscale(30%) brightness(100%) contrast(100%);
	transition: .3s ease-in-out;
	cursor: pointer;
}
*******/	
/******* TYPOGRAPHY *******/
html, body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}
body {
	font: 1em/1em'IdealSans-Light';
	color: #243444;
	font-family: 'IdealSans-Light';
	font-family: "IdealSans-Light";
}
a:hover {
	text-decoration: none;
}
h1, h2, h3 {
	color: #233866;
}
h1 {
	font: 3.5em'AGaramondPro-Regular';
	font-family: 'AGaramondPro-Regular';
	font-family: "AGaramondPro-Regular";
	margin-bottom: 0;
	margin-top: 0;
}
h3 {
	font: 3em'AGaramondPro-Regular';
	font-family: 'AGaramondPro-Regular';
	font-family: "AGaramondPro-Regular";
	margin-top: 0;
}
h2 {
	font: 2.1em/2em'IdealSans-Light';
	font-family: 'IdealSans-Light';
	font-family: "IdealSans-Light";
	margin-top: 0;
	padding-left:20px;
	border-left: 2px solid;
	border-color: #2485C8;
}
p {
	font-size: 1.74em;
	line-height: 1.74em;
	margin-bottom: 20px;
}
p.last {
	margin-bottom: 0px;
}
p span {
	font-size: 0.85em;
	line-height: 0.85em'AGaramondPro-Italic';
	color: #657382;
	font-style: italic;
	font-family: 'AGaramondPro-Italic';
	font-family: "AGaramondPro-Italic";
}
p.mega {
	margin-bottom: 80px;
}
hr {
	border: 0;
	border-top: 1px solid #ccc;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
.underlined-title {
	padding-bottom: 20px;
}
@media(max-width: 767px) {
	body {
		font-size: 90%;
	}
}
#feedback {
	position: fixed;
	top: 40%;
	z-index: 999;
}
#feedback a {
	display: block;
	background-color: rgba(255, 255, 255, 0);
	border: none;
}
#feedback a:hover {
}
a.icon-facebook {
	margin-top: 1px;
	border-style: hidden!important;
}
a.icon-facebook :hover {
	color: #4267B2;
}
a.icon-youtube {
	margin-top: 1px;
	border-style: hidden!important;
}
a.icon-youtube :hover {
	color: #FF0000;
	text-decoration: none!important;
}
p.strong-p {
	font-weight: 500;
}
p.strong-wt {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
}

/******* INDENT *******/
.indent p {
	margin-left: 22px;
}
.indent p:hover {
}
.indent-links {
	margin-left: 22px;
}
/******* POSITIONING *******/
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
#contact {
	padding-top: 170px;
	padding-bottom: 150px;
	z-index: -1;
}
#work {
	padding-top: 100px;
	padding-bottom: 100px;
}
#sim {
	padding-top: 100px;
	padding-bottom: 120px;
}
#about {
	padding-top: 100px;
	padding-bottom: 70px;
}

#kontakt {
	padding-top: 170px;
	padding-bottom: 150px;
	z-index: -1;
}
#publikationen {
	padding-top: 100px;
	padding-bottom: 100px;
}
#simulationen {
	padding-top: 100px;
	padding-bottom: 120px;
}
#qualifikationen {
	padding-top: 100px;
	padding-bottom: 70px;
}


.gray {
	background-color: #f6f6f6;
}
@media(max-width: 767px) {
	#about {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	#work, #sim, #contact {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}
/******* INTRO *******/
#intro {
	margin-right: auto;
	margin-left: auto;
	padding-top: 240px;
	padding-bottom: 140px;
}
.magic {
	cursor: pointer;
}
.magic .bounce {
	display: inline-block;
}
@media(max-width: 767px) {
	#intro {
		padding-top: 120px;
		padding-bottom: 60px;
		text-align: center;
	}
}
/******* INLINE LINK EFFECT *******/
section {
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
section a {
	position: relative;
	display: inline-block;
	outline: none;
	vertical-align: bottom;
	text-decoration: none;
	white-space: nowrap;
}
section a::before, section a::after {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
/******* LINK EFFECT > SCALE & BOUNCE *******/
.link-effect a::before {
	position: absolute;
	top: -3px;
	left: -3px;
	z-index: -1;
	box-sizing: content-box;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 5px;
	width: 100%;
	height: 100%;
	content:'';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.325, 1.39);
	transition-timing-function: cubic-bezier(0.25, 0.25, 0.325, 1.39);
	-webkit-transform: scale(0);
	transform: scale(0);
	border-top: 2px solid #2485C8;
	border-bottom: 2px solid #2485C8;
}
.link-effect a:hover::before, .link-effect a:focus::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.link-effect > .row {
	margin-top: 20px;
}
.link-effect > .row-spec {
	margin-top: 5px;
}

/******* FOOTER *******/
#footer {
	font: 0.7em'Bai Jamjuree', sans-serif;
	color: #dadada;
	font-weight: 400;
	background-color: #233866;
	border-top: 2px solid #8ecaed;
	padding-top: 40px;
	padding-bottom: 37px;
}
#footer p {
	margin-bottom: 0px;
}
#footer a {
	color: #8ecaed;
}
#footer a:hover {
	color: #adadad;
	text-decoration: none;
}
#footer p a.webmaster heart {
	color: #233866;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-variant: normal;
}
#footer p a.webmaster:hover heart {
	color: #ea0a69;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-variant: normal;
}
.bi-suit-heart-fill {
	color: #8ecaed;
}
.bi-suit-heart-fill:hover {
	color: #178280
}
.pulse {
  animation: pulse 1.2s infinite;
  display: inline-block;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.6); /* slightly larger */
  }
  100% {
    transform: scale(1); /* back to normal */
  }
}

@media(max-width: 767px) {
	#footer .col-md-4 {
		text-align: left;
	}
	#footer {
		padding-left: 30px;
	}
}
/******* ACCORDION / TOGGLE *******/
.panel-group {
	margin-bottom: 0;
}
.panel-group + .panel-group {
}
.panel-group .panel {
	background: #f6f6f6;
	border: none;
	box-shadow: none;
}
.panel-group .panel + .panel {
}
.panel-group .panel-heading + .panel-collapse .panel-body {
	border: none;
}
.panel-body {
	margin: 0px;
	padding: 0px 0px 20px;
}
.content4 .panel-body:last-child {
	padding: 0px;
}
.panel-heading {
	background-color: inherit !important;
	color: inherit !important;
	padding: 0;
	border-color: inherit !important;
}
.panel-title {
	font-size: 1em;
}
.panel-title > a {
	display: block;
	text-decoration: none;
	color: #fff;
	color: #2485C8;
}
.panel-title > a.collapsed {
	color: #2485C8;
}
.panel-title > a.collapsed, .panel-title > a.collapsed span {
}
.panel-title > a, .panel-title > a:hover {
	color: #2485C8;
}
.panel-title > a span {
}
.text-right .panel-title > a span {
}
.text-center .panel-title > a span {
	padding-left: 0;
	padding-right: 0;
}
.panel-title > a:hover span {
	color: inherit;
}
.text-center .panel-title > a:hover span {
	color: transparent;
}
.panel-title > a span:after {
	font-family: 'IdealSans-Light';
	font-family: "IdealSans-Light";
	content:"+";
	position: absolute;
	top: 0;
	right: 0;
}
.text-right .panel-title > a span:after {
	left: 0;
	right: auto;
}
.text-center .panel-title > a span:after {
	top: -.75em;
	left: 0;
	opacity: 0;
}
.panel-title > a.collapsed span:after {
	content:"–";
}
/******* EXPERIMENTAL *******/
/******* GLOBAL STYLES *******/
.group:after {
	content:"";
	display: table;
	clear: both;
}
a {
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: color, border-color, background-color;
	transition-property: color, border-color, background-color;
}
.nopadding {
	margin: 0 !important;
	padding: 0 !important;
}
}
.texture-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url(../img/web/grid.png);
}
.logo-link {
display: block;
height: 42px;
}
/******* CUSTOM SLIDER CONTROLS (FLICKITY) *******/
.flickity-page-dots .dot {
width: 13px;
height: 13px;
opacity: 1;
background: transparent;
border: 2px solid white;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.flickity-page-dots .dot.is-selected {
background: white;
}
/******* BJ FONT *******/

.bjfont {font-family: 'Bai Jamjuree', sans-serif;
font-size: 90%;}

.bjfontbtn {font: 1.2em'Bai Jamjuree', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2.6em;
}

.bjfontbtn:hover {color: #2485C8;
}

/******* MODALS *******/
h4.modal-title {
	font-family:IdealSans-Light;
	font-style: normal;
	font-weight: 400;
	line-height: 31px;
	font-size: 21px;
	color: #233866;
	padding: 15px 10px 10px;
}

img.flag {
	width: 16px!important;
	height: 16px!important;
	margin-bottom: 0.254em!important;
	margin-right: 5px!important;
}

.modal-body p {
	padding-left: 10px;
	padding-right: 10px;
}

.modal-footer {
	margin-top: -14px!important;
}

a.modal-info {
	color: #657382;
	text-decoration: none;
}

a.modal-info:hover {
	cursor: pointer;
	color: #2485C8;
	text-decoration: none;
}

/******* NAV *******/
.navbar {
font: 1.2em'Bai Jamjuree', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
background-color: rgba(246, 247, 246, 0.9);
}
.navbar-brand {
float: left;
padding: 14px;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-brand span {
font: 2.68em'Source Sans Pro', sans-serif;
color: #233866;
letter-spacing: 1.3px;
text-transform: uppercase;
font-weight: 700;
}
.navbar-brand > img {
display: block;
}
.nav li a {
display: inline-block;
padding: 26px 3px 1px 5px;
margin-right: 30px;
color: #333!important;
border-bottom:solid 2px transparent
}
.nav li a:hover {
color: #233866!important;
border-bottom:solid 2px #2485C8
}
.nav li.active a {
color: #2485C8!important;
background-color: rgba(255, 255, 255, 0)!important;
}
/******* NAV EFFECT *******/
.nav-effect a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #2485C8;
height: 0px;
content:'';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.nav-effect a:hover::after, .nav-effect a:focus::after {
height: 0px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
#navbar-ex-collapse {
text-align: center;
}
/******* FLUID WITH PICTURE *******/
.content-1 {
padding: 0px;
position: relative;
background-color: #f7f7f7;
}
.content-1 .image-container {
position: absolute;
height: 100%;
padding: 0px;
top: 0px;
}
.content-1 .image-container .background-image-holder-1 {
background: #f7f7f7 url('../img/web/rzeczoznawca-samochodowy-wycena-biegly-treter-web-02.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
}
.content-1 .image-container .background-image-holder-2 {
background: #f7f7f7 url('../img/web/rzeczoznawca-samochodowy-wycena-biegly-treter-web-01.jpg') no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
}
.content-1 .content {
padding-top: 120px;
padding-bottom: 100px;
}
.content-1 h1 {
margin-bottom: 10px;
}
/******* CONTENT BLOCK 1-4 MEDIA QUERIES *******/
/* Extra small devices (phones, less than 768px) */
@media(max-width: 767px) {
.content-1 .image-container {
	display: none;
}
.content-1 .content {
	padding-top: 60px;
	padding-bottom: 40px;
}
}
/******* CONTENT BLOCK 3-11 *******/
.content-3-11 {
padding: 0px;
position: relative;
}
.content-3-11 .image-container {
position: absolute;
height: 100%;
padding: 0px;
top: 0px;
right: 0px;
}
.content-3-11 .image-container .background-image-holder {
background: #fff no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
}
.content-3-11 .content {
padding-top: 100px;
padding-bottom: 100px;
}
.content-3-11 h1 {
margin-bottom: 10px;
}
.content-3-11 p {
margin-bottom: 20px;
}
/******* CONTENT BLOCK 3-11 MEDIA QUERIES *******/
/* Small Devices, Tablets */
@media only screen and(max-width : 768px) {
.content-3-11 .image-container {
	display: none;
}
}
/* Medium Devices, Desktops */
@media only screen and(min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and(min-width : 1200px) {
}
/******* CONTENT BLOCK 3-7 MEDIA QUERIES *******/
/* Small Devices, Tablets */
@media only screen and(min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and(min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and(min-width : 1200px) {
}
/******* CONTENT BLOCK 3-4 *******/
/******* CONTENT BLOCK 3-4 MEDIA QUERIES *******/
/* Small Devices, Tablets */
@media only screen and(min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and(min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and(min-width : 1200px) {
}
@media(max-width: @screen-xs-max) {
...
}
@media(min-width: @screen-sm-min) and(max-width: @screen-sm-max) {
...
}
@media(min-width: @screen-md-min) and(max-width: @screen-md-max) {
...
}
}
@media(min-width: @screen-lg-min) {
...
}
/* original only at http://www.treter.com.pl */