/*NAGŁOWKI*/
.nag{padding-bottom: 20px;}
.nag h2{font-size: 21px; font-weight: 700; color: #1d252d;}
.nag hr{width: 50px; border-top: 4px solid #1d252d;}

.nag2 h2{font-size: 21px; font-weight: 700; color: #fff;}
.nag2 hr{width: 50px; border-top: 4px solid #fff; margin-left: 0;}

.nag3 h2{font-size: 21px; font-weight: 700; color: #1d252d;}
.nag3 hr{width: 50px; border-top: 4px solid #1d252d; margin-left: 0;}

/*BUTTONY*/
.wiecej{background: transparent !important; border: 1px solid #1d252d; padding: 10px 20px; color: #1d252d;}
.wiecej2{margin-top: 40px;}
.wiecej2 a{background: transparent !important; border: 1px solid #e4b84d; padding: 10px 20px; color:  #e4b84d;}

/*NAWIGACJA*/
.navbar-default{background-color: #1d252d !important;}
.navbar-default .navbar-nav > li > a{color: #c1c1c1;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #fff;}
.navbar-brand{height: 80px !important;}
.navbar-default .navbar-collapse{margin-top: 14px;}
.navbar-default .navbar-collapse li a{text-align: center;}
.navbar {
    position: relative;
    max-height: 80px;
    /* margin-bottom: 20px; */
    border: 1px solid transparent;
}


/*SLIDER*/
.slider{border-bottom: 25px solid #e4b84d;}
.slider h1{text-transform: uppercase; font-weight: 800;}
.slider img{width: 100%; max-height: 650px;}
@media screen and (min-width: 768px){
	.carousel-caption {left: 20% !important; right: 20% !important; padding-bottom: 30px; top: 30%;}
	.slider h1{font-size: 62px;}
	.slider h2{font-size: 47px;}
}	

 
/*WYSKAKUJĄCE OKIENKO*/
#kontakt{position: fixed; right: -300px; top: 150px; z-index: 100; cursor: pointer;}
#kontakt .tab{width: 93px; height: 237px; background: url('../img/kontakt.png')no-repeat; float: left; }
#kontakt .forma{width: 300px; height: 380px; float: left; background: #f7d579; padding: 15px 0; margin-top: 2px;}

@media(max-width: 480px){
	#kontakt{display: none;}
}

/*BOX*/
.box{color: #fff; padding: 30px 0;background: url('../img/bg-box.jpg');}
.box .chcesz p{font-size: 25px; font-weight: 700;}
.box .zadzwon p{ font-size: 24px;}
.box .zadzwon p span{ font-size: 46px; font-weight: 700;}
.box .napisz p{font-size: 24px;}
.box .napisz p span{font-weight: 700;}

/*ZAKRES USŁUG*/
.zakres {padding: 30px 0 50px;}
.zakres .tekst p{font-size: 14px; color: #2d363f; line-height: 2.5;}
.zakres .but{margin-top: 40px;}

/*O KANCELARII*/
/*.okan{  background-image   : url(../img/prawa.jpg),*/
							/*url(../img/lewa.jpg);*/
/**/
  /*background-repeat  : no-repeat,*/
                       /*no-repeat,*/
                       /*no-repeat;*/
/**/
  /*background-position: bottom right,*/
                       /*bottom left;*/
  /*background-size: 50%, 50%;*/
/*}}*/
.okan{background: url(../img/okan-bg.jpg); background-size: cover; width: 100%; padding-bottom: 50px; padding-top: 20px;}
.okan .tekst {padding-right: 20px; padding-top: 30px;}
.okan .tekst p{font-size: 14px; color: #fff; line-height: 2.5; font-weight: 300;}
.okan .tekst button {margin-top: 30px;}

/*MAPA*/
.map-section{position: relative;}
#map-canvas{height: 500px;}

/*KONTAKT*/
@media(min-width: 768px){
	.kontakt {position: absolute; top:0; left: 20%;}
}
.kontakt .dane {background: #fcfcfc; padding: 34px 15px;}
.kontakt .dane p{font-size: 16px; color: #303030; padding: 30px 0;}
.kontakt .zaufali-nam .loga img{vertical-align: middle; display: block; margin: 0 auto;}
.kontakt .zaufali-nam .loga .cent{display: inline-block; height: 100%; vertical-align: middle;}

/*STOPKA*/
footer{background: #1d252d; padding: 20px;}
footer .menu-dol{padding-top: 10px;}
footer .menu-dol li{display: inline; padding-right: 30px;}
footer .menu-dol li a{color: #c1c1c1; text-transform: uppercase; font-size: 16px;}
footer .copy p{color: #c1c1c1; text-transform: uppercase; font-size: 12px;}
footer .copy a{color: #ffc445;}


/*MEDIA*/
@media(max-width: 480px){
	.slider h1{font-size: 22px;}
	.slider h2{font-size: 18px;}

	.box .zadzwon p span{font-size: 32px;}

	.top h2{font-size: 36px !important;}
}

/*PODSTRONA TOP*/
.top{padding: 75px 0; border-bottom: 25px solid #e4b84d; background: url(../img/bg-top.jpg); width: 100%; background-size:cover; background-position:bottom;}
.top h2{color: #fff; font-size: 50px; font-weight: 800;}

/*MAIN*/
.main{padding: 50px 0;}
.main p{font-size: 14px; color: #2d363f; line-height: 2.0;}
.main h3{font-size: 18px; color: #2d363f;}
.main .first{padding-bottom: 20px;}
.main .second{padding-top: 20px;}

/*ABOUT*/
.about{background: #eeeeee;}
.about .left{max-width: 855px; float: right; padding: 50px 0;}
.about .obraz img {max-height: 345px;}
.about p{font-size: 14px; color: #2d363f; line-height: 2.0;}

@media(min-width: 981px){
	.about .obraz {padding: 0 !important; position: absolute; right: 0;}
}

@media(max-width: 1220px){
	.about .obraz img{max-width: 80%;}
}

.obraz{position: relative;
top: -Xpx;
z-index: 99;}

/*DOL*/
.dol{padding: 50px 0;}
.dol .tekst{padding-bottom: 50px;}
.dol .tekst p{font-size: 14px; color: #2d363f; line-height: 2.0;}
.dol .min img{margin: 0 auto;}


#CookiesWarningPopup {
    background: #f7d579;
    border-radius: 50%;
    position: fixed;
    bottom: 0;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 10px;
    z-index: 1001;
    width: 14.55em;
    height: 14.55em;
    padding-top: 30px;
    color: #FFFFFF;
}

.CookiesWarning {
    position: relative;
    z-index: 2;
    line-height: 140%;
    opacity: 1;
    font-size: 70%;
    color: #1d252d;
    height: 80px;
    margin: auto;
}

.CookiesWarning .title {
    font-size: 135%;
    line-height: 130%;
    display: block;
    color: #1d252d;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 40px;
}
.CookiesWarning p {
    font-size: 10px;
    line-height: 130%;
    display: block;
    color: #1d252d;
    margin-bottom: 15px;
    text-align: left;
    padding: 0 30px;
}
#CookiesWarningPopup .button-cookies {
    font-family: Oxygen;
    text-transform: uppercase;
    color: #1d252d !important;
    font-size: 100%;
    background: #fff;
    padding: 13px;
    width: 38px;
    height: 38px;
    font-weight: 400 !important;
    border-radius: 100%;
    text-align: center;
    display: inline-table;
    -webkit-box-shadow: 2px -1px 0px 0px #646464;
    -moz-box-shadow: 2px -1px 0px 0px #646464;
    box-shadow: 2px -1px 0px 0px #646464;
}
#CookiesWarningPopup .button-cookies:hover {
    background: #ffffff;
    color: #21211f !important;
}
.CookiesWarning .buttons {
    text-align: center;
    display: block;
    margin-top: 15px;
}

#CookiesWarningPopup:after {
    background: #f7d579;
    content: "";
    width: 6.875em;
    height: 6.875em;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}