/*
Theme Name: Dana
Author: ClearSense - Dominik Wilga
Author URI: https://clearsense.pl
Version: 1.0
*/

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700,300&subset=latin,latin-ext);
/* font-family: 'Roboto Slab', serif; */
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,700&subset=latin,latin-ext);
/* font-family: 'Roboto', sans-serif; */
@import url(//fonts.googleapis.com/css?family=Fira+Sans:400,500,700,300italic&subset=latin,latin-ext);
/* font-family: 'Fira Sans', sans-serif; */

body { margin: 0; padding: 0; background: #eff0eb!important; }
a, a:focus, a:active, a:hover { text-decoration: none!important; color: inherit; }
.container { position: relative; }

header .logo { margin-top: 35px; }
header nav { position: absolute; right: 0; top: 51px; border-bottom: 1px solid #002758; padding-bottom: 5px; }
header nav ul { list-style: none; padding-right: 61px; }
header nav ul li { float: left; padding-left: 20px; }
@media only screen and (max-width: 991px) and (min-width: 769px) {
   header nav ul li{
    padding-left:8px;
	padding-top:25px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 641px) {
   header nav ul li{
    padding-left:5px;
	padding-top:25px;
  }
}
header nav ul li a { color: #002758; font-size: 14px; font-family: 'Roboto Slab', serif; position: relative; }
header nav ul li a:hover, header nav ul li.current_page_item a { font-weight: 700; color: #002758; }
header nav ul li a:after { content: ''; width: 5px; height: 5px; background: #002758; border-radius: 100%; position: absolute; left: -10px; top: 9px; display: none; }
header nav ul li a:hover:after, header nav ul li.current_page_item a:after { display: block; }

header .tools { position: absolute; top: 12px; right: 0; }
header .tel, header .social { float: left; }
header .tel a { font-family: 'Roboto Slab', serif; font-size: 14px; color: #002758; font-weight: 300; }
header .tel a span { font-weight: 700; }
header .social { margin-left: 45px; position: relative; top: -2px; }
header .social a { margin-right: 10px; }

.logo h1 a img { width: 280px; }

#slider { margin-top: -70px; }
#slider, #slider ul li>div { height: 350px; }
#slider ul li>div .text h1, #slider ul li>div .text h2 { font-family: 'Roboto', sans-serif; font-size: 35px; color: #002758; margin-top: 70px; position: relative; }
#slider ul li>div .text h1 em, #slider ul li>div .text h2 em { font-weight: 700; font-size: 30px; font-style: normal; }
#slider ul li>div .text h1:after, #slider ul li>div .text h2:after { display: block; content: ''; width: 74px; height: 4px; background: #002758; position: absolute; top: -20px; }
#slider ul li>div .text p { color: #001837; font-size: 14px; font-family: 'Fira Sans', sans-serif; margin-top: 5px; }
#slider ul li>div .text a.button { font-size: 15px; color: white; font-family: 'Fira Sans', sans-serif; position: relative; font-weight: 500; text-align: center; padding: 9px 33px 5px 9px; background: #5b9ada; display: inline-block; border-radius: 5px; }
#slider ul li>div .text a.button:after { display: block; content: ''; width: 6px; height: 11px; position: absolute; right: 14px; top: 14px; background: url(images/button_arrow.png) no-repeat top left; }

#slider .przewin { font-family: 'Roboto', sans-serif; font-weight: 300; color: #5b9ada; font-size: 14px; position: absolute; bottom: 47px; right: 15px; }
#slider .bx-wrapper .bx-prev { width: 24px; height: 16px; background: #003d73 url(images/arrow_left.png) no-repeat center; right: 24px; bottom: 30px; left: auto; top: auto; }
#slider .bx-wrapper .bx-next { width: 24px; height: 16px; background: #5b9ada url(images/arrow_right.png) no-repeat center; right: 0; bottom: 30px; left: auto; top: auto; }

#trzy_boxy { min-height: 153px; }
#trzy_boxy>div>div>div { position: relative; }
#trzy_boxy .bg { height: 153px; position: relative; padding: 0; overflow: hidden; display: block; }
#trzy_boxy h3 { font-family: 'Roboto', sans-serif; font-weight: 300; color:  #002758; font-size: 22px; position: absolute; top: 20px; right: 20px; margin: 0; padding: 0; }
#trzy_boxy h3>span { font-weight: 700; }
#trzy_boxy .bg>span { color: #002758; font-size: 14px; font-family: 'Open Sans', sans-serif; position: absolute; top: 50px; right: 40px; }
#trzy_boxy .bg>span:after { content: ''; display: block; width: 15px; height: 15px; background: url(images/box_yes.png) no-repeat top left; position: absolute; right: -19px; top: 3px; }
#trzy_boxy.pliki .bg { height: auto; margin-bottom: 30px; }
#trzy_boxy.pliki .bg>span { position: static; color: #042649; text-align: center; margin-left: -25px; display: block; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-top: 10px; }
#trzy_boxy.pliki .bg>span:after { background: url(images/download.png) no-repeat top left !important; width: 19px; height: 15px; right: 45px; top: 2px; position: absolute;  }
#trzy_boxy.pliki h3 { font-size: 19px; color: #042649; position: static; margin-top: 20px; text-align: center; }


#trzy_boxy .drugie { margin-top: 40px; }
#trzy_boxy .drugie .column { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; min-height: 160px; margin-left: -10px; margin-top: 25px; }
#trzy_boxy .drugie .pierwszy h3 { font-size: 22px; color: #002758; font-family: 'Roboto', sans-serif; margin: 0; padding: 0; position: static; }
#trzy_boxy .drugie .pierwszy .column div { display: block; font-family: 'Fira Sans', sans-serif; padding-left: 10px; position: relative; color: #001837; font-size: 13px; padding-bottom: 5px; }
#trzy_boxy .drugie .pierwszy .column div:after { display: block; content: ''; width: 125px; height: 1px; background: #c1c2bf; }
#trzy_boxy .drugie .pierwszy .column div:before { display: block; content: ''; position: absolute; left: 0px; top: 7px; width: 4px; height: 4px; border-radius: 100%; background: #b0b1af; }

#trzy_boxy .drugie .drugi img { display: block; margin: 0 auto; }
#trzy_boxy .drugie .trzeci h3 { position: static; color: #002758; font-family: 'Roboto', sans-serif; }
#trzy_boxy .drugie .trzeci h3 span { font-weight: 700; }
#trzy_boxy .drugie .trzeci p { margin-top: 20px; color: #001837; font-size: 14px; }
#trzy_boxy .drugie .trzeci a.button { display: inline-block; color: white; border: 1px solid #5b9ada; background: #5b9ada; border-radius: 5px;  font-weight: 700; padding: 6px 28px 6px 11px; position: relative; }
#trzy_boxy .drugie .trzeci a.button:after { display: block; content: ''; width: 6px; height: 11px; background: url(images/button_arrow.png) no-repeat top left; position: absolute; right: 10px; top: 11px; }
#trzy_boxy .trzecie { margin-top: 20px; }
#trzy_boxy .trzecie h3 { color: #002758; font-size: 22px; font-family: 'Roboto', sans-serif; position: static; }
#trzy_boxy .trzecie h3 span { font-weight: 700; }
#trzy_boxy .trzecie .partnerzy { border-top: 1px solid #042649; border-bottom: 1px solid #042649; position: relative; margin-top: 15px; }
#trzy_boxy .trzecie .partnerzy>div>div { display: table; height: 80px; text-align: center; }
#trzy_boxy .trzecie .partnerzy>div>div a { display: table-cell; vertical-align: middle; height: 80px; }
#trzy_boxy .trzecie .partnerzy>div>div a img { max-height: 80px; }

#trzy_boxy .trzecie .partnerzy .slick-prev { display: block; background: url(images/bottom_slider_left.png) no-repeat top left; border: 0; width: 17px; height: 40px; text-indent: -999999px; position: absolute; top: 20px; left: -35px; outline: none; }
#trzy_boxy .trzecie .partnerzy .slick-next { display: block; background: url(images/bottom_slider_right.png) no-repeat top left; border: 0; width: 17px; height: 40px; text-indent: -999999px; position: absolute; top: 20px; right: -35px; outline: none; }
#trzy_boxy .trzecie .button { background: #5b9ada; display: inline-block; border-radius: 5px; color: white; padding: 3px 20px 2px 14px; position: relative; margin-top: 5px; font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 15px; margin-bottom: 10px; }
#trzy_boxy .trzecie .button:after { width: 6px; height: 11px; display: block; content: ''; background: url(images/button_arrow.png) no-repeat top left; position: absolute; right: 7px; top: 8px; }
#trzy_boxy .trzecie p { font-family: 'Fira Sans', sans-serif; color: #001837; font-size: 14px; }
#trzy_boxy .trzecie p em { font-weight: 700; font-style: normal; }
#trzy_boxy .trzecie hr { height: 1px; display: block; width: 110px; background: #042649; margin: 0; margin-bottom: 3px; margin-top: -5px; }

.pliki>div>div>div { margin-bottom: 30px;min-height:360px; }
#hamburger { display: none; }

#content input { width: 100%; border: 0; background: white; outline: none; border-radius: 5px; padding-left: 10px; }
#content textarea { width: 100%; border: 0; background: white; outline: none; border-radius: 5px; padding-left: 10px; }
.wpcf7-form { margin-top: 20px; }
#content input[type=submit] { margin: 20px 0; width: 100%; color: white; background: #5b9ada; padding: 5px 0; }


footer { background: #042649; height: 70px; padding-top: 27px; }
footer ul { list-style: none; padding: 0; margin: 0; padding-left: 15px; }
footer ul li { float: left; }
footer ul li a { color: white; font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 12px; padding-right: 30px; }
footer ul li:last-child a { padding: 0; }
footer ul li a:hover, footer ul li.current_page_item a { color: white; font-weight: 700; }

.widget h3 { position: static!important; color: #002758!important; }
#text-2 ul { list-style: none; margin: 0; padding: 0; margin-top: 10px; }
#text-2 ul li { background: #002758; margin-bottom: 5px; transition: all .3s ease-in-out; border: 1px solid transparent; border-radius: 5px; }
#text-2 ul li:hover { background: transparent; border: 1px solid #002758; }
#text-2 ul li a { color: white; font-size: 13px; line-height: 40px; padding-left: 10px; display: block; width: 100%; min-height: 40px; transition: all .3s ease-in-out; }
#text-2 ul li a:hover { color: #002758; }

.widget h3 { position: static!important; color: #002758!important; }
#text-3 ul { list-style: none; margin: 0; padding: 0; margin-top: 10px; }
#text-3 ul li { background: #002758; margin-bottom: 5px; transition: all .3s ease-in-out; border: 1px solid transparent; border-radius: 5px; }
#text-3 ul li:hover { background: transparent; border: 1px solid #002758; }
#text-3 ul li a { color: white; font-size: 13px; line-height: 40px; padding-left: 10px; display: block; width: 100%; min-height: 40px; transition: all .3s ease-in-out; }
#text-3 ul li a:hover { color: #002758; }

.attachment-full { max-width: 100%; margin-top: 26px; }
#gallery-1 .gallery-item { width: auto!important; margin-right: 16px; }
.container img { max-width: 100%; height: auto; }
.container { padding-bottom: 40px; }

.pdf { display: block; float: left; margin-right: 10px; }

#lista a { color: black; }
#lista h3, #articles h3 { color: #002758; }
#trzy_boxy h2 { color: #002758; }


#mixedContent {
	width:100%;
	height: 80px;
	position: relative;
}

#mixedContent .contentBox {
	position: relative;
	float: left;
	display: block;
	height: 80px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	margin-right: 20px;
}
#mixedContent .contentBox img { max-height: 55px!important; }

#mixedContent #img3 { width: 170px; }
#mixedContent #img2 { width: 190px; }
#mixedContent #img1 { width: 120px; }


.alignright {
float: right;
margin-left: 20px;
}

.alignleft {
float: left;
margin-right: 20px;
}

.aligncenter {
display: block;
margin: 0 auto;
}


.pdf-button {
border: 3px solid #002758;
border-radius: 8px;
background: url('http://7.cstest.pl/dwilga/dana/wp-content/uploads/2015/09/pdf2.png') 5% 50% no-repeat;
height: 60px;
width: 300px;
}

.pdf-button:hover {
border-color: #5B9ADA;
background-color: #5B9ADA;
}

a.pdf-link {
color: #002758 !important;
font-weight: bold;
font-size: 16px;
padding-left: 50px;
line-height: 60px;
display: block;
width: 300px;
height: 60px;
}

a.pdf-link:hover {
color: #fff !important;
}

.scrollingHotSpotLeft, .scrollingHotSpotRight { display: none!important; }

@media screen and (max-width: 768px) {
    .logo { max-width: 165px; }
    .logo h1 { margin-top: 10px; }
    header nav ul li a { font-size: 12px; }
    header nav ul li a:after { top: 6px; }
    header nav ul { margin-top: 13px; }
    #trzy_boxy .bg { max-width: 364px; margin: 0 auto; margin-bottom: 10px; }
    #trzy_boxy .trzecie h3 { margin-top: 20px; }
    #trzy_boxy .trzecie .partnerzy .slick-next, #trzy_boxy .trzecie .partnerzy .slick-prev { display: none!important; }
    header { height: 100px; }
}
@media screen and (max-width: 640px) {
    .logo { max-width: 100px; }
    header { height: auto; }
    header .social { display: none; }
    header .tel a span { padding-right: 10px; }
    header nav ul li { float: none; width: 100%; padding: 0; text-align: center;  }
    header nav ul { padding: 0; }
    header nav { position: static; }
    header nav ul li { padding-top: 5px; }
    #trzy_boxy h3 { font-size: 14px; }
    #trzy_boxy .bg>span { font-size: 12px; top: 41px; right: 33px; }
    #trzy_boxy .bg>span:after { top: 1px; }
    #trzy_boxy .drugie .trzeci h3 { font-size: 22px; }
    .row.trzecie .col-lg-6 { background: none!important; }
    footer { display: none; }
    #hamburger { display: block; width: 30px; cursor: pointer; position: absolute; right: 5px; top: 35px; }
    #hamburger .row { width: 100%; height: 5px; background: #002758; margin-bottom: 5px; }
    .container { overflow: hidden; }
    header, header .container { min-height: 74px; }
    header nav { margin-top: 25px; display: none; }
	.logo h1 a img { max-width: 300%; width: 155px!important; }
	#slider, #slider ul li>div { min-height: 350px; height: auto; }
	#slider { margin-top: -30px; }
}

.breadcrumbs {margin: 15px 0px 5px;}
.sgpb-popup-builder-content-html{text-align: center;}