@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,500,500i,700|Playfair+Display:400i,700,900&display=swap&subset=latin-ext");

*,*::after,*::before{
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 15px;
}
h1,h2,h3,h4,h5,h6{
line-height: 1.5 !important;}
h1,
h2,
h3,
h4,
h5,
h6,
.btn {
  font-family: "Playfair Display", serif;
  color: #333333;
}

p {
  font-family: "Montserrat", sans-serif;
		line-height:1.7;
 
}

body {
  background: #fff;
  font-family: "Montserrat", sans-serif;
font-size:1rem;
	line-height:1.7;
}

.toper {
  width: 100%;
  height: auto;
  padding: 5px 0;
  background: #3c3c3c;
  color: #bebebe;
  font-size: 14px;
}

.toper a {
  color: #bebebe;
}

.toper p {
  margin: 0;
  padding: 0;
}

.nav {
  padding: 8px 0;
  background: #f9f6f7;
  color: #111;
  flex-wrap: wrap;
}

.nav .nav-menu-rwd {
  background: #686157;
  border: none;
  color: #fff;
  padding: 5px 10px;
  margin-right: 10px;
}

.nav .logo:hover {
  text-decoration: none;
}

.nav p {
  padding: 0;
  margin: 0;
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #111;
  padding: 10px;
  margin-left: 5px;
}

.nav span {
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-left: solid 2px #3c3c3c;
  margin-left: 5px;
  padding-left: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.nav-menu {
  list-style-type: none;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  align-items: center;
}

.nav-menu li {
  margin-left: 10px;
  margin-top: 5px;
}

.nav-menu a {
  color: #111;
  text-transform: uppercase;
}

.nav-menu a::after, {
  content: "";
  width: 1%;
  height: 1px;
  background: transparent;
  display: block;
  transition: all 250ms linear;
  margin-top: 5px;
}

.nav-menu a:hover {
  text-decoration: none;
}

.nav-menu .current a{
color:#686157	
}

.nav-menu .active a{
color:#686157	
}

.nav-menu .current a::after ,.nav-menu .active a::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #111;
  display: block;
  margin-top: 0px;
}


.nav-menu a:hover::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #111;
  display: block;
  margin-top: 0px;
}

@media (max-width: 960px) {
  .nav-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 20px 0;
  }
  .nav-menu li {
    margin: 10px 0;
  }
}

#slider {
  position: relative;
  background: #d4d4d3;
  overflow: hidden;
	height:85vh;
}

#slider .btn-slider {
  color: #fff;
  border-radius: 20px;
  padding: 6px 30px;
  background: #686157;
}

#slider .slider-content {
  margin-top: 30px;
}

@media (max-width: 960px) {
  #slider .slider-content {
    text-align: center;
  }
  #slider .slider-content p {
    text-align: justify;
  }
}

#slider .slider-man {
  margin-top: 30px;
}

#slider .slider-img {
  position: absolute;
  filter: blur(0.4px);
  top: 0;
  left: 0;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 3;
}

#slider .container {
  position: relative;
  z-index: 4;
}

#boxes {
padding-bottom:50px;
}

.boxes-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
	

}

@media (min-width: 960px) {
  .boxes-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    z-index: 5;

	}
	
	#boxes{
		
		margin-top:-40px;}
}

.boxes-grid .boxes-item {
  background: #333;
  padding: 30px 10px;
  color: #fff;
  height: 300px;
  align-items: center;
  text-align: center;
  transition: all 250ms linear;
  cursor: pointer;
}

.boxes-grid .boxes-item h1,
.boxes-grid .boxes-item h2,
.boxes-grid .boxes-item h3,
.boxes-grid .boxes-item h4,
.boxes-grid .boxes-item h5,
.boxes-grid .boxes-item h6 {
  color: #fff;
  display: block;
  margin-bottom: 20px;
}

.boxes-grid .boxes-item .col-md-12 {
  position: relative;
  z-index: 5;
}

.boxes-grid .boxes-item .boxes-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.boxes-grid .boxes-item .boxes-bg .uil {
  position: absolute;
  bottom: 0;
  right: auto;
  z-index: 2;
  opacity: 0.1;
  font-size: 10rem;
  margin: 0 !important;
  padding: 0 !important;
  left: auto;
}

.boxes-grid .boxes-item:hover {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

@media (min-width: 960px) {
  .boxes-grid .boxes-item:hover {
    transform: translate(0, -10px);
  }
}

.boxes-grid .btn-boxes {
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 4px 25px;
  border-radius: 10px;
  margin-top: 20px;
  border: solid 1px #ddd;
  letter-spacing: 2px;
}

.boxes-grid .btn-boxes:hover {
  color: #333333;
  background: #fff;
  text-decoration: none;
}

.boxes-grid .uil {
  font-weight: 300;
  font-size: 2.2rem;
  margin-bottom: 10px;
  display: block;
}

#about {
	margin-top:50px;
  padding: 40px 0;
  position: relative;
}



#about .container {
  position: relative;
  z-index: 2;
}

#about .display-4 {
  text-align: center;
  font-size: 2.4rem !important;
}

#about p {
  color: #fff !important;
  text-align: justify;
}

#about h1,
#about h2,
#about h3,
#about h4,
#about h5,
#about h6 {
  color: #fff;
}

#about .line {
  width: 60px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  display: block;
  margin: 20px auto;
}

#why {
  padding: 100px 0;
}

#why h1,
#why h2,
#why h3,
#why h4,
#why h5,
#why h6 {
  color: #686157;
}

#why .why-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 6px;
}

@media (max-width: 960px) {
  #why .why-grid {
    grid-template-columns: 1fr;
  }
}

#why .texter p {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
}

#why .why-item {
  border: solid 1px #ddd;
  padding: 60px 15px;
}

#why .why-item:nth-child(even) {
  background: #f8f9fa;
}

#why .why-item .uil {
  color: #686157;
  font-size: 3rem;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}

#why .why-item p {
  text-align: center;
  font-size: 14px;
  opacity: 0.7;
}

#why .why-item .line {
  width: 60px;
  height: 4px;
  border-radius: 2px;
  background: #fff !important;
  display: block;
  margin: 20px auto;
}

#why .texter {
  position: relative;
  display: flex;
  align-items: center;
}

#why .texter .fog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
}

#why .texter .texter-text {
  position: relative;
  z-index: 4;
}

#why .texter h2 {
  color: #fff;
}

#why .texter p {
  color: #fff;
}

#why .line {
  color: #fff;
  background: #fff !important;
  width: 60px;
  height: 4px;
  border-radius: 2px;
  background: #fff !important;
  display: block;
  margin: 20px auto;
}

#subfooter {
  position: relative;
  padding: 20px 0;
}

#subfooter .btn-boxes {
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 4px 25px;
  border-radius: 10px;
  margin-top: 20px;
  border: solid 1px #ddd;
  letter-spacing: 2px;
}

#subfooter .btn-boxes:hover {
  color: #333333;
  background: #fff;
  text-decoration: none;
}

#subfooter h1,
#subfooter h2,
#subfooter h3,
#subfooter h4,
#subfooter h5,
#subfooter h6 {
  color: #fff;
}

#subfooter .fog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111;
  z-index: 1;
  filter: opacity(65%);
}

#subfooter .container {
  position: relative;
  z-index: 5;
}

#footer {
  padding-top: 80px;
  background: #1a1a1a;
  color: rgba(255, 255, 255, 0.7);
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #fff;
}

.footer-with-line {
  margin-top: 50px;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  font-size: 13px;
}

.footer-with-line p {
  margin: 0;
  padding: 0;
}

.footer-with-line a {
  color: #686157;
}

.manfade {
  animation: manfade 1s linear;
}

@keyframes manfade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

article {
  padding-top:70px;
}

article p{
opacity:0.7;
}


article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  color: #686157;
}

.bread {
  font-size: 13px;
}

.container {
  position: relative !important;
}

#scrollup {
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
  color: #fff;
  background: #686157;
  padding: 10px;
  z-index: 999;
}

.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  animation: circle 1s infinite linear;
  border: solid 5px #686157;
  border-top: solid 5px transparent;
}

@keyframes circle {
  from {
    transform: rotate(360deg);
  }
  to {
  }
}

.uil-facebook {
  font-size: 18px;
}

.bread a{
color:#111;
}


.bread a:hover{
color:#111;
	text-decoration:none;
	opacity:0.7;
}

section{
overflow:hidden}


a{
color:#686157}

a:hover{
color:#686157;
text-decoration:none;}


#footer iframe{
opacity: 0.7;
filter: grayscale(100%);
}


#cbcookies-bottom {

    background-color: #000 !important;

border-top: solid 1px #000 !important;

bottom: 0;

color:#fff !important;
    font-family: inherit;
    left: 0;
    padding: 10px !important;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 88 !important;

}

#cbcookies_accept {

    background-color: 
#686157 !important;

color:

    #FFFFFF;
    padding: 3px 5px;
    text-decoration: none;

}

#cbcookies_more{
display:block !important}




article .row{

padding:0 15px !important;
margin-left:auto !important;
margin-right:auto !important;
width:96% !important;
max-width:1140px !important;}

article .container-fluid{
padding:0;
}




@media(min-width:960px){

	

article{
overflow:hidden;
min-height:55vh;}
	
}

article span{
	font-size:15px;
line-height:1.9}

#kontakt article{
min-height:auto !important;}

.form{
padding:60px 0;}
#kontakt .form{
padding:20px !important}

/*nadpis */
		  input,textarea{width:100%;padding:5px;margin-bottom:5px;margin:5px auto;}
	  #m_smtp_c_agree_395ed33a5ae4476{all:revert;}

#m_smtp_c_Submit_395ed33a5ae4476{
background: #686157 !important;color:#fff;border:none;
}
 		
		@media(max-width:960px){
			#slider{
				color:#fff;
			background:url('https://redzkostrategist.pl/data/uploads/bebe.jpg') !important;
				background-size:cover !important;
				background-position:top right !important;
				height:450px !important;
			}
			
			#slider h1{
				color:#fff}
			
			.fog{
				background:
			rgba(0,0,0,0.6)
			}
			
		}
		
		
		@media(min-width:960px){
		#slider{
				color:#fff;
				background:url('https://redzkostrategist.pl/data/uploads/bebe.jpg');background-size:cover !important;background-position:top right !important;}
			
			#slider h1{
				color:#fff;}
		}
		
		
		input,textarea{width:100% !important;border-radius:0 !important;padding:20px;}
		input#privacy{all:revert;}		
		
		
		.easyContactForm{
			text-align:justify;
		}

		label{margin:0;}
		
		.form b,.form strong{font-weight:400;}
	


    /**edit lipiec **/

    .talk{
    
        background: url('https://www.redzkostrategist.pl/data/uploads/szablon/ebe2.jpg');
          background-position-x: 0%;
          background-position-y: 0%;
          background-size: auto;
        background-size: cover;
        background-position: center center;
        padding: 229px 0;
       
    }



@media(max-width:960px){

 p{
  font-size: 0.9rem !important;
 }

 article h1, article h2,article h3,article h4{
  line-height: 1.2 !important;
  margin-bottom: 2rem !important;
 }

  #slider{
    height:auto !important;
    background-image:url('https://www.redzkostrategist.pl/data/uploads/bg4.jpg') !important;
    /* background-color: #010102 !important; */
		background-color:#141420 !important;
background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    text-shadow: 1px 1px 5px rgba(0,0,0,1);
  }

  #slider .fog{
    background:transparent;
  }

  #slider .slider-content{
    margin-top:300px; 
    margin-bottom: 50px;
  }

  #slider p{
    text-align: center !important;
    line-height: 1.5;
  }


  #slider h1 {
    color: #fff;
    line-height: 1.2 !important;
    transform: scale(0.9);
    margin-bottom: 0 !important;
  }


  /*boxes */

  #boxes{
    margin:20px 0 !important;
    box-sizing: border-box !important;
    padding-bottom: 0;
  }

  .boxes-item{
padding:0px !important;
height:250px !important;
  }

  .boxes-item .col-md-12{
    padding: 5px !important;
  }

  .boxes-item h4{
    word-break: keep-all !important;
  }

  .boxes-grid{
    grid-template-columns: 1fr 1fr;
  }


  /*about */

  #about{
padding:20px 0;
  }

  #about p{

    text-align: left !important;
    line-height: 1.5 !important;
    font-size:0.9rem;

  }

  #about .line{
    margin:5px auto;
  }


  #why{
    padding:20px 0;
  }

  #why .why-grid{
    grid-template-columns: 1fr 1fr;
  }

  #why .why-item{
    padding:10px 5px;
  }

  .talk{
    padding: 20px;
  }

  .talk h2{
    line-height: 1.5 !important;
    transform: scale(0.8);
  }

  .form{
    padding: 20px 0;
  }


  label{
    font-size:0.8rem;
  }

  input,textarea{
    padding: 0 !important;
  }

  input[type="submit"]{
    padding: 5px 15px !important;
  }

  .black,.redzko{
    padding:40px 0 !important
  }

  article span{
    font-size:1rem !important;
    line-height:  1.7 !important;
  }

  #footer{
    padding:30px 0 !important;
  }
}