/*
Theme Name:   BRAINBOX Child Theme
Description:  Motyw potomny do strony brainbox.com.pl
Author:       BRAINBOX Agencja Interaktywna
Template:     brainbox
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  BRAINBOX
*/

/* Write here your own personal stylesheet */


/* Oś historii */

.historia__container {
    padding: 80px 0;
}

.historia__container::before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #3fb9b8;
}

.historia__box {
    padding-bottom: 200px;
}

.historia__box__content {
    background-color: #fff;
    border: 4px double #3fb9b8;
    padding: 25px;
}

.historia__date {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border: 4px double #3fb9b8;
    text-align: center;
    font-style: normal;
	line-height: 58px;
	font-weight: 400;
}

/*@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
.fadeInUp {
    animation-name: fadeInUp;
    animation-duration: 2s;
}*/

/*@keyframes fadeInRight {
	from {
	  opacity: 0;
	  transform: translate3d(100%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  transform: translate3d(0, 0, 0);
	}
  }

@keyframes fadeInLeft {
	from {
	  opacity: 0;
	  transform: translate3d(-100%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  transform: translate3d(0, 0, 0);
	}
  } */

@media (max-width: 767px) {
	.historia__date {
		left: 50% !important;
		right: 50%;
		margin-right: -30px;
		margin-left: -30px;
		top: -80px;
	}

	.historia__box__container {
		padding-left: 0 !important; 
		padding-right: 0 !important;
	}

	.historia__box__container:last-child .historia__box {
		padding-bottom: 0;
	}
}

@media (min-width: 768px) {
	.historia__box {
		padding: 0;
	}

	.historia__box__container {
		position: relative;
		float: left;
	}

	.historia__box__container:before {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		z-index: -1;
		width: 200px;
		height: 1px;
		background: #3fb9b8;
	}
	
	.historia__box__container:nth-child(odd):before {
		left: auto;
		right: 0;
	}
	
	.historia__box__container:nth-child(odd) {
		padding-right: 75px;
		/*animation: fadeInLeft;*/
		animation-duration: 2s;
	}
	
	.historia__box__container:nth-child(even) {
		margin-top: 220px;
    	margin-bottom: 20px;
		padding-left: 75px;
		/*animation: fadeInRight;*/
		animation-duration: 2s;
	}

	.historia__box__container:nth-child(odd) .historia__date {
		right: -34px;
	}

	.historia__box__container:nth-child(even) .historia__date {
		left: -34px;
	}

}

/* Kariera - ogłoszenia */

h2.kariera__title {
	font-size: 36px;
}

.kariera__row {
	padding: 40px 0;
    border-bottom: 1px solid #4bc2b43d;
}

.kariera__row:first-child {
	padding-top: 0;
}


/* Inne */

.qodef-drop-down .narrow .second .inner ul li {
	width: 330px !important;
}

.qodef-drop-down .narrow .second {
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
}

table tbody tr, table thead tr {
    border: 0 !important;
}

.qodef-testimonials-holder .qodef-tes-image-nav .qodef-tes-image-single {
	display: none !important;
}

.bb-icon-list {
	font-size: 20px;
    padding-left: 10px;
    vertical-align: top;
}

.qodef-pricing-tables .qodef-price-table .qodef-price-table-inner ul li.qodef-table-prices .qodef-price-in-table .qodef-value-price-holder .qodef-price {
	font-size: 36px !important;
	left: 0 !important;
}

.qodef-pricing-tables .qodef-price-table .qodef-price-table-inner ul li.qodef-table-content {
    padding-bottom: 32px;
}

@media (min-width: 600px) and (max-width: 1024px) {
	.qodef-pricing-tables.qodef-four-columns .qodef-price-table {
		width: 47.75% !important;
	}
}

@media only screen and (max-width: 599px){
	.qodef-horizontal-timeline .qodef-events-content .qodef-hti-content-value {
    padding: 10px 0 !important;
	}
	
	#slider-14-slide-43-layer-30, #slider-14-slide-43-layer-31, #slider-14-slide-45-layer-5, #slider-14-slide-45-layer-6, #slider-14-slide-46-layer-4, #slider-14-slide-46-layer-5  {
		display: none;
	}
	
	.qodef-testimonials.qodef-testimonials-slider .qodef-testimonial-text {
		font-size: 14px !important;
		line-height: 1.5em !important;
	}
	
}

@media (max-width: 1024px) {
	.certyfikaty {
		text-align: center;
	}
}

/* Fix stopki - bez paralaksy na mobilnej */

footer .qodef-footer-top.qodef-footer-top-full {
    padding: 70px 54px 60px;
}

@media (min-width: 1025px) {
	.qodef-content {
		margin-bottom: 550px !important;
	}
}

@media (min-width: 1240px) {
	.qodef-content {
		margin-bottom: 476px !important;
	}
}

@media (min-width: 1600px) {
	.qodef-content {
		margin-bottom: 463px !important;
	}
}

@media (max-width: 1024px) {	
	footer {
		position: relative !important;
	}
	
	.qodef-content {
		margin-bottom: 0 !important;
	}
}

/* Inne */

.qodef-post-text .qodef-btn {
    display: block;
    text-align: right;
}

.qodef-service-table {
   color: #4c4b4b;
   font-weight: 400;
}

.qodef-service-table table thead th:first-child {
    width: 39% !important;
}

.page-id-5968 tfoot {
	display:none;
}

.opieka-cena {
	font-size: 0.9em;
	font-weight: 600;
}

.najchetniej {
	color: #3eb9b8;
    font-size: 0.9em;
    font-weight: 600;
}

.dopisek {
	display: block;
    font-size: 11px;
}

.qodef-service-table table tbody td .qodef-mark.ion-close {
    color: #d06058 !important;
}

.qodef-service-table table tbody td .qodef-mark i {
    color: #607D8B;
}

.qodef-service-table table thead th:nth-child(3) {
	border-top: 6px solid #3eb9b8;
	border-right-color: #3eb9b8;
}

.qodef-service-table table thead th:nth-child(2), .qodef-service-table table tbody td:nth-child(2), .qodef-service-table table tbody td:nth-child(3) {
	border-right-color: #3eb9b8;
}

.qodef-service-table tr:last-child td:nth-child(3) {
	border-bottom: 1px solid #3eb9b8;
}

@media (max-width: 768px) {
	.dopisek {
		display: none;
	}
	
	.qodef-service-table table thead th:first-child {
    width: 25% !important;
	}
}

/* lazy load */

img[data-src] {
	opacity: 0;
	transition: opacity .25s ease-in-out;
	will-change: opacity;
}

img[data-src][src] {
	opacity: 1;
}

.h3{
    font-size: 26px;
    line-height: 1.461em;
    font-family: Raleway, sans-serif;
}
.h3, .h4 {
    font-weight: 300;
    color: #1c1c1c;
}