body { font-family: 'Baloo 2', sans-serif; background: #fff; }

a { transition: all 0.3s linear; }
a:hover { text-decoration: none; }

.x { clear: both; }
.x1 { clear: both; height: 10px; }
.x2 { clear: both; height: 20px; }
.x3 { clear: both; height: 30px; }

.slick-slide, .slick-slide a, .slick-slide:focus { outline: none; }

#header { background: #fff; border-bottom: 1px #F8FAFC solid; }
#header #logo { color: #017acd; font-size: 30px; font-weight: 700; line-height: 70px; }
#header .header-center .navbar { padding: 0; }
#header .header-center .nav-link { color: #444; padding: 0; margin: 0 15px; line-height: 70px; font-size: 14px; font-weight: 600; }
#header .header-center .nav-link-social-media { margin: 0 0 0 15px; }
#header .header-center .nav-link-social-media img { height: 20px; width: auto; margin-top: -5px; }
#header .header-center .nav-link:hover { color: #017acd; }
#header .header-right a { color: #017acd; font-size: 20px; line-height: 50px; margin: 10px 0; }
#header .header-right .dropdown { margin-left: 20px; }
#header .header-right .dropdown-menu a { color: #017acd; font-size: 14px; line-height: 25px; margin: 0; }

#header-mobile .navbar-brand { color: #017acd; font-size: 30px; font-weight: 700; line-height: 70px; }

#showcase { background: #fff url('../images/squares.png') left bottom -70px no-repeat; border-bottom: 1px #F8FAFC solid; }
#showcase .showcase1 { background-image: url('../images/human.jpg'); background-position: right 50px bottom; background-repeat: no-repeat; min-height: 700px; }
#showcase .showcase1 .showcase-subtitle { font-size: 40px; line-height: 40px; margin-top: 150px; }
#showcase .showcase1 .showcase-title { font-size: 60px; line-height: 60px; font-weight: 800; margin-bottom: 50px; }
#showcase .showcase1 .showcase-title span { color: #017acd; }
#showcase .showcase1 .showcase-info { color: #333; margin-bottom: 50px; font-size: 15px; }
#showcase .showcase2 { background-image: url('../images/human2.jpg'); background-position: left 50px bottom; background-repeat: no-repeat; min-height: 700px; }
#showcase .showcase2 .showcase-subtitle { font-size: 40px; line-height: 40px; margin-top: 70px; }
#showcase .showcase2 .showcase-title { font-size: 50px; line-height: 60px; font-weight: 800; margin-bottom: 50px; }
#showcase .showcase2 .showcase-title span { color: #017acd; }
#showcase .showcase2 .showcase-info { color: #333; margin-bottom: 50px; font-size: 15px; }
#showcase .showcase-new { background-image: url('../images/human3.jpg'); background-position: right bottom; background-repeat: no-repeat; min-height: 700px; padding-left: 50px; }
#showcase .showcase-new .showcase-subtitle { font-size: 25px; line-height: 35px; margin-top: 120px; }
#showcase .showcase-new .showcase-title { font-size: 30px; line-height: 35px; font-weight: 800; margin-bottom: 50px; margin-top: 10px; }
#showcase .showcase-new .showcase-title span { color: #017acd; }
#showcase .showcase-new .showcase-info { color: #333; margin-bottom: 50px; font-size: 17px; padding-right: 30px; }
#showcase .showcase-new .showcase-info2 { color: #333; font-size: 20px; }
#showcase .showcase-new .showcase-info2 span { color: #017acd; font-size: 30px; font-weight: 700; }
#showcase .showcase-new .showcase-logo img { width: 250px; height: auto; margin-bottom: 30px; margin-top: 20px; }
#showcase .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#showcase .btn.btn-primary { color: #017acd; background: #fff; border: 1px #017acd solid; margin-right: 10px; font-weight: 700; transition: all 0.3s linear; }
#showcase .btn.btn-primary:hover { color: #fff; background: #017acd; border: 1px #017acd solid; }
#showcase .btn.btn-secondary { color: #888; background: #fff; border: 1px #888 solid; font-weight: 400; transition: all 0.3s linear; }
#showcase .btn.btn-secondary:hover { color: #fff; background: #888; border: 1px #888 solid; }

.showcase-poradnia { background-image: url('../images/human3.jpg'); background-position: right bottom; background-repeat: no-repeat; min-height: 700px; padding-left: 50px; }
.showcase-poradnia .showcase-subtitle { font-size: 25px; line-height: 35px; margin-top: 120px; }
.showcase-poradnia .showcase-title { font-size: 30px; line-height: 35px; font-weight: 800; margin-bottom: 50px; margin-top: 10px; }
.showcase-poradnia .showcase-title span { color: #017acd; }
.showcase-poradnia .showcase-info { color: #333; margin-bottom: 50px; font-size: 17px; padding-right: 30px; }
.showcase-poradnia .showcase-info2 { color: #333; font-size: 20px; }
.showcase-poradnia .showcase-info2 span { color: #017acd; font-size: 30px; font-weight: 700; }
.showcase-poradnia .showcase-logo img { width: 250px; height: auto; margin-bottom: 30px; margin-top: 20px; }

.poradnia-gallery { padding: 50px; background: #eee; border-radius: 5px; }

#poradnia-program { padding: 50px 0; border-top: 10px #F8FAFC solid; }
#poradnia-program h2 { margin: 0 0 24px 0; font-style: normal; font-weight: 600; font-size: 56px; line-height: 60px; letter-spacing: -2px; color: #272937; }
#poradnia-program h2:before { content: " "; background: #017acd; width: 50px; height: 8px; float: left; margin-right: 15px; margin-top: 9px; border-radius: 5px; display: block; }
#poradnia-program .obiegu-text { margin-top: 10px; padding-left: 20px; font-style: normal; font-weight: 400; margin-bottom: 34px; font-size: 20px; line-height: 28px; letter-spacing: -0.8px; color: rgba(39, 41, 55, 0.75);}
#poradnia-program .obiegu-text span { font-weight: 700; color: #D0D1D6; }
#poradnia-program .obiegu-item { display: flex; margin-bottom: 39px; }
#poradnia-program .obiegu-item .obiegu-item-icon { padding: 13px; background: #D0D1D6; border-radius: 50%; height: 58px; width: 58px; margin-right: 24px; margin-left: 70px; transition: all 0.3s linear; }
#poradnia-program .obiegu-item:hover .obiegu-item-icon { background: #272937; }
#poradnia-program .obiegu-item .obiegu-item-content h3 { font-style: normal; font-weight: 600; font-size: 22px; line-height: 32px; letter-spacing: -0.8px; color: #272937; margin: 0 0 4px 0; padding: 0; }
#poradnia-program .obiegu-item .obiegu-item-content p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; color: rgba(39, 41, 55, 0.75); margin: 0; padding: 0; }
#poradnia-program .obiegu-item .obiegu-item-content a { text-decoration: none; color: #D0D1D6; transition: all 0.3s linear; }
#poradnia-program .obiegu-item .obiegu-item-content a:hover { text-decoration: underline; }
#poradnia-program .info { margin-top: 50px; font-style: normal; font-weight: 600; font-size: 18px; line-height: 24px; text-align: center; color: #FFFFFF; padding: 30px; background: #017acd; border-radius: 10px; }
#poradnia-program img { margin-top: 0 !important; }

#poradnia-celeprojektu .celeprojektu-item { display: flex; margin-bottom: 39px; }
#poradnia-celeprojektu .celeprojektu-item .celeprojektu-item-icon { padding: 13px; background: #017acd; border-radius: 50%; height: 58px; width: 58px; margin-right: 24px; transition: all 0.3s linear; }
#poradnia-celeprojektu .celeprojektu-item:hover .celeprojektu-item-icon { background: #272937; }
#poradnia-celeprojektu .celeprojektu-item .celeprojektu-item-content h3 { font-style: normal; font-weight: 600; font-size: 22px; line-height: 32px; letter-spacing: -0.8px; color: #272937; margin: 0 0 4px 0; padding: 0; }
#poradnia-celeprojektu .celeprojektu-item .celeprojektu-item-content p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; color: rgba(39, 41, 55, 0.75); margin: 8px 0 0 0; padding: 0; }
#poradnia-celeprojektu .celeprojektu-item .celeprojektu-item-content a { text-decoration: none; color: #017acd; transition: all 0.3s linear; }
#poradnia-celeprojektu .celeprojektu-item .celeprojektu-item-content a:hover { text-decoration: underline; }

#naszeprojekty { background: #F8FAFC; border-bottom: 1px #E4E5E6 solid; padding-top: 30px; }
#naszeprojekty h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; }
#naszeprojekty .naszeprojekty-slide-left { font-size: 20px; padding: 30px 0 0 0; }
#naszeprojekty .naszeprojekty-slide-right { font-size: 20px; padding: 30px 0 0 15px; }
#naszeprojekty .slick-slide {
    margin: 0 15px;
}

/* the parent */
#naszeprojekty .slick-list {
    margin: 0 -15px;
}

.showcase-cards { padding: 30px 0; }
.showcase-cards .showcase-card { background: #fff; background-repeat: no-repeat; display: block; padding: 24px; border-radius: 10px; border: 1px solid rgba(39, 41, 55, 0.12); transition: all 0.3s linear; margin-bottom: 30px; }
.showcase-cards .showcase-card svg { width: 48px; height: 48px; padding: 12px; border-radius: 10px; }
.showcase-cards .showcase-card h4 { font-style: normal; font-weight: 600; font-size: 22px; margin: 16px 0 8px 0; padding: 0; line-height: 32px; letter-spacing: -0.8px; color: #272937; }
.showcase-cards .showcase-card .showcase-card-text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.6px; color: rgba(39, 41, 55, 0.75); }

.showcase-cards .showcase-card-1:hover { border-color: #017ACD; }
.showcase-cards .showcase-card-1 svg { background: #017ACD; }
.showcase-cards .showcase-card-2:hover { border-color: #9B2CF1; }
.showcase-cards .showcase-card-2 svg { background: #9B2CF1; }
.showcase-cards .showcase-card-3:hover { border-color: #00A141; }
.showcase-cards .showcase-card-3 svg { background: #00A141; }
.showcase-cards .showcase-card-4:hover { border-color: #00A141; }
.showcase-cards .showcase-card-4 svg { background: #00A141; }
.showcase-cards .showcase-card-5:hover { border-color: #333; }
.showcase-cards .showcase-card-5 svg { background: #333; }
.showcase-cards .showcase-card-6:hover { border-color: #EF6A33; }
.showcase-cards .showcase-card-6 svg { background: #EF6A33; }
.showcase-cards .showcase-card-7:hover { border-color: #F58220; }
.showcase-cards .showcase-card-7 svg { background: #F58220; }
.showcase-cards .showcase-card-8:hover { border-color: #E00707; }
.showcase-cards .showcase-card-8 svg { background: #E00707; }
.showcase-cards .showcase-card-9:hover { border-color: #32CDB1; }
.showcase-cards .showcase-card-9 svg { background: #32CDB1; }

#showcase .showcase-subtitle { opacity: 0; transition: all 0.8s linear; }
#showcase .showcase-title { opacity: 0; transition: all 0.8s linear; }
#showcase .showcase-title span { opacity: 0; transition: all 0.8s linear;}
#showcase .showcase-info { opacity: 0; transition: all 0.8s linear; }
#showcase .btn.btn-primary { opacity: 0; transition: all 0.8s linear; }
#showcase .btn.btn-secondary { opacity: 0; transition: all 0.8s linear; }
#showcase .active .showcase-subtitle { opacity: 1; }
#showcase .active .showcase-title { opacity: 1; }
#showcase .active .showcase-title span { opacity: 1; }
#showcase .active .showcase-info { opacity: 1; transition: all 0.8s linear; }
#showcase .active .btn.btn-primary { opacity: 1; }
#showcase .active .btn.btn-secondary { opacity: 1; }

#ceo { background: #fff url('../images/squares.png') left bottom -70px no-repeat; }
#ceo .showcase1 { min-height: 700px; }
#ceo .showcase1 .showcase-subtitle { font-size: 40px; line-height: 40px; margin-top: 130px; }
#ceo .showcase1 .showcase-title { font-size: 60px; line-height: 60px; font-weight: 800; margin-bottom: 50px; }
#ceo .showcase1 .showcase-title span { color: #017acd; }
#ceo .showcase1 .showcase-info { color: #333; margin-bottom: 50px; font-size: 15px; }
#ceo .showcase1 .ceo-image { margin-top: 40px;}
#ceo .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#ceo .btn.btn-primary { color: #fff; background: #017acd; border: 2px #017acd solid; margin-right: 10px; font-weight: 700; transition: all 0.3s linear; }
#ceo .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }
#ceo .btn.btn-secondary { color: #888; background: #fff; border: 2px #888 solid; font-weight: 400; transition: all 0.3s linear; }
#ceo .btn.btn-secondary:hover { color: #fff; background: #888; border: 2px #888 solid; }

#booking { background: #fff url('../images/squares.png') left bottom -70px no-repeat; margin-bottom: 30px; }
#booking .showcase1 { }
#booking .showcase1 .showcase-subtitle { font-size: 20px; line-height: 20px; margin-bottom: 5px; }
#booking .showcase1 .showcase-title { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 20px; }
#booking .showcase1 .showcase-description { margin-bottom: 20px; }
#booking .showcase1 .showcase-title span { color: #017acd; }
#booking .showcase1 .showcase-info { color: #333; margin-bottom: 50px; font-size: 15px; }
#booking .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#booking .btn.btn-primary { color: #fff; background: #017acd; border: 2px #017acd solid; margin-right: 10px; font-weight: 700; transition: all 0.3s linear; }
#booking .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }
#booking .btn.btn-secondary { color: #888; background: #fff; border: 2px #888 solid; font-weight: 400; transition: all 0.3s linear; }
#booking .btn.btn-secondary:hover { color: #fff; background: #888; border: 2px #888 solid; }
#booking .booking-calendar { padding: 30px; background: #f5f5f5; }

.team-modal { background: #fff; width: 90%; max-width: 1200px; }
.team-modal .team-content { padding: 40px; }
.team-modal .showcase-subtitle { font-size: 30px; line-height: 40px; }
.team-modal .showcase-title { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 30px; }
.team-modal .showcase-title span { color: #017acd; }
.team-modal .showcase-info { color: #333; margin-bottom: 40px; font-size: 15px; height: 280px; padding-right: 30px; overflow: scroll; overflow-x: hidden; }
.team-modal .showcase-info::-webkit-scrollbar { width: 10px; }
.team-modal .showcase-info::-webkit-scrollbar-track { background: #f1f1f1; }
.team-modal .showcase-info::-webkit-scrollbar-thumb { background: #017acd; }
.team-modal .showcase-info::-webkit-scrollbar-thumb:hover { background: #017acd; }
.team-modal .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.team-modal .btn.btn-primary { color: #fff; background: #017acd; border: 2px #017acd solid; margin-right: 10px; font-weight: 700; transition: all 0.3s linear; }
.team-modal .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }
.team-modal .btn.btn-secondary { color: #888; background: #fff; border: 2px #888 solid; font-weight: 400; transition: all 0.3s linear; }
.team-modal .btn.btn-secondary:hover { color: #fff; background: #888; border: 2px #888 solid; }
.team-modal .team-col-1 { width: 35%; float: left; }
.team-modal .team-col-2 { width: 65%; float: right; }

.partnerzy-modal { background: #fff; width: 90%; max-width: 1200px; }
.partnerzy-modal .partnerzy-content { padding: 40px; }
.partnerzy-modal .showcase-subtitle { font-size: 30px; line-height: 40px; }
.partnerzy-modal .showcase-title { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 30px; }
.partnerzy-modal .showcase-title span { color: #017acd; }
.partnerzy-modal .showcase-info { color: #333; font-size: 15px; height: 280px; padding-right: 30px; overflow: scroll; overflow-x: hidden; }
.partnerzy-modal .showcase-info::-webkit-scrollbar { width: 10px; }
.partnerzy-modal .showcase-info::-webkit-scrollbar-track { background: #f1f1f1; }
.partnerzy-modal .showcase-info::-webkit-scrollbar-thumb { background: #017acd; }
.partnerzy-modal .showcase-info::-webkit-scrollbar-thumb:hover { background: #017acd; }
.partnerzy-modal .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.partnerzy-modal .btn.btn-primary { color: #fff; background: #017acd; border: 2px #017acd solid; margin-right: 10px; font-weight: 700; transition: all 0.3s linear; }
.partnerzy-modal .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }
.partnerzy-modal .btn.btn-secondary { color: #888; background: #fff; border: 2px #888 solid; font-weight: 400; transition: all 0.3s linear; }
.partnerzy-modal .btn.btn-secondary:hover { color: #fff; background: #888; border: 2px #888 solid; }

.carousel-indicators li { background: #000; padding: 0; margin: 0 5px; height: 4px; line-height: 4px; border: 0; }
.carousel-indicators li.active { background: #017acd; }

#blog { padding: 40px 0 50px 0; background: #fff; }
#blog h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; }
#blog a.btn-show-more { color: #017acd; font-size: 16px; line-height: 30px; font-weight: 600; }
#blog a.btn-show-more:hover { color: #000; }
#blog .blog-loop { background: #fff; border: 2px #F8FAFC solid; border-top: 0; margin-bottom: 40px; transition: all 0.3s linear; -webkit-box-shadow: -10px 10px 0px 0px rgba(49,144,109,1); -moz-box-shadow: -10px 10px 0px 0px rgba(49,144,109,1); box-shadow: -10px 10px 0px 0px #F8FAFC; }
#blog .blog-loop:hover { border-color: #017acd; -webkit-box-shadow: -10px 10px 0px 0px #017acd; -moz-box-shadow: -10px 10px 0px 0px #017acd; box-shadow: -10px 10px 0px 0px #017acd; }
#blog .blog-loop img { margin: 0 0 20px 0; }
#blog .blog-title { color: #000; font-size: 18px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 10px; font-weight: 600; padding: 0 20px; display: block; }
#blog .blog-created-at { color: #888; font-size: 16px; font-weight: 400; padding-left: 20px; padding-bottom: 20px; }

.list-loop { background: #fff; border: 2px #F8FAFC solid; border-top: 1px #F8FAFC solid; padding: 20px 0; margin-bottom: 40px; transition: all 0.3s linear; -webkit-box-shadow: -10px 10px 0px 0px rgba(49,144,109,1); -moz-box-shadow: -10px 10px 0px 0px rgba(49,144,109,1); box-shadow: -10px 10px 0px 0px #F8FAFC; }
.list-loop:hover { border-color: #017acd; -webkit-box-shadow: -10px 10px 0px 0px #017acd; -moz-box-shadow: -10px 10px 0px 0px #017acd; box-shadow: -10px 10px 0px 0px #017acd; }
.list-loop img { margin: 0 0 20px 0; }
.list-title { color: #000; font-size: 18px; line-height: 22px; height: 44px; overflow: hidden; font-weight: 600; padding: 0 20px; display: block; }
.list-text { color: #000; font-size: 14px; line-height: 22px; margin-bottom: 10px; font-weight: 400; padding: 0 20px; display: block; }
.list-more { color: #888; font-size: 16px; font-weight: 400; padding-left: 20px; padding-bottom: 20px; }

#news { padding: 40px 0 50px 0; background: #fff; }
#news h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; }
#news a.btn-show-more { color: #017acd; font-size: 16px; line-height: 30px; font-weight: 600; }
#news a.btn-show-more:hover { color: #000; }
#news .news-loop { background: #fff; border: 1px #F8FAFC solid; margin-bottom: 40px; transition: all 0.3s linear; padding: 0 20px 0 0; }
#news .news-loop:hover { border-color: #017acd; }
#news .news-loop img { margin: 0; }
#news .news-title { color: #000; font-size: 18px; line-height: 22px; overflow: hidden; margin-bottom: 10px; font-weight: 600; padding: 20px 0 0 0; display: block; }
#news .news-excerpt { color: #333; font-size: 14px; }
#news .news-created-at { color: #888; font-size: 16px; font-weight: 400; margin-top: 10px; }

#team { padding: 40px 0 50px 0; background: #fff; }
#team h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; }
#team a.btn-show-more { color: #017acd; font-size: 16px; line-height: 30px; font-weight: 600; }
#team a.btn-show-more:hover { color: #000; }
#team .team-loop { background: #fff; text-align: center; margin-bottom: 20px; }
#team .team-loop img { margin: 0 0 10px 0; }
#team .team-name { color: #000; font-size: 16px; line-height: 25px; font-weight: 600; padding: 0; display: block; }
#team .team-profession { color: #017acd; font-size: 14px; font-weight: 400; }
#team .slick-slide { margin: 0 15px; }
#team .slick-list { margin: 0 -15px; }
#team p { margin: 0; padding: 0; }
#team .teamcarousel-arrows { text-align: right; margin-bottom: 5px; }
#team .teamcarousel-arrows a { color: #017acd; margin-left: 10px; font-size: 18px; }

#darczyncypomaganie { border: 1px #ddd solid; background: url('../images/darczyncy.jpg') bottom right no-repeat; padding: 30px 30px 0 30px; margin-bottom: 40px; }
#darczyncypomaganie h3 { font-size: 25px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 30px 0; }

#darczyncypomaganie2 { border: 1px #ddd solid; background: url('../images/darczyncy2.jpg') bottom right no-repeat; background-size: auto 100%; padding: 60px 60px 30px 60px; margin-bottom: 40px; }
#darczyncypomaganie2 h3 { font-size: 25px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 30px 0; }

.teamsection { padding: 0; background: #fff; }
.teamsection h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 20px 0 40px 0; }
.teamsection a.btn-show-more { color: #017acd; font-size: 16px; line-height: 30px; font-weight: 600; }
.teamsection a.btn-show-more:hover { color: #000; }
.teamsection .team-loop { background: #fff; text-align: center; margin-bottom: 20px; }
.teamsection .team-loop img { margin: 0 0 10px 0; }
.teamsection .team-name { color: #000; font-size: 16px; line-height: 25px; font-weight: 600; padding: 0; display: block; }
.teamsection .team-profession { color: #017acd; font-size: 14px; font-weight: 400; }

#footer { padding: 40px 0; background: #F8FAFC; color: #333; line-height: 25px; border-top: 1px #F8FAFC solid; }
#footer h4 { color: #017acd; font-size: 22px; font-weight: 700; line-height: 30px; margin: 0 0 20px 0; }
#footer a { display: block; color: #333; line-height: 25px; }

#footercopy { padding: 15px 0; background: #fff; border-top: 1px #F8FAFC solid; font-size: 13px; color: rgba(0,0,0,0.7); }
#footercopy a { margin-left: 15px; }

.page-link { color: #222; }
.page-item.active .page-link { background-color: #017acd; border-color: #017acd; color: #fff; }

#blogsingle { padding: 30px; background: #fff url('../images/squares.png') left bottom no-repeat; }
#blogsingle h1 { font-size: 35px; line-height: 40px; font-weight: 800; margin-bottom: 20px; }
#blogsingle h2 { font-size: 28px; line-height: 40px; font-weight: 800; margin-bottom: 20px; }
#blogsingle .blog-thumbnail { margin-bottom: 20px; -webkit-box-shadow: -15px 15px 0px 0px #017acd; -moz-box-shadow: -15px 15px 0px 0px #017acd; box-shadow: -15px 15px 0px 0px #017acd; }
#blogsingle .blog-author { font-size: 20px; line-height: 20px; color: #017acd; font-weight: 800; margin-bottom: 20px; }
#blogsingle .blog-author span { font-size: 15px; line-height: 20px; color: #666; font-weight: 400; margin-left: 30px; }
#blogsingle .blog-content { font-size: 16px; }
#blogsingle .blog-content p:first-child { font-weight: 600; }
#blogsingle .blog-thumbnail-fixed { position: -webkit-sticky; position: sticky; top: 30px; }

#newssingle { padding: 30px; background: #fff url('../images/squares.png') left bottom no-repeat; }
#newssingle h1 { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 20px; }
#newssingle h2 { font-size: 30px; line-height: 40px; font-weight: 800; margin-bottom: 20px; }
#newssingle .news-thumbnail { margin-bottom: 20px; -webkit-box-shadow: -15px 15px 0px 0px #017acd; -moz-box-shadow: -15px 15px 0px 0px #017acd; box-shadow: -15px 15px 0px 0px #017acd; }
#newssingle .news-author { font-size: 20px; line-height: 20px; color: #017acd; font-weight: 800; margin-bottom: 20px; }
#newssingle .news-author span { font-size: 15px; line-height: 20px; color: #666; font-weight: 400; margin-left: 30px; }
#newssingle .news-content { font-size: 16px; }
#newssingle .news-content p:first-child { font-weight: 600; }
#newssingle .news-thumbnail-fixed { position: -webkit-sticky; position: sticky; top: 30px; }

#productsonline { padding: 40px 0 40px 0; background: #F8FAFC; border-bottom: 1px #F8FAFC solid; }
#productsonline h2 { font-size: 30px; line-height: 30px; font-weight: 600; color: #000; padding: 0; margin: 0 0 40px 0; }
#productsonline a.btn-show-more { color: #017acd; font-size: 16px; line-height: 30px; font-weight: 600; }
#productsonline a.btn-show-more:hover { color: #000; }
#productsonline .product-online { background: #fff; display: block; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
#productsonline .product-online .product-thumbnail { margin-bottom: 10px; }
#productsonline .product-online .product-name { color: #222; font-weight: 400; line-height: 22px; height: 69px; overflow: hidden; font-size: 16px; padding: 10px 20px 15px 20px; }
#productsonline .product-online .product-time { color: #666; font-weight: 400; font-size: 13px; padding: 0 0 10px 20px; line-height: 30px; }
#productsonline .product-online .product-price { color: #017acd; font-weight: 600; font-size: 16px; padding: 0 20px 10px 0; line-height: 30px;  text-align: right; }

#breadcrumbs { background: #F8FAFC; color: #017acd; }
#breadcrumbs .breadcrumb { margin-bottom: 0; background: #F8FAFC; color: #017acd; }
#breadcrumbs .breadcrumb a { color: #017acd; }

#contact { padding: 0; background: url('../images/squares.png') left bottom no-repeat; }
#contact .contact-bg { padding: 40px; background: url('../images/human3.jpg') right bottom no-repeat; }
#contact .contact-subtitle { font-size: 40px; line-height: 40px; }
#contact .contact-title { font-size: 60px; line-height: 60px; font-weight: 800; margin-bottom: 20px; }
#contact .contact-title span { color: #017acd; }
#contact .contact-info { color: #333; margin-bottom: 20px; font-size: 15px; }
#contact .contact-info-method { color: #333; font-size: 19px; }
#contact .contact-info-method a { color: #017acd; font-weight: 700; }
#contact .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#contact .btn.btn-primary { color: #fff; background: #017acd; border: 2px #017acd solid; margin-right: 10px; margin-top: 30px; font-weight: 700; transition: all 0.3s linear; }
#contact .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }
#contact .btn.btn-primary2 { color: #fff; background: #444; border: 2px #444 solid; margin-right: 10px; margin-top: 30px; font-weight: 700; transition: all 0.3s linear; }
#contact .btn.btn-primary2:hover { color: #fff; background: #000; border: 2px #222 solid; }
#contact textarea { height: 225px; }

#textpage { padding: 40px 0; }
#textpage h1 { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 20px; }
#textpage .page-content { font-size: 16px; line-height: 25px; }

#misjapage { padding: 40px 0 0 0; }
#misjapage h1 { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 40px; text-align: center; color: #017acd; }
#misjapage h2 { font-size: 25px; line-height: 30px; font-weight: 800; margin-bottom: 20px; }
#misjapage h3 { font-size: 25px; line-height: 30px; font-weight: 800; margin-bottom: 20px; }
#misjapage .page-content { font-size: 17px; line-height: 27px; }
#misjapage .page-content img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#gdziepomagamypage { padding: 40px 0 0 0; }
#gdziepomagamypage h1 { font-size: 40px; line-height: 40px; font-weight: 800; margin-bottom: 40px; text-align: center; color: #017acd; }
#gdziepomagamypage h3 { font-size: 25px; line-height: 30px; font-weight: 800; margin-bottom: 20px; color: #333; }
#gdziepomagamypage .gdziepomagamy-address { color: #666; margin-bottom: 20px;}
#gdziepomagamypage .gdziepomagamy-desc { color: #333; font-size: 15px; }
#gdziepomagamypage .page-content { font-size: 17px; line-height: 27px; }
#gdziepomagamypage .page-content img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#gdziepomagamypage .page-content .slick-dots { bottom: 10px; }

.counter-box { font-size: 18px; font-weight: 400; color: #666; margin-top: 40px; }
.counter-box .counter-img { float: left; margin: 17px 20px 17px 0; }
.counter-box .counter { display: block; color: #017acd; font-size: 40px; font-weight: 700; }

#centers { padding: 50px 0; }
#centers svg path { transition: all 0.3s linear; fill: #fff; stroke: #ccc; }
#centers svg path:hover { fill: #017acd; }
#centers svg .active-state path { fill: #eee; }
#centers .center-subtitle { font-size: 35px; line-height: 45px; margin-top: 40px; }
#centers .center-title { font-size: 45px; line-height: 45px; font-weight: 800; margin-bottom: 30px; }
#centers .center-title span { color: #017acd; }
#centers .center-info { color: #333; margin-bottom: 20px; font-size: 15px; }
#centers .center-list a { color: #333; display: block; width: 33%; float: left; margin: 2px 0; }
#centers .center-list a:hover { color: #017acd; }
#centers .center-list a.active-state { color: #017acd; font-weight: 700; }
#centers .btn { font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#centers .btn.btn-primary { color: #fff; background: #017acd; border: 2px #017acd solid; margin-right: 10px; font-weight: 700; transition: all 0.3s linear; }
#centers .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }
#centers .btn.btn-secondary { color: #888; background: #fff; border: 2px #888 solid; font-weight: 400; transition: all 0.3s linear; }
#centers .btn.btn-secondary:hover { color: #fff; background: #888; border: 2px #888 solid; }

#therapistsingle { padding: 30px 0; }
#therapistsingle .therapist-box { padding: 30px; background: #F8FAFC; }

.qacolor { font-weight: 700; color: #017acd; }
.blogsource { font-weight: 400; color: #666; font-style: italic; }
.blogsource a { font-weight: 700; color: #222; font-style: italic; }
.newssource { font-weight: 400; color: #666; font-style: italic; }
.newssource a { font-weight: 700; color: #222; font-style: italic; }
.img-blog-left { float: left; margin: 5px 30px 15px 0; width: 250px; height: auto; }
.img-news-left { float: left; margin: 5px 30px 15px 0; width: 250px; height: auto; }

#centersitems { padding: 40px 0; }
#centersitems h1 { font-size: 35px; line-height: 45px; font-weight: 800; margin-bottom: 30px; color: #017acd; }
#centersitems h2 { font-size: 35px; line-height: 45px; font-weight: 800; margin-bottom: 30px; color: #017acd; }
#centersitems .center-item { margin-bottom: 30px; text-align: center; border: 1px #F8FAFC solid; padding-bottom: 10px; }
#centersitems .center-item a { color: #000; }
#centersitems .center-item .center-thumbnail { margin-bottom: 10px; }
#centersitems .center-item .center-promo { background: #017acd; color: #fff; text-transform: uppercase; position: absolute; top: 15px; right: 30px; font-size: 13px; line-height: 25px; font-weight: 700; padding: 3px 10px 0 10px; }
#centersitems .center-item .center-name { color: #017acd; font-size: 13px; font-weight: 700; }
#centersitems .center-item .center-subname { color: #000; font-size: 14px; font-weight: 700; height: 44px; overflow: hidden; }
#centersitems .center-item .center-address { color: #666; font-size: 13px; }

#centersingle { padding: 40px 0; }
#centersingle h2 { font-size: 25px; line-height: 25px; margin-bottom: 30px; }
#centersingle h1 { font-size: 35px; line-height: 45px; font-weight: 800; color: #017acd; }
#centersingle .center-description { font-size: 15px; line-height: 25px; }
#centersingle .center-thumbnail { margin-bottom: 20px; }
#centersingle .center-info { line-height: 24px; }
#centersingle .center-info a { color: #017acd; }
#centersingle .center-info .row { margin-bottom: 5px; }

.row-addicts .col-md-3 { margin-bottom: 30px; }

#centermap { padding: 0; }
#centermap h2 { font-size: 25px; line-height: 45px; font-weight: 800; margin-bottom: 30px; color: #017acd; }

#clients { padding: 40px 0; text-align: center; display: none; }
#clients img { height: 44px; width: auto; filter: grayscale(100%); opacity: 0.7; }

#questionbar .questionbox { padding: 40px 80px 40px 0; color: #fff; background: #017ACD; text-align: center; padding: 30px; }
#questionbar .questionbox .question { color: #fff; font-size: 22px; font-style: italic; }
#questionbar .questionbox .question-author { font-size: 16px; margin-top: 10px; }

.js-cookie-consent.cookie-consent { position: fixed; left: 20px; bottom: 20px; padding: 10px; max-width: 400px; width: 80%; background: #fff; border: 1px #ddd solid; font-size: 12px; text-align: center; }
.js-cookie-consent.cookie-consent button { border: 0; background: #017acd; color: #fff; transition: all 0.3s linear; margin-top: 5px; }
.js-cookie-consent.cookie-consent button:hover { background: #000; }

.card .card-header { background: #F8FAFC; }
.card .btn.btn-primary { background: #017acd; border-color: #017acd; color: #fff; transition: all 0.3s linear; }
.card .btn.btn-primary:hover { background: #222; border-color: #222; color: #fff; }
.card .btn.btn-link {color: #000; }

#quiz { padding: 0; background: url('../images/squares.png') left bottom no-repeat; margin-bottom: 20px; }
#quiz .quiz-subtitle { font-size: 30px; line-height: 40px; }
#quiz .quiz-title { font-size: 40px; line-height: 60px; font-weight: 800; margin-bottom: 20px; }
#quiz .quiz-title span { color: #017acd; }
#quiz .quiz-alert { display: none; }
#quiz .quiz-bg { border: 1px #ddd solid; padding: 30px; text-align: center; font-size: 16px; }
#quiz .btn.btn-primary { color: #fff; background: #017acd; font-size: 18px; border: 2px #017acd solid; font-weight: 700; transition: all 0.3s linear; }
#quiz .btn.btn-primary:hover { color: #fff; background: #222; border: 2px #222 solid; }

#quiz .quiz-step { display: none; }
#quiz .quiz-step.quiz-step-active { display: block; }
#quiz .quiz-question-intro { font-size: 18px; padding: 0 0 10px 0; color: #333; font-weight: 700; }
#quiz .quiz-question-intro a { color: #666; }
#quiz .quiz-question { border: 1px #ddd solid; padding: 30px; text-align: center; font-size: 16px; }
#quiz .quiz-question h3 { font-size: 24px; line-height: 30px; color: #017acd; font-weight: 600; margin-bottom: 20px; }
#quiz .quiz-question .radio label { display: block; font-size: 16px; padding: 5px 10px; border: 1px #eee solid; margin-bottom: 10px; transition: all 0.3s linear; cursor: pointer; }
#quiz .quiz-question .radio label:hover { background: #eee } 
#quiz .quiz-question .radio input { display: none; }
#quiz .quiz-question .radio input[type="radio"]:checked+span { font-weight: bold; }

.quiz-result { margin-top: 30px; font-size: 16px; }
.quiz-result h3 { font-size: 25px; line-height: 30px; color: #222; font-weight: 600; margin-bottom: 20px; }
.quiz-result .result-info { padding: 8px 20px; margin-bottom: 20px; background: #eee; }
.quiz-result .result-summary { margin-bottom: 30px; }

.btn-umow-spotkanie { color: #017acd; background: #fff; border: 1px #017acd solid; margin-right: 10px; font-weight: 700; transition: all 0.3s linear; font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.btn-umow-spotkanie:hover { color: #fff; background: #017acd; border: 1px #017acd solid; }

.quiz-box { background: #017acd; padding: 30px; color: #fff; text-align: center; margin-bottom: 40px; }
.quiz-box .btn-quiz { color: #fff; background: #017acd; border: 1px #fff solid; margin-right: 10px; font-weight: 700; transition: all 0.3s linear; font-size: 20px; line-height: 30px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.quiz-box .btn-quiz:hover { color: #017acd; background: #fff; border: 1px #fff solid; }

.booking-form { display: block; padding: 10px 15px; border: 1px #017acd solid; margin-top: 20px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.booking-form strong { display: block; color: #000; }

.regulamin-therapies { padding: 30px; background: #eee; border-radius: 10px; }

#header-info { background: #017acd; color: #fff; padding: 10px 0; }
#header-info a { color: #fff; text-decoration: none; }

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1170px;
    }
}

@media (min-width: 1300px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1240px;
    }
}

#header-mobile { display: none; }

@media (max-width: 991px) {
    #showcase { background: #fff; }
    .showcase1 { background: #fff; text-align: center; min-height: auto; padding-bottom: 60px; }
    .showcase2 { background: #fff; text-align: center; min-height: auto; padding-bottom: 60px; }
    .showcase-new { background: #fff; text-align: center; min-height: auto; padding-bottom: 60px; padding-left: 0; }
    .showcase-new .showcase-info { padding-right: 0; }
    .showcase-subtitle { margin-top: 50px !important; text-align: center; }
    #centers .center-list a { width: 100%; }

    .showcase-poradnia { background: #fff; padding-left: 0; }
    .showcase-poradnia .showcase-info { padding-right: 0; }

    #team h2 { text-align: center; margin: 0 !important; }
    #team .text-right { text-align: center !important; }
    #team a.btn-show-more { margin-bottom: 30px; display: block; }

    #header { display: none; }

    #header-mobile { display: block; }
    #header-mobile .nav-link { color: #444; padding: 5px 15px; margin: 0; font-size: 16px; font-weight: 600; }
    #header-mobile .nav-link:hover { color: #017acd; background: #eee; }
    #header-mobile .navbar-collapse { padding: 15px; background: #f5f5f5; position: absolute; left: 0; width: 100%; top: 80px; z-index: 9999; }

    #showcase .active .btn.btn-primary { margin-bottom: 10px; }

    .teamcarousel-arrows { margin: 20px 0; }
    #team .teamcarousel-arrows a { font-size: 25px; }

    #blog h2 { text-align: center; margin-bottom: 20px; }
    #blog .text-right { text-align: center !important; margin-bottom: 20px; }

    #news h2 { text-align: center; margin-bottom: 20px; }
    #news .text-right { text-align: center !important; margin-bottom: 20px; }

    #news .news-loop img { margin: 0 auto; width: 100% !important; margin: 0; padding: 0; }
    #news .news-title { padding-left: 15px; padding-right: 15px; }
    #news .news-excerpt { padding-left: 15px; padding-right: 15px; }
    #news .news-created-at { padding-left: 15px; padding-right: 15px; padding-bottom: 10px; }

    #footer { padding-top: 10px; }
    #footer h4 { margin-top: 30px; }

    .team-modal .team-col-1 { width: 100%; float: none; display: none; }
    .team-modal .team-col-2 { width: 100%; float: none; }
    .team-modal .showcase-title { font-size: 30px; }

    #booking img { margin: 0 auto; margin-bottom: 20px; }
    #booking .btn-secondary { margin-bottom: 20px; }

    #misjapage .page-content img { margin: 15px 0; }

    #ceo .showcase1 { background: transparent; }
    #ceo .btn.btn-secondary { margin-top: 15px; }
    #ceo .showcase1 .showcase-title { font-size: 30px; margin-bottom: 30px; }
    #ceo .showcase1 .showcase-subtitle { font-size: 25px; margin-top: 30px; }
    #ceo .showcase1 { min-height: auto; padding-bottom: 30px; }

    #darczyncypomaganie { background: #fff; }

    #blogsingle h1 { font-size: 30px; margin-top: 20px; }

    #newssingle h1 { font-size: 30px; margin-top: 20px; }

    #contact .contact-bg { background: transparent; }
}