/* UNIVERSAL STYLES */

body {
    margin: 0;
    padding: 0;
    font-family: Montserrat;
    height: auto;
}
.site-wrapper {
    max-width: 1920px;
    overflow: hidden;
    margin: auto
}
ol, ul {
    margin: 0;
}
.navbar-brand-medeor:hover {
    color: #fff;
    text-decoration: none;
}
.grow { 
    transition: all .2s ease-in-out; 
}
.grow:hover { 
    transform: scale(1.1); 
}
.section-header {
    font-size: 2em;
    text-align: center;
    margin: 40px auto;
    color: #949494;
    font-weight: 300;
    position: relative;
}
.section-header:after {
    border: 2px solid #337ab7;
    border-radius: 10px;
    bottom: -10px;
    content: "";
    left: 50%;
    margin-left: -100px;
    position: absolute;
    width: 200px;
}
.item svg {
    width: 100%;
    margin-top: 33%;
}
/* MENU  & FOOTER*/

.navbar {
    z-index: 99;
    width: 100%;
    position: fixed;
    max-width: 1920px;
}
.navbar-small {
    background: #fff;
    border-radius: 0px;
    border-bottom: 1px solid #eee;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
    max-height: 40px;
        -webkit-transition: border .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: border .5s ease-in-out,padding .5s ease-in-out;
        transition: border .5s ease-in-out,padding .5s ease-in-out;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.nav > li > a:focus, .nav > li > a:hover {
    background: transparent;
}
/* Middle Out 
.sliding-middle-out > a {
    color: #fff;
}
.navbar-element-small > a {
    color: #7e7d7d !important;
}
.sliding-middle-out {
	display: inline-block;
	position: relative;
}
.sliding-middle-out:after {
	content: '';
	display: block;
	margin: auto;
	height: 8px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.sliding-middle-out:hover:after {
	width: 100%;
	background: #337ab7;
} */
.menu-logo-medeor, .menu-logo-medeor-small {
    width: 80px;
    height: 80px;
    margin-left: 100px;
    background-image: url(../images/medeor-logo-white.png);
    background-size: cover;
}
.menu-logo-medeor-small {
    background-image: url(../images/medeor-logo-blue.png);
    width: 45px;
    height: 45px;
}
.navbar-brand-medeor {
    display: inline-flex;
    width: auto;
    height: auto;
    color: #fff;
    line-height: 1em;
    font-size: 2em;
}
.navbar-brand-medeor-small {
    color: #0176BF;
    line-height: 0.5em;
}
.navbar-nav > li > a {
    padding-bottom: 6px;
    color: #fff;
}
.navbar-brand-medeor > p {
    margin: 20px;
    font-family: logo;
}
.hamburger {
    position: relative;
    display: inline-block;
    width: 1.25em;
    height: 1em;
    margin-right: 0.3em;
    border-top: 0.2em solid #8C8C8C;
    border-bottom: 0.2em solid #8C8C8C;
}

.hamburger:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0px;
    width: 100%;
    border-top: 0.2em solid #8C8C8C;
}
.navbar-toggle {
    padding: 0;
}
.navbar-toggle .icon-bar {
    height: 20px;
}

/* FOOTER */

.footer-container {
    margin: 10px 5%;
    display: flex;
    align-items: center;
    font-weight: 300;
    border-top: 1px solid #3e93cc;
    padding-top: 5px;
}
.footer-medeor-logo > img {
    width: 40px;
}
.footer-menu > ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    padding: 0;
}
.footer-menu a {
    color: #547b94;
}
.footer-menu li {
    border-right: 1px solid #547b94;
    margin-right: 30px;
    padding-right: 30px;
}
.footer-menu li:last-child {
    border: none;
}
.footer-contact, .footer-mobile, .footer-mail {
    color: #547b94
}
.footer-contact span {
    color: #3e93cc;
    font-weight: 500;
}
.footer-copyright {
    color:  #949494;
    font-size: 0.8em;
    text-align: right;
}



.ca3-scroll-down-arrow {
	background-image: url(../images/down-arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.ca3-scroll-down-link {
  cursor:pointer;
	height: 60px;
	width: 80px;
	margin: auto;
	line-height: 60px;
	position: absolute;
	left: calc(50% - 28px);
	bottom: 0px;
	color: #FFF;
	text-align: center;
	font-size: 70px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

	-webkit-animation: ca3_fade_move_down 4s ease-in-out infinite;
	-moz-animation:    ca3_fade_move_down 4s ease-in-out infinite;
	animation:         ca3_fade_move_down 4s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px); opacity: 0; }
}
#leaf-left, #leaf-right, #leaf-left-down, #leaf-right-down {
    position: absolute;
    right: 0;
    height: 50%;
    z-index: -100;
    bottom: 0;
}
#leaf-right {
    left: 0;
}
#leaf-left-down, #leaf-right-down {
    top: 0;
    bottom: auto;
}
#leaf-left-down {
    left: 0;
}
.contact-leaf  {
    bottom: -10% !important;
}
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* -------- HOMEPAGE -------- */
/* -------------------------- */
/* -------------------------- */


#herobanner-homepage{
    width: 100%;
    height: 100vh;
    margin: 0;
    background-image: url("../images/opieka-dlugoterminowa.png");
    background-size: cover;
    position: relative;
    top: 0;
    z-index: 0;
}
.coverbg {
    width: 100%;
    height: 100vh;
    position:absolute;
    background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
    z-index: -1;
}
.hero-flex {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center ;
    flex-direction: column;
}
.hero-flex h1, .hero-flex h2 {
    width: 100%;
    color: #fff
}
.hero-flex h2 {
    font-size: 1em;
    font-weight: 300;
    margin-bottom: 20px;
}
.hero-flex button {
    border: 2px solid #337ab7;
    background: #337ab7;
    color: #fff;
    padding: 10px 40px;
}

#bigHalfCircle path {
    fill: #fff;
    stroke: #fff;
}
#herobanner-homepage svg, #herobanner-about-us svg, #herobanner-offer svg, #herobanner-work svg, #herobanner-contact svg {
    display: block;
    position: absolute;
    bottom: 0;
}
svg:not(:root) {
    overflow: hidden;
}
#packets {
    width: 100%;
    height: 
}
.home-container-packets {
    width: 80%;
}
.homepage-services {
    height: auto;
    position: relative;
    margin-bottom: 60px;
}
.homepage-service {
    height: 200px;
    width: 100%;
    padding-top: 20px;
}
.homepage-main-service {
    border: 2px solid #337ab7;
    border-radius: 2px;
}
.homepage-service p {
    color: #0176BF;
    bottom: 0;
    font-size: 1.2em;
}
.homepage-service-description {
    color: #3D3D3D !important;
    font-size: 0.9em !important;
    font-weight: 300;
}
.homepage-service-left, .homepage-service-right {
    margin-top: 40px;
}

.homepage-service-img {
    margin-bottom: 20px;
}
.homepage-service, .homepage-partner-logo {
    text-align: center;
    margin: 40px auto;
}
.homepage-partners-logos {
    width: 70%;
    margin: auto;
    float: none;
}
.homepage-partner-logo img {
    width: 150px;
}

/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* -------- ABOUT US -------- */
/* -------------------------- */
/* -------------------------- */

#herobanner-about-us, #herobanner-offer, #herobanner-work {
    width: 100%;
    height: 350px;
    margin: 0;
    background-image: url("../images/hero-about-us.jpg");
    background-size: cover;
    position: relative;
    top: 0;
    z-index: 0;
}
.coverbg-undersite {
    width: 100%;
    height: 350px;
    position:absolute;
    background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
    z-index: -1;
}
#about-us-benefits {
    background-size: cover;
    position: relative;
}
.hero-flex-undersite {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center ;
    flex-direction: column;
    color: #fff;
}

#about-us-benefits {
    margin-bottom: 80px;
}
.benefit-element {
    width: 75%;
    margin: 20px auto;
}
.benefit-text {
    height: 80px;
    display: flex;
    align-items: center;
}
.benefit-element p{
    color: #949494;
}
.about-us-holding-hands {
    background-image: url(../images/old-young-holding-hands.jpg);
    background-size: cover;
    height: 400px;
}
.holding-hands-text {
    height: 400px;
    color: #949494;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 80%, rgba(255,255,255,0.2) 96%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(80%, rgba(255,255,255,1)), color-stop(96%, rgba(255,255,255,0.2)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 80%, rgba(255,255,255,0.2) 96%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 80%, rgba(255,255,255,0.2) 96%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 80%, rgba(255,255,255,0.2) 96%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 80%, rgba(255,255,255,0.2) 96%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.holding-hands-text > p {
    font-size: 1.2em;
    line-height: 1.8em;
    margin: 15% auto;
    width: 60%;
}
#about-us-contract-nfz {
    position: relative
}
#about-us-contract-nfz, #about-us-patronage {
    padding-top: 80px;
}
.about-us-logo-img {
    width: 65%;
    margin-top: 40px;
}
.about-us-logo-fpw {
    width: 30%;
    margin-top: 40px;
}
.about-us-text-description {
    color: #949494;
    margin: 40px auto;
}
#about-us-patronage {
    margin-bottom: 80px;
}

/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* -------- Cennik   -------- */
/* -------------------------- */
/* -------------------------- */

#herobanner-offer {
    background-image: url("../images/opieka-dlugoterminowa-domowa.png");
}
#offer-testimonial {
    position: relative;
    height: auto;
    display: flex;
    padding: 120px;
}
.testimonial-grey-bg {
    background: #F1F2F5;
    padding: 20px;
}
.offer-description {
    width: 39%;
    border-left: 3px solid #3e93cc;
    color: #949494;
    margin: auto;
    padding-left: 20px;
}
.offer-description span{
    font-weight: 600;
}
.testimonials {
    margin: 80px auto;
}
.testimonial-frame {
    position: relative;
    width: 80%px;
    margin: auto;
    padding: 25px;
}
.testimonial-img {
    width: 80px;
    height: 80px;
    border: 2px solid #3e93cc;
    position: relative;
}
.testimonial-name {
    font-weight: 600;
    color: #3e93cc;
    margin-left: 20px;
}
.testimonial-description, testimonial-sign {
    color: #949494;
    font-weight: 300;
    text-align: center;
}
.testimonial-persona {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

#section-4 {
    height: auto;
    color: #000;
    font-family: Montserrat;
}
.grey-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 270px;
    background: #f3f2f2;
    margin-top: 40px;
    left: 0;
}
.pricing-left >*, .pricing-middle > * {
position: relative;
filter: grayscale(1) blur(2px);
}
.pricing-left:before, .pricing-middle:before {
position: absolute;
    z-index: 1;
    content: "obecnie pakiet nie jest dostępny";
    filter: blur(0px);
    left: 20%;
    right: 20%;
    top: 12%;
    color: #3E93CC;
    text-transform: uppercase;
    font-size: 2rem;
    background: rgba(255,255,255,0.8);
    border-radius: 5px;
}
.pricing-left, .pricing-middle, .pricing-right {
    width: 30%;
}
.pricing-header {
    margin-bottom: 80px;
}
.pricing-subheader {
    font-size: 32px;
    color: #3e93cc;
    margin-top: 40px
}
.main-container-pricing {
    margin: 0 ;
    padding: 0;
}
#tables {
    margin: auto;
    display: flex;
    justify-content: center;
}
.pricing-frame {
    border: 3px solid #3E93CC;
    padding-left: 10%;
    padding-right: 10%;
    background: #fff;
}

.price-header {
    margin-top: 5%;
    padding-bottom: 2%;
    font-weight: bold;
    font-size: 1.3rem;
    border-bottom: 1px solid #3E93CC;
}
.packet-name {
    font-size: 1.8rem;
    font-weight: bold;
    color: #3E93CC;
    text-transform: uppercase;
    margin: 5% 0;
}
.price {
    border: 2px solid #3e93cc;
    font-size: 2.5rem;
    font-weight: bold;
    margin: auto;
    padding: 3%;
    width: 80%;
    color: #3e93cc;
}
.price span {
    font-size: 1.5rem;
}
.PLN {
    font-size: 1.8rem !important;
}
.pricing-weekdays {
    color: #949494;
    margin-top: 5%;
    font-size: 12px;
}
.pricing-include {
    margin: 20px auto;
    color:#3e93cc;
    font-size: 1.8rem;
}
.bird {
    width: 10%;
    float: left;
}
.service-item {
    margin: 4px auto;
    height: auto;
    display: flex; 
}
.service {
    width: 90%;
    color: #4e4e4e;
    float: left;
    text-align: left;
    border-bottom: 1px solid #3e93cc;
    font-size: 1.2rem;
    padding-bottom: 6px;
}
.glyphicon.glyphicon-ok {
    color: #3e93cc;
}
.table {
    display: inline-table;
}
.packet-extension {
    margin-top: 20px;
}
.pricing-plus span, .pricing-equal span {
    margin: 10px auto 10px;
    font-size: 50px;
    color: #3e93cc;
    font-weight: bold;
}

.extencion-price {
    margin: 20px auto 20px;
}
.pricing-sum {
    border: 3px solid #3E93CC;
    padding-left: 10%;
    padding-right: 10%;
    background: #3e93cc;
}
.pricing-header-sum {
    border-bottom: 1px solid #fff;
}
.white-text {
    color: #fff;
}
.extencion-price-sum {
    border: 2px solid #fff;
    color: #fff;
}
.toggle-service-list {
    margin-bottom: 20px;
    border-radius: 0px;
}
#contact_form {
    color: #000;
}
.offer-additional-services-header, .offer-additional-services-subheader {
    color:#3E93CC;
}
.offer-additional-services-frame {
    border: solid 1px  #3E93CC;
    padding: 20px 40px;
    width: 60%;
    margin: auto;
    background: #fff;
}
.additional-services ul, .additional-services-info ul {
    list-style: none;
    padding:0;
    margin:0;
}

.additional-services li, .additional-services-info li { 
    text-indent: -0.5em;
    color: #4e4e4e;
    border-bottom: 1px solid  #3E93CC;
    height: auto;
    padding: 5px;
}
.additional-services-info li{
    color: #949494;
    border-bottom: none
}
 .additional-services li:before, .additional-services-info li:before {
    content: "• ";
    color: #3E93CC;
     margin-right: 5px;
}
.additional-services span {
    float: right;
}
.additional-services img {
    width: 7px;
    margin: auto 5px;
}
.additional-services-additional-info {
    color: #949494;
    font-size: 1em;
    width: 80%;
    margin: 40px auto;
    font-weight: 300;
}

.additional-services li {
    display: flex;
    justify-content: space-between;
}
.additional-services_service {
    width: 80%;
    text-align: left;
    color: #000;
}
.additional-services_price {
    width: 20%;
    color: #3e93cc;
    text-align: right;
    border-left: 1px solid #dedede;
}
.additional-services-additional-info-top {
    font-size: 1em;
    font-weight: 300;
}

/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* -------- Cennik   -------- */
/* -------------------------- */
/* -------------------------- */
#herobanner-work {
    background-image: url("../images/hero-offer.jpg");
}
.nurses p, .physiotherapist p, .medical-carer p {
    margin: 0;
}
.nurses, .physiotherapist, .medical-carer {
    border: solid 1px #3E93CC;
    padding: 10px;
}

.work-selection button {
    width: 250px;
    height: 50px;
    background: #3E93CC;
    color: #fff;
    border: none;
    margin-top: 40px;
}
#work-details{
    margin-top: 40px;
    height: 400px;
    background-image: url(../images/work-background.jpg);
    background-size: cover;
}
.work-specialization {
    border-bottom: 2px solid #fff;
    color: #3e93cc;
    width: 90%;
    margin: auto;
}
.work-we-offer {
    border-right: 2px solid #fff;
    height: 340px;
}
.work-we-offer-header, .work-we-need-header {
    font-size: 2em;
    font-weight: 700;
    margin: 40px auto 20px 80px;
    color: #4e4e4e;
}
.work-we-offer-content ul, .work-we-need-content ul {
    margin-left: 80px;
    font-size: 1.2em;
    width: 80%;
}
#work-CV {
    height: 400px;
    background-image: url(../images/bay-leaf-top.jpg)
}
.work-CV-content {
    width: 50%;
    margin: auto;
}
.work-CV-header {
    color:#3E93CC;
    padding-top: 20%;
}
.work-CV-subheader {
    color: #949494;
    font-weight: 300;
}
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* -------- KONTAKT   ------- */
/* -------------------------- */
/* -------------------------- */

.contact-underhero {
    border-bottom: 2px solid #eee;
    position: relative
}
.contact-underhero h4 {
    color: #949494;
}
.contact-send-msg-button, .contact-call-button {
    background: #3e93cc none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    height: 50px;
    margin: 40px 30px;
    width: 250px;
}
.contact-call-button {
    background: #fff;
    color: #3e93cc;
    border: 1px solid #3e93cc;
}
.contact-map > img {
    width: 350px;
    float: right;
}
.contact-locations {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 8%;
}
.contact-locations span {
    color: #3e93cc;
    font-weight: 800;
}
.contact-locations p{
    height: 40px;
}
#contact-form {
    position: relative;
}
.contact-contact-form {
    position: relative;
    padding: 0;
    margin-bottom: 40px;
}
.bay-leaf-right, .bay-leaf-left {
    position: absolute;
    z-index: -1;
    top: -200px;
}
.bay-leaf-left {
    right: 0;
}
.contact-grey {
    width: 100%;
    margin-top: 80px;
}
.contact-container-form {
    height: auto;
    width: 70%;
    background: #fff;
    border-top: 2px solid #3e93cc;
    border-bottom: 2px solid #3e93cc;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    padding-bottom: 40px;
}
.contact-form-info-header {
    color: #3e93cc;
    font-weight: 600;
    margin-top: 20px;
}
.contact-form-info-img img{
    margin-top: 40px;
    width: 100px;
}
.contact-container-form form {
    height: 396px;
    padding-top: 40px;
    width: 80%;
    margin: auto;
}
.contact-form-info {
    text-align: left;
    padding-left: 20%;
    color: #949494;
    font-weight: 300;
}
.contact-container-form input, .contact-container-form select, .contact-container-form textarea {
    border-radius: 5px;
    border: 1px solid #3e93cc;
    height: 40px;
    padding-left: 10px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
}
.contact-form-first-name {
    width: 100%;
}
.contact-form-email, .contact-form-phone {
    width: 49%;
    margin: 20px auto 20px;
}

.contact-form-city, .contact-container-form select {
    width: 49%;
    margin-bottom: 20px;
}
.contact-container-form textarea {
    width: 100%;
    padding: 10px;
    height: 100px;
}
.contact-container-form button {
    background: #3e93cc none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    height: 50px;
    margin: 20px auto;
    width: 250px;
}

/* Carousel */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #000;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #337ab7;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 300px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}