/*
Theme Name: See Bloggers
Theme URI: https://seebloggers.pl
Author: Marek Obtułowicz
Author URI: https://marekobtulowicz.pl
Description: Szablon dedykowany dla marki See Bloggers
Version: 1.0
Text Domain: seebloggers

*/


/************************
/** GLOBALNE          ***
************************/
a {font-size: 16px; }

html {
	scroll-behavior: smooth;
	  position: relative;
  min-height: 100%;
	}

body {
	margin: 0;
	font-family: 'Roboto', sans-serif !important;

}

body.sb-prio h2 {font-weight:700 !important;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

#footer {
	width: 100%;
	}

b,
strong {
	font-weight: 700;
}


img {
	border: 0;
	width: 100%;
}

figure {
	margin: 0;
}


button {
	background: none;
	border: 0px;
	outline: 0 !important;
	}
button:focus {
	outline: 0 !important;
	border:0;
	background: none;
	}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

.dlaczego-warto_sb h6, .header_text h6 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 25px;
	}

.header_text ul li {
	text-align: left;
	margin-bottom: 30px;
}



/************************
/** BELKA & NAWIGACJA ***
************************/


#belka {
	color: #fff;
	background: transparent;
	transition: all 0.5s ease;
	}

#belka a {
	color: #2f2483;
	font-size: 18px;
	font-weight: 700;
	}


#belka {
	font-weight: 700;
	}

.belka_tlo {
	background: #fff!important;
	height: 100%;
	display: block !important;
	}

.navbar-nav li {
	padding: 0px 15px;
	}

.navbar-nav li:last-child {
	padding: 0px 0px 0px 15px;
	}

.dropdown-item {background: #fff !important; border-bottom: 1px solid #999; font-weight: 300 !important;}
.dropdown-item:last-child {background: #fff; border-bottom: 0; font-weight: normal; }
.dropdown-menu {border: none !important; }
.dropdown-item:hover {text-decoration: underline !important; }
.dropdown-item:active {text-decoration: underline !important; }

@media (max-width: 992px){
	#belka .container {
		padding: 22px 0px;
	}

	#belka .navbar-nav {
	margin-top: 20px;
	}

	#belka a {
	font-size: 24px;
    line-height: 48px;
    }

}

@media (min-width: 993px){
	#belka .container {
		padding: 13px 0px;
	}
}

.header_text h1 {
	margin-bottom: 20px;
	font-size: 36px;
	}

@media (min-width: 1400px){
	.header_text h1 {
	font-size: 42px;
	margin: 50px 0px;
	}
}



.bg-all {
	background-position: top center;
	background-repeat: no-repeat;
	}

.bg-glowna {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/bg_header1.jpg'); }
.bg-partner {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/bg_header_partner.jpg'); }
.bg-media {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/bg_header_media.jpg'); }
.bg-influencer {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/bg_header_influencer.jpg'); }
.bg-prelegent {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/bg_header_prelegent.jpg'); }
.bg-wolo {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/bg_header_wolo.jpg'); }

.hero {
	overflow: visible;
	padding: 220px 0px 70px 0px;
	position: relative;
	}

@media (min-width: 992px){
	.hero {
	padding: 240px 0px 100px 0px;
	}
}


@media (max-width: 992px){
	.wykres_opis {
	margin-top: 100px;
	}
}


#header-logo {
	position: absolute;
	height: 126px;
	width: auto;
	top: 50px;
	transition: all 0.3s ease;
}


.logo_male {
	position: absolute;
	width: auto;
	top: 10px !important;
	height: 60px !important;
	transition: all 0.3s ease;
}

.header_data {
	font-size: 56px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	color: #e50000;
	}

.header_data span {
	font-size: 22px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	color: #e50000;
	display: block;
	}

.header_data i {
	font-size: 50px;
	color: #e50000;
	margin-right: 20px;
	}

.header_image {
	min-width: 500px;
	}

@media (max-width: 992px){
	.header_image {
	display: none;
	}


.header_data {
	font-size: 42px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	color: #e50000;
	}

.header_data span {
	font-size: 18px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	color: #e50000;
	display: block;
	}

.header_data i {
	font-size: 40px;
	color: #e50000;
	margin-right: 20px;
	}
}

@media (max-width: 992px){

	#header-logo {
	left: 45%;
	transform: translateX(-48%);
	}

	.header_text {
	text-align: center;
	}

	.header_text h1 {
	font-size: 28px;
	margin-bottom: 30px !important;
	}

	.header_image {
	display: none;
	}
	}



@media (min-width: 992px) {
	.header_text {
	    padding-right: 150px;
	    }
}

@media (min-width: 992px) {
	.nav-menu-button {
	display: none;
	}
}

.nav-menu-button {
	background: none;
	border: 0px;
	outline: 0;
	}


/* Ikona */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}


#hs_belka .animated-icon1 span {
background: #d6a567;
}

.animated-icon1 span {
background: #e50000;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}










@media (max-width: 768px){
	.duzy-czerwony {
	font-size: 18px !important;
	padding: 10px 20px !important;
	margin-top: 20px !important;
	}

	input[type=submit] {
	font-size: 18px !important;
	padding: 10px 20px !important;
	margin-top: 20px !important;
	}
}

.duzy-czerwony {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-top: 50px;
	display: inline-block;
	border: none;
	border-radius: 30px;
	padding: 15px 50px;
	background: linear-gradient(to right, #cd0000 50%, #e50000 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .2s ease-out;
	}

.duzy-czerwony:hover {
	background-position: left bottom;
	box-shadow: 0 9px 32px 0 rgba(0,0,0,.15);
	color: #fff;
	text-decoration:none;
}

/** TYPOGRAFIA **/
h1 {
	font-size: 54px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	color: #2f2483;
	}


h2 {
	font-size: 36px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	color: #2f2483;
	margin-bottom: 50px !important;
	}

h4 {
	font-size: 24px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	color: #2f2482;
	}


h4.telefon {
	font-size: 24px;
	font-family: 'Signika', sans-serif;
	font-weight: 300 !important;
	color: #333;
	margin: 5px 0px 5px 0px !important;
	}


/** POZNAJ MOZLIWOSC **/
.poznaj-mozliwosci .card {
	border: 0px;
	text-align: left;
	}


/** ODSTĘPY - SEKCJE **/
.dlaczego-warto_sb, .formularz_newsletter, .liczby_sb, .opinie_sb, .prelegenci_sb, .logotypy, .kontakt, .poznaj-mozliwosci, .opinie-wideo_sb  {
	padding-bottom: 100px;
	position: relative;
	}

.liczby_sb, .prelegenci_sb {
	padding: 0px 50px 100px 50px;
	}

.logotypy h2 {margin-top: 100px;}


/** LICZBY **/


.liczby_bg1, .liczby_bg2, .liczby_bg3, .liczby_bg4 {
	background-size: cover;
	padding: 50px 0px;
	/** display: flex; **/
	flex-direction: column;
	justify-content: center;
	height: 100%;
	text-align: center;
  }

.liczby_bg1 {
	background-image: url('/wp-content/themes/twentysixteen/img/liczby_bg1.jpg');
	}

.liczby_bg2 {
	background-image: url('/wp-content/themes/twentysixteen/img/liczby_bg2.jpg');
	}


.liczby_bg3 {
	background-image: url('/wp-content/themes/twentysixteen/img/liczby_bg3.jpg');
	}


.liczby_bg4 {
	background-image: url('/wp-content/themes/twentysixteen/img/liczby_bg4.jpg');
	}

.liczby_bg1 img, .liczby_bg2 img, .liczby_bg3 img, .liczby_bg4 img {
	width: auto;
	height: 110px;
	}

.liczby_liczba {
	font-size: 98px;
	color: #2f2483;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	line-height: 90px;
	margin: 0px;transition: all 0.3s ease;
	}


@media (max-width: 1024px){
.liczby_liczba {
	font-size: 46px;
	line-height: 50px;
	}
.liczby_bg1 img, .liczby_bg2 img, .liczby_bg3 img, .liczby_bg4 img {
	width: auto;
	height: 40px;
	}
	.liczby_sb, .prelegenci_sb {
	padding: 0px 15px;
	}
}


/** OPINIE **/

.opinie_sb_opis h3 {
	font-size: 18px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	color: #333333;
	}


/** OPINIE **/
.opinie_sb_blok {
	padding: 30px;
	-webkit-box-shadow: 0px 10px 40px 5px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 10px 40px 5px rgba(0,0,0,0.05);
	box-shadow: 0px 10px 40px 5px rgba(0,0,0,0.05);
	border-radius: 25px 25px 25px 25px;
	-moz-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
	background: #fff;
	text-align: left;
	border: 4px solid #ffffff;
	position:relative;
	}



.opinie_sb_blok:after, .opinie_sb_blok:before {
	top: 100%;
	left: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.opinie_sb_blok:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}
.opinie_sb_blok:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 21px;
	margin-left: -21px;
}

.opinie_sb_opis {margin-top: 40px; }

.opinie_sb_opis img {
	border-radius: 50%;
	border: 0px solid #fff;
	max-width: 125px;
	}

.opinie_sb_opis p {
	font-size: 14px;
	color: #333;
	}

/** PRELEGENCI **/


.prelegenci_sb .modal-dialog {
	max-width: 900px;
	top: 35%;
	margin-top: 80px;
    transform: translate(0,-50%) !important;
	}

.prelegenci_sb .modal-dialog {
	transition:all 0.3s ease;
	}

.prelegent_blok{
    	padding: 0px !important;
    	border: 1px solid #fff;
		position: relative;
		overflow: hidden;
		height: 290px;
		margin-bottom: 30px;
	box-shadow: 0px 10px 40px 5px rgba(0,0,0,0.05);
border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
border: 0px solid #ffffff;
cursor: pointer;
	}





.prelegenci_imie_nazwisko {
	font-size: 16px;
	font-family: 'Signika', sans-serif;
	font-weight: 700;
	color: #333333;
	}


	@media (max-width: 390px) {
	.prelegenci_imie_nazwisko {
		font-size: 14px;
		font-family: 'Signika', sans-serif;
		font-weight: 700;
		color: #333333;
		}
}


.prelegenci_nazwa_nick {
	font-size: 14px;
	}

@media (max-width: 390px) {
	.prelegenci_nazwa_nick {
		font-size: 11px;
		}
}

	.blur_info {
    width: 50px;
    height: 50px;
    top: 80px;
    left: 50%;
    transform: translate(-50%,-130px);
    position: absolute;
  	transition:all 0.3s ease;
	}

	.blur_info i {
	color: #fff;
	font-size: 42px;
	text-shadow: 0px 0px 20px 3px rgba(0,0,0,0.25);
	}

	.prelegent_blok:hover .blur_info {
	transform: translate(-50%, 0px);
		transition:all 0.3s ease;
	}

	.prelegent_blok:hover .caption{
		opacity: 1;
		transform: translateY(-50px);
		-webkit-transform:translateY(-50px);
		-moz-transform:translateY(-50px);
		-ms-transform:translateY(-50px);
		-o-transform:translateY(-50px);
	}


	.prelegent_blok:hover .blur{
	-webkit-border-radius:300px 300px 0px 0px / 90px 90px 0px 0px;
	-moz-border-radius:300px 300px 0px 0px / 90px 90px 0px 0px; border-radius:300px 300px 0px 0px / 90px 90px 0px 0px;
	transition:all 0.3s ease;
	}

	.prelegent_blok img{
		z-index: 4;
	}
	.prelegent_blok .caption{
		position: absolute;
		top:205px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.prelegent_blok .blur{
		background-color: #fff;
		height: 135px;
		z-index: 5;
		position: absolute;
		width: 100%;
		-webkit-border-radius:150px 150px 0px 0px / 20px 20px 0px 0px;
		-moz-border-radius:150px 150px 0px 0px / 20px 20px 0px 0px; border-radius:150px 150px 0px 0px / 20px 20px 0px 0px;
	transition:all 0.3s ease;
	}


.

	.prelegent_blok .prelegent-opis{
		padding: 20px;
	}


	.prelegent-opis h3 {
		font-family: 'Signika';
		font-size: 16px;
		margin-top: 20px;
		font-weight: 700;
		color: #333;
	}



.prelegent_kanal {
	text-align:center;
	}

	.hr_prelegent_kanal {
		text-align: center;
		}

 .hr_prelegent_zdjecie i {
	 color: #d6a567; position:absolute; bottom:9px; left: 9px;
 }


.kanal_yt {
	color: #e50000;
	font-size: 18px;
	}

.kanal_yt + a {
	color: #e50000;
	font-size: 14px;
	}

.kanal_yt + a:hover {
	color: #e50000;
	}

.kanal_fb {
	color: #2f2483;
	font-size: 18px;
	}

.kanal_fb + a {
	color: #2f2483;
	font-size: 14px;
	}

.kanal_fb + a:hover {
	color: #2f2483;
	}

.kanal_blog{
	color: #ea7e1d;
	font-size: 18px;
	}
.kanal_blog + a {
	color: #ea7e1d;
	font-size: 14px;
	}

.kanal_blog + a:hover {
	color: #ea7e1d;
	}

.kanal_ig{
	color: #f031b8;
	font-size: 18px;
	}
.kanal_ig + a {
	color: #f031b8;
	font-size: 14px;
	}
.kanal_ig + a:hover {
	color: #f031b8;
	}





	.hr_kanal_yt {
		color: #d6a567;
		font-size: 18px;
		}

	.hr_kanal_yt + a {
		color: #d6a567;
		font-size: 14px;
		}

	.hr_kanal_yt + a:hover {
		color: #b48151;
		}

	.hr_kanal_fb {
		color: #d6a567;
		font-size: 18px;
		}

	.hr_kanal_fb + a {
		color: #d6a567;
		font-size: 14px;
		}

	.hr_kanal_fb + a:hover {
		color: #b48151;
		}

	.hr_kanal_blog{
		color: #d6a567;
		font-size: 18px;
		}
	.hr_kanal_blog + a {
		color: #d6a567;
		font-size: 14px;
		}

	.hr_kanal_blog + a:hover {
		color: #b48151;
		}

	.hr_kanal_ig{
		color: #d6a567;
		font-size: 18px;
		}
	.hr_kanal_ig + a {
		color: #d6a567;
		font-size: 14px;
		}
	.hr_kanal_ig + a:hover {
		color: #b48151;
		}



/*********************
*** HR PRELEGENT BLOK ***
*********************/

.modal-dialog {
	max-width: 900px !important;
}

.hr_prelegenci_nazwa_nick {
	font-size: 14px;
	}

@media (max-width: 390px) {
	.hr_prelegenci_nazwa_nick {
		font-size: 11px;
		}
}

.hr_prelegent_blok {
	position:relative;
	text-align: center; cursor:pointer
}

.hr_prelegent_blok img {
	  box-shadow: 6px 6px 0px #ebebeb;
}

.hr_prelegent_blok h3 {
font-size: 18px;
font-family: 'Signika', sans-serif;
font-weight: 700;
color: #333333;
}


.hr_prelegent_blok:hover .blur_info {
transition:all 0.3s ease;
}

.hr_prelegent_blok:hover .caption{
	opacity: 1;
	}


.hr_prelegent_blok:hover .blur{
	transition:all 0.3s ease;
	}

	.hr_prelegent_blok img{
		z-index: 4;
	}
	.hr_prelegent_blok .caption{
		position: absolute;
		top:205px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.hr_prelegent_blok .blur{
		background-color: #fff;
		height: 135px;
		z-index: 5;
		position: absolute;
		width: 100%;
		transition:all 0.3s ease;
	}



	.hr_prelegent_blok .prelegent-opis{
		padding: 20px;
	}

.hr_prelegent-opis h4 {
	font-family: 'Montserrat';
	font-size: 22px;
	text-transform:uppercase;
	font-weight: 700;
	color: #333;
}






/****************
 *** KONTAKT ***
 ***************/

 .kontakt {
	margin-top: 100px;
	}





/** PRZYCISKI **/

/*.duzy-czerwony {
	margin-top: 50px;
	padding: 12px 30px;
	border-radius: 30px;
	background: #e50000;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	display: inline-block;
	transition: all .3s ease-out;
	}


.duzy-czerwony:hover {
	color: #fff;
	text-decoration:none;
	box-shadow: 0 9px 32px 0 rgba(0,0,0,.15);

	}
*/


/****** FORMULARZ HS *****/


.hbspt-form form fieldset {
	max-width: 100% !important;
}

input[type=text] {
  width: 100% !important;
  padding: 12px 20px !important;
  margin: 8px 0 !important;
  box-sizing: border-box;
}

input[type=email] {
  width: 100% !important;
  padding: 12px 20px !important;
  margin: 8px 0 !important;
  box-sizing: border-box;
}

input[type=tel] {
  width: 100% !important;
  padding: 12px 20px !important;
  margin: 8px 0 !important;
  box-sizing: border-box;
}

select {
  width: 100% !important;
  padding: 12px 20px !important;
  margin: 8px 0 !important;
  box-sizing: border-box;
	    -webkit-appearance: none;
}

textarea {
  width: 100% !important;
  padding: 12px 20px !important;
  margin: 8px 0 !important;
  box-sizing: border-box;
  min-height: 200px !important;
}

input[type=submit] {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-top: 20px;
	display: inline-block;
	border: none;
	border-radius: 30px;
	padding: 15px 50px;
	background: linear-gradient(to right, #cd0000 50%, #e50000 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .2s ease-out;
	}


input[type=submit]:hover {
	background-position: left bottom;
	box-shadow: 0 9px 32px 0 rgba(0,0,0,.15);
	color: #fff;
	text-decoration:none;
}

.inputs-list {
	list-style-type: none;
	margin:0px;
	padding: 0px;
}

.inputs-list li label span {
	font-size: 14px;
	}
.hs-error-msgs li label {
	color: #e50000;
	font-size: 14px;
	}
.hbspt-form form {
	margin-top: -20px;
	}


.header_text h1 {
	margin-bottom: 0px;
	font-weight: 700;
	}

.header_text p {
	margin-top: 30px;
	}

.kolor-cta {
	color: #e50000;
	}

.modal-full {
    min-width: 60%;
    margin: 50px;
    top: 10%;
}

.kontakt_box-zdjecie {
	border-radius: 50%;
	max-width: 200px;
    margin: 10px 0px 20px;
	}

.kontakt_box_form h2, .kontakt_box h2 {
	margin-bottom: 30px !important;
	}

.kontakt_box_form a, .kontakt_box a {
	color: #e50000;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	}


.kontakt_box_form a:hover, .kontakt_box a:hover {
	color: #e50000;
	}


.kontakt_box {
    border: 3px solid #fff;
    border-radius: 25px;
    padding: 30px !important;
    font-weight: 300;
   }

.kontakt_box_form {
    border: 3px solid #e50000;
    border-radius: 25px;
    padding: 30px !important;
    box-shadow: 0 5px 32px 0 rgba(0,0,0,.10);
    }

.strefy-tematyczne_sb .col-md-3 {
	margin-bottom: 50px;
	}

.opinie-wideo_sb .col-md-3 {
	margin-bottom: 30px;
	}

.opinie-wideo_sb .col-md-3 h4 {
	margin-top: 15px !important;
	}


.hbspt-form form fieldset {margin-bottom: 15px; }
.hs_czy_zabierzesz_na_event_dziecko_ legend.hs-field-desc {
    display: block;
    font-size: 13px;
    padding: 2px;
    background: #c1d9b7;
    border-radius: 10px;
    width: 93%;
    margin: 0px auto 10px auto;
    }


	.hs_body .logotypy section {
		border: 2px solid #e1c7ad;

	}


.logotypy section {
	background: #fff;
		margin: 5px 5px;
    min-height: 105px;
}

.logotypy section img {
	width: 140px;
	height: auto;
	margin: 0px;
	padding:5px 15px;
	}

.faq-naglowek {
	background: #eee;
	padding: 20px;
	margin-bottom: 2px;
	}

.faq-naglowek .card-title {
	font-size: 24px;
	font-family: 'Signika';
	color: #2f2483;
	}

.faq-naglowek .card-title:hover {
	color: #2f2483;
	}








/**************************************
 **************************************
 ********** HASHTAGI ROKU *************
 **************************************
 *************************************/

.hs_body {
	background: #3b3b3c;
	color: #fff !important;
	font-family: 'Istok Web';
	font-weight: 400;
	font-size: 20px;
	}


.hs_body h2 {
	font-size: 48px;
	font-family: 'Montserrat';
	color: #fff;
	font-weight: 400;
	}

@media (max-width: 991px) {
	.hs_body h2 {
	font-size: 32px;
	}

}

.hs_bg-glowna {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/hash/bg_header.jpg'); }
.hs_section2 {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/hash/bg_section2.jpg'); }
.hs_section3 {/*background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/hash/bg_section3.jpg'); */ background-color: #fff; }
.hs_section4 {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/hash/bg_section4.jpg'); }
.hs_section5 {background-image: url('https://dev2.seebloggers.pl/wp-content/themes/twentysixteen/img/hash/bg_section3.jpg'); background-color: #fff; }

.hs_section3 {
	color: #3c3c3b;
	}

.hs_section3 h2, .hs_section5 h2 {
	color: #3c3c3b;
	}

.hs_section3 .hs_blok_ramka p {
	color: #3c3c3b;
	}

.hs_section3 .hs_blok_ramka h4 {
	color: #3c3c3b;
	}


.hs_blok_ramka img {
	max-width: 108px;
	margin: 30px auto 40px auto ;
}

.hs_bg-all {
	background-position: top center;
	background-repeat: no-repeat;
	}

.hs_hero {
	overflow: visible;
	padding: 120px 0px 70px 0px;
	position: relative;
	}

@media (min-width: 992px){
	.hs_hero {
	padding: 240px 0px 50px 0px;
	}
	.hs_header_text h1 {
		font-size: 40px !important;
			letter-spacing: 12px;
	}

	.hs_header_text h1 span {
			letter-spacing: 12px;
	}
	.hs_header_text h1 p {
		font-size: 24px !important;
	}
}

.hs_header_text h1 {
	color: #fff;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 28px;
	letter-spacing: 12px;
	}

.hs_header_text h1 span {
	font-weight: 700;
	letter-spacing: normal;
	}

.hs_header_text h1 p {
	font-size: 16px;
	letter-spacing: normal;
	margin-top: 10px;
	}

.hs_header_text p {
	margin-top: 50px;
	}

.hs_hashtagi-roku-2018 .hs_blok_ramka p {
	font-size: 24px;
	font-family: 'Istok Web';
}

.hs_hero, .hs_big-video, .hs_kto-moze, .hs_dlaczego-warto, .hs_gala-hashtagi, .hs_hashtagi-roku-2018, .hs_zostan_partnerem {
	font-family: 'Istok Web';
	font-size: 20px;
}

/************************
 * ** ODSTEPY          **
 * *********************/

.hs_big-video, .hs_kto-moze, .hs_dlaczego-warto, .hs_gala-hashtagi, .hs_hashtagi-roku-2018, .hs_zostan_partnerem {
	padding-bottom: 100px;
	padding-top: 50px;
	}

.hs_big-video {
	background-position: 15% 0%;
	background-repeat: no-repeat;
	background-image: url('/wp-content/themes/twentysixteen/img/hash/splash.png');
	transition: all .2s ease-out;
}

				@media (max-width: 1400px) {
					.hs_big-video {background-position: -2% 0%;	transition: all .2s ease-out;	}
				}


				@media (max-width: 590px) {
					.hs_big-video {
						background: none;
					}
				}

.hs_zostan_partnerem {padding-top: 100px;	}

.hs_big-image1 {
	transform: translateY(50%); 	transition: all .2s ease-out;
	}

.hs_big-image1 img {
	border: 2px solid #b48151;
}

				@media (min-width:1200px) {
					.hs_big-image1 {margin-top: -190px;	}
					.hs_section3, .hs_section5 {padding-top: 270px;	}
				}

				@media (max-width:1199px) {
					.hs_big-image1 {margin-top: -190px;	}
					.hs_section3, .hs_section5 {padding-top: 204px;	}
				}

				@media (max-width:991px) {
					.hs_big-image1 {margin-top: -130px;	}
					.hs_section3, .hs_section5 {padding-top: 174px;	}
				}


				@media (max-width:767px) {
					.hs_big-image1 {margin-top: -120px;	}
					.hs_section3, .hs_section5 {padding-top: 114px;	}
				}

				@media (max-width: 575px) {
					.hs_big-image1 img, .hs_big-image1 img {border-top: 2px solid #b48151; border-bottom: 2px solid #b48151; border-left: none; border-right: none;}
				}


.hs_zostan_partnerem {
	font-family: 'Istok Web';
	font-size: 20px;
	font-weight: 400;
}

.hs_zostan_partnerem ul {
	color: #b48151;
}

.hs_zostan_partnerem ul li {
	margin-bottom: 30px;
	color: #fff;
}


.hs_video {
	position: relative;
	min-height: 100px;
	}

.hs_video img.ic_play {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
		width: 130px;
		height: auto;
	background: linear-gradient(to left, #b48151 0%,#d6a567 150%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all .2s ease-out;
	}

.hs_video:hover img.ic_play {
	width: 150px;
	height: auto;
	transition: all .2s ease-out;
	}



.hs_blok_ramka {
	border: 2px solid #d6a567;
	background: none;
	border-image: linear-gradient(to left, #b48151 0%,#d6a567 150%);
	border-image-slice: 1;
	padding: 25px;
	}

.hs_blok_ramka h4 {
	font-family: 'Montserrat';
	font-size: 24px;
	font-family: 400;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px;
	}


.hs_blok_ramka p {
	font-family: 'Istok Web';
	font-size: 16px;
	font-family: 400;
	color: #fff;
	}

.hs_screen {
	-webkit-filter: drop-shadow(5px 5px 5px #000 );
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,.25));
}



/************************
****     PRZYCISKI - NAWIGACJA **
************************/

@media (max-width: 991px){
	#menu-hash {
		padding-top: 30px;
	}

	#menu-hash li a {
		display: block !important;
	}

	#menu-hash li:first-child{
		margin-bottom: 30px;
	}

	#menu-hash li:last-child{
		padding: 0px 15px;
	}
}

#hs_belka a.nav-link {
	font-family: 'Montserrat';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 12px 20px;
	border: 2px solid #b48151;
	background: transparent;
	text-align: center;
	-webkit-transition:0.5s;
	position:relative;
	display: inline-block;
}

#hs_belka a.nav-link:hover {
	color: #fff;
  border: 2px solid rgba(0,160,80,0);
	background: linear-gradient(to left, #b48151 0%,#d6a567 150%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#hs_belka a.nav-link::before, #hs_belka a.nav-link::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  left:0;
  bottom: -1px;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

#hs_belka a.nav-link::before {
  border-bottom: 2px solid #b48151;
  border-left: 0;
  -webkit-transform-origin: 0% 100%;
}

#hs_belka a.nav-link::after {
  border-top: 0;
  border-right: 0;
  -webkit-transform-origin: 50% 50%;
}

#hs_belka a.nav-link:hover::after, #hs_belka a.nav-link:hover::before {
  -webkit-transform: scale(1);
}


.hs_button {
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
  padding: 12px 40px;
	border: 2px solid #b48151;
	background: transparent;
	margin-top: 50px;
	text-align: center;
  -webkit-transition:0.5s;
  position:relative;
	display: inline-block;
}

.hs_button i {display: inline; font-size: 18px; color: #fff;}
.hs_button:hover i {color: #b48151;}

.hs_button_black {
	color: #333 !important;
}


.hs_button:hover {
	color: #fff;
  border: 2px solid rgba(0,160,80,0);
	background: linear-gradient(to left, #b48151 0%,#d6a567 150%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hs_button::before, .box::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  left:0;
  bottom: -1px;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.hs_button::before {
  border-bottom: 2px solid #b48151;
  border-left: 0;
  -webkit-transform-origin: 0% 100%;
}

.hs_button::after {
  border-top: 0;
  border-right: 0;
  -webkit-transform-origin: 50% 50%;
}

.hs_button:hover::after, .hs_button:hover::before {
  -webkit-transform: scale(1);
}




/************************
/** BELKA & NAWIGACJA ***
************************/

 #hs_belka .hs_logo img {
	 max-width: 283px;
 }


#hs_belka {
	color: #fff;
	background: transparent;
	transition: all 0.5s ease;
	}

#hs_belka a {
	color: #2f2483;
	font-size: 18px;
	font-weight: 700;
	}


#hs_belka {
	font-weight: 700;
	}

.hs_belka_tlo {
	background: #3b3b3c!important;
	height: 100%;
	display: block !important;
	}

.navbar-nav li {
	padding: 0px 15px;
	}

.navbar-nav li:last-child {
	padding: 0px 0px 0px 15px;
	}

.dropdown-item {background: #fff !important; border-bottom: 1px solid #999; font-weight: 300 !important;}
.dropdown-item:last-child {background: #fff; border-bottom: 0; font-weight: normal; }
.dropdown-menu {border: none !important; }
.dropdown-item:hover {text-decoration: underline !important; }
.dropdown-item:active {text-decoration: underline !important; }

@media (max-width: 767px){
	#hs_belka .container {
		padding: 0px;
	}

	#hs_belka .navbar-nav {
	margin-top: 20px;
	}

	#hs_belka a {
	font-size: 24px;
    line-height: 48px;
    }

}

@media (min-width: 993px){
	#hs_belka .container {
		padding: 13px 0px;
	}
}

.hs_formularz {
	margin: 20px 0px 0px 0px;
	font-size: 16px;
	font-family: 'Istok Web';
	color: #999999;
	line-height: auto;
}

.hs_formularz label {
	margin-bottom: 0px;
}







.hs_formularz input[type=submit] {
	font-family: 'Montserrat';
	font-size: 24px;
	font-weight: 700;
	color: #d6a567;
	text-decoration: none;
	text-transform: uppercase;
  padding: 12px 20px;
	border: 2px solid #b48151;
	background: transparent;
	margin-top: 0px;
	text-align: center;
  -webkit-transition:0.5s;
  position:relative;
	border-radius: 0px;
	display: inline-block;
}

.hs_formularz input[type=submit]:hover {
	color: #fff;
  border: 2px solid rgba(0,160,80,0);
	background: linear-gradient(to left, #b48151 0%,#d6a567 150%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	box-shadow: none;
}

.hs_formularz input[type=submit]::before, .hs_formularz input[type=submit]::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  left:0;
  bottom: -1px;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.hs_formularz input[type=submit]::before {
  border-bottom: 2px solid #b48151;
  border-left: 0;
  -webkit-transform-origin: 0% 100%;
}

.hs_formularz input[type=submit]::after {
  border-top: 0;
  border-right: 0;
  -webkit-transform-origin: 50% 50%;
}

.hs_formularz input[type=submit]:hover::after, .hs_formularz input[type=submit]:hover::before {
  -webkit-transform: scale(1);
}

.hs_formularz p.opis {
	font-size: 20px;
	color: #999;
	font-family: 'Istok Web';
	font-wieght: 400;
	padding: 0px 30px 30px 30px;
}


@media (min-width: 992px) {
	.hs_kontakt_foto {
		height: 100% !important;
		position: absolute !important;;
	}
	.hs_kontakt_dane {
		padding-top: 300px;
		padding-left: 30px !important;
		padding-bottom: 30px;
		  background-image: linear-gradient(transparent 10%, transparent 10%, rgba(0,0,0,.7) 85%);
	}
}

@media (max-width: 991px) {
	.hs_kontakt_dane {
		padding: 30px 20px;
	}
	.hs_kontakt_foto {
		position: static !important;
	}
	.hs_kontakt_dane h4, p.hs_tel, p.hs_stanowisko {
		color: #333;
		font-size: 90% !important;
	}
	.hs_kontakt_dane a.hs_mail, p.hs_tel, p.hs_stanowisko {
		font-size: 16px;
	}
	.hs_kontakt_dane h4 {
		font-size: 22px;
	}
}

.hs_kontakt_foto {
	position: absolute;
	background-image: url(/wp-content/themes/twentysixteen/img/hash/hs_dominika.jpg?v=3);
	background-size: 100%;
	background-position: 0% 45%;
  background-repeat: no-repeat;
  display: block;
}

.hs_kontakt_dane h4 {
	font-family: 'Istok Web';
	font-size: 34px;
	font-weight: 700;
	text-transform: none;
	 margin: 0px;
}

.hs_stanowisko {
	font-size: 21px;
	font-family: 'Istok Web';
	font-weight: 400;
	margin: 10px 0px 0px 0px;
}

.hs_tel {
	font-size: 26px;
	font-family: 'Istok Web';
	font-weight: 400;
	margin: 0px;
}

a.hs_mail  {
	font-family: 'Istok Web';
	color: #d5a466;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
a.hs_mail:hover  {
	text-decoration: underline;
		color: #d5a466;
}

.hs_formularz span.hs-form-required {display: none;}
.hs_formularz .hbspt-form form fieldset {margin: 0px;}

#menu-item-255 a {cursor: pointer; }

.hs_nazwa_bloga_kana_u legend, .hs_city legend, .hs_linkedin_facebook_profile_page legend, .hs_when_are_you_available legend, .hs_ksi_eczka_sanepidowska legend, .hs_dodatkowe_uwagi legend {
	font-size: 13px; color: #333; font-style:italic;
}

.hs_nazwa_bloga_kana_u legend::before, .hs_city legend::before, .hs_linkedin_facebook_profile_page legend::before, .hs_when_are_you_available legend::before, .hs_ksi_eczka_sanepidowska legend::before, .hs_dodatkowe_uwagi legend::before {
	font-family: 'FontAwesome';
	font-weight: 400;
	content: "\f05a";
	font-style:normal; margin-right: 5px;
}

#stopa {
	background: #3b3b3c;
	color: #999;
}

.stopa_link ul li a {
	font-weight: 700;
	color: #2f2483;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Signika';
}

.stopa a {
	color: #2f2483 !important;
	text-decoration: none;
}

.stopa a:hover {
	color: #2f2483 !important;
	text-decoration: none;
}

#hs_stopa {
	background: #3b3b3c;
	color: #fff;
}

.hs_stopa_link ul li a {
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Montserrat';
}

.hs_stopa a {
	color: #fff !important;
	text-decoration: none;
}

.hs_stopa a:hover {
	color: #c69c6d !important;
	text-decoration: none;
}

.polec-nas img {
		box-shadow: 0 9px 32px 0 rgba(0,0,0,.15);
		border-radius: 15px;
}
.polec-nas p span {display: block; font-size: 12px; color: #e3000f;}
.polec-nas p  {font-size: 14px; color: #cecece; margin-top: 15px; margin-bottom: 30px; }
.polec-nas p a {font-size: 14px; color: #2f2483; }



.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}