/*

Theme name: Pneumocare theme
Author: KoopAdvertising.ro
Author URI: http://www.pneumocare.ro
Description: Pneumocare.ro - Din grija pentru pacientii nostri!

*/

/* header*/
.container-header {display: flex; flex-direction: row; flex-wrap: wrap;	align-items: center; max-width: 1300px;	margin: auto; padding: 30px 0 30px 0;}
.container-logo {width: 100%; width: 300px;}
.container-callcenter {width: 100%; max-width: 1000px; text-align: right;}
.img-logo {width: 100%; max-width: 300px; padding:0;}
p.f-call {font-family: Poppins; font-weight: 500; font-size: 25px; text-transform: uppercase; color: #3FA9F5 !important; margin: 0 auto; text-align: center; display: inline;}
p.f-number {font-family: Montserrat; font-weight: 700; font-size: 25px; text-transform: uppercase; color: #2E3E62 !important; margin: 0 auto; text-align: center; display: inline;}
.f-footer {font-family: Montserrat; font-weight: 700; font-size: 16px; text-transform: uppercase; color: #fff !important; margin: 0 auto; text-align: center; display: inline;}

/* carusel*/
.carousel {width: 100%; max-width: 1300px; margin: auto;}
.carousel .carousel-indicators {} /* center*/
.carousel .carousel-control-prev-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%0fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
.carousel .carousel-control-next-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
.carousel-caption {border-radius: 0px; background-image: linear-gradient(to right, #3FA9F5, rgba(175, 69, 131,0)); position: relative; height: 100% !important; left: 0 !important; top: 0;}
#section1 {height: 98%; text-align:center; display:table; width:100%;}
#section1 h5 {display:table-cell; vertical-align:middle}
h5.carusel-text {font-family: Poppins; font-weight: 700; font-size: 45px; text-transform: uppercase; color: #fff !important; margin: 0 auto; text-align: left; padding: 30px 50px 30px 50px;}
.carousel_imagine {border-radius: 0px;}


/* medici*/
.container-3box {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; max-width: 1300px; margin: auto; margin-top: 50px; padding: 20px 17px 20px 17px;}
.container-3box-child {display: flex; flex-flow: column wrap; width: 32%;}
.container-3box-3small {text-align: center; font-family: Poppins; font-weight: 700; font-size: 20px; text-transform: uppercase; color: #3FA9F5 !important;}
.container-3box-text {text-align: center; font-family: Montserrat; font-size: 16px; color: #000 !important;}
.img-3b {width: 150px; margin-bottom: 20px;}
.img-3b {-webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out;}
.container-3box-child:hover .img-3b { -webkit-transform: scale(0.9); transform: scale(0.9);} 
.container-3box-child:hover .container-3box-3small {color: #1878bc !important;}

/* tehnologii*/
.container-idea-full {display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 50px; background-color: #f2f9ff;}
.container-idea {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; max-width: 1300px; padding-top: 55px; margin: auto;}
.container-idea2 {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; max-width: 1100px; padding-top: 10px; margin: auto;}
.index-idea {display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; text-align: center; max-width: 1300px; padding-left: 17px; padding-right: 17px; padding-top: 0px; padding-bottom: 0px; margin: 0 auto; font-family: Poppins; font-weight: 700; font-size: 45px; text-transform: uppercase; color: #3FA9F5 !important;}
.index-idea2 {display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; text-align: center; max-width: 1300px; padding-left: 17px; padding-right: 17px; padding-top: 0px; padding-bottom: 0px; margin: 0 auto; font-family: Montserrat; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #2E3E62 !important;}
.container-3idea {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; max-width: 1334px; margin: auto; padding: 50px 17px 70px 17px;}
.container-3idea-child {display: flex; flex-flow: column wrap; position: relative; width: 32%;}
.idea_inv {display: block; position: relative; text-align: center; width: 100%;}
p.titlu_ideap {font-family: Montserrat; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #2E3E62 !important; margin: 0 auto; margin-top: 20px;}
.img-round {border-radius: 0px; -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out;}
.container-3idea-child:hover .img-round { -webkit-transform: scale(1.02); transform: scale(1.02);}
.container-3idea-child:hover p.titlu_ideap {color: #2E3E62 !important; font-weight: 700;}
.container-idea-part {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; max-width: 1300px; padding-top: 55px; padding-bottom: 55px; margin: auto;}
.container-idea2-part {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; max-width: 1100px; padding-top: 10px; margin: auto;}
.index-idea2-part {display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; text-align: center; max-width: 1300px; padding-left: 17px; padding-right: 17px; padding-top: 0px; padding-bottom: 0px; margin: 0 auto; font-family: Montserrat; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #2E3E62 !important;}
.container-3idea-part {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; max-width: 1334px; margin: auto; padding: 10px 17px 10px 17px; }
.container-3idea-child-part {display: flex; flex-flow: column wrap; position: relative; width: 49%; background-image: url('/wp-content/themes/pneumocare_theme/images/bg-albastru-mic.png'); background-repeat: no-repeat; border: 1px solid #3fa9f5; margin-bottom: 20px; border-radius: 0px; padding: 10px;}
.idea_inv-part {display: block; position: relative; text-align: center; width: 100%;}	
p.titlu_ideap-part {font-family: Montserrat; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #2E3E62 !important; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}

.container2-idea-part {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; max-width: 1300px; padding-top: 55px; padding-bottom: 55px; margin: auto;}
.container2-idea2-part {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; max-width: 1100px; padding-top: 10px; margin: auto;}
.container-3idea-part2 {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; max-width: 1334px; margin: auto; padding: 10px 17px 10px 17px; }
.container-3idea-child-part2 {display: flex; flex-flow: column wrap; position: relative; width: 49%; background-image: linear-gradient(#eaf6ff, white); margin-bottom: 20px; padding: 20px;}
.idea_inv-part2 {display: block; position: relative; text-align: center; width: 100%;}	
p.titlu_ideap-part2 {font-family: Montserrat; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #2E3E62 !important; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}

/* pagina personalizata */
.pagina-p-mare {display: flex; flex-direction: column; flex-wrap: wrap;  max-width: 1300px; margin: auto; margin-top: 40px; padding-left: 20px; padding-right: 20px;}
h1.pagina-p-mare-titlu {text-align: center; font-family: Montserrat; font-weight: 700; font-size: 45px; text-transform: uppercase; color: #2E3E62 !important;}
p.pagina-p-mare-continut {text-align: left; font-family: Montserrat; font-weight: 700; font-size: 25px; color: black !important;}



.stil-top-principal {display: flex; flex-wrap: wrap; position: relative; max-width: 1300px; margin: 0 auto; margin-top: 0px; margin-bottom: 20px;}
.stil-top-principal-2 {position: relative; width: 100%; margin: 0 auto; padding-top: 0px; padding-bottom: 0px;}
.stil-top-principal-3 {display:none;}

div.nav-menu ul {
	display: flex;
	justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
div.nav-menu li {
    position: relative;
	margin: 0px 0px 0px 0px;
}
div.nav-menu a {
	background-color: white;
    text-decoration: none;
    display: block;
	font-family: Poppins; font-size: 20px; font-weight: 700; color: black; text-transform: uppercase;
	color: #2E3E62;

}
div.nav-menu > ul > li {
    float: left;
}
div.nav-menu > ul > li > a{
    padding: 20px 15px;
	transition: background 0.6s;
}
div.nav-menu > ul > li:hover > a{
   background-color: #2E3E62;
	color: #3FA9F5;
}

/* Sub/Children Menu */
div.nav-menu .sub-menu,
div.nav-menu .children {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    min-width: 300px;
	background-color: White;
    display: none;
}
div.nav-menu li:hover > .sub-menu,
div.nav-menu li:hover > .children {
    display: block;
}
div.nav-menu .sub-menu a,
div.nav-menu .children a {
    background-color: #2E3E62;
    padding: 15px 10px;
	transition: background 0.6s;
	color: white;
	font-size: 16px;
}
div.nav-menu .sub-menu li:hover a,
div.nav-menu .children li:hover a {
    background-color: white;
	color: #3FA9F5;
}

/* Grandchildren Menu */
div.nav-menu .sub-menu .sub-menu,
div.nav-menu .children .children {
    position: absolute;
    left: 100%;
    top: 0;
	background-color: White;
}


.wrap {
	width: 100%;
	display: flex;
	 flex-wrap: wrap; 
	align-items: center;
	justify-content: center;
}
.contentmeniu {
  max-width: 200px;
  position: relative;
  display: none;
}

.hitter{

 display:none;

}
.but{
	background-color: white;
	 margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0 solid white;
	width: 100%;

}


.container-footer {display: flex; flex-direction: row; flex-wrap: wrap;	align-items: center; max-width: 1300px;	margin: auto; margin-top: 30px; margin-bottom: 30px; padding: 30px 0 20px 0; background-color: #2E3E62;}
.container-logo {width: 100%; width: 300px; padding-left: 20px;}
.container-pagini {display: flex; flex-direction: row; flex-wrap: wrap;	justify-content: flex-end; width: 100%; max-width: 1000px; padding-right: 20px; padding-left: 20px;}
.container-inside-pagini { padding-left: 20px; font-family: Montserrat; font-weight: 700; font-size: 16px; text-transform: uppercase; color: #fff !important; }

@media (max-width: 1300px) {
.container-header {display: flex; flex-direction: column;}
.container-logo {width: 100%; text-align: center; padding: 0 0 30px 0;}
.container-callcenter {width: 100%; text-align: center; margin-top: -20px; padding: 0 30px 0 30px;}
.container-pagini {width: 100%; text-align: center; margin-top: -20px; padding: 0 30px 0 30px;}
	.container-inside-pagini { padding-left: 0px;}
.carousel {padding-left: 10px; padding-right: 10px;}
div.nav-menu ul {justify-content: center;}
.stil-top-principal {margin-left: 10px; margin-right: 10px;}
.stil-top-principal-2 {position: relative; width: 100%; margin: 0 auto; padding-top: 0px; padding-bottom: 0px;}
}

@media (max-width: 1050px) {
.carousel .carousel-indicators {display: none;} /* center*/
.container-3idea-part {display: flex; flex-direction: column;}
.container-3idea-child-part {width: 100%; border: 1px solid whitesmoke; margin-bottom: 20px;}
.container-3idea-child:hover .img-round { -webkit-transform: scale(1); transform: scale(1);}
}


@media (max-width: 960px) {
h5.carusel-text {font-size: 25px; padding: 0px 30px 0px 30px;}
.container-3box {display: flex; flex-direction: column; padding-bottom: 0px;}
.container-3box-child {display: flex; flex-flow: column wrap; width: 100%; margin-bottom: 20px;}
.container-3idea-child-part2 {width: 100%;}
	
div.nav-menu ul {display: flex; flex-wrap: wrap;}
div.nav-menu a {width: 300px; text-align:center;}
div.nav-menu > ul > li > a{padding: 10px 15px;}
	
.stil-top-principal-2 {display:none;}
.stil-top-principal-3 {display: flex; position: relative; width: 100%; margin: 0 auto; padding-top: 0px; padding-bottom: 0px;}
.container-pagini {display: flex; flex-direction: column;}
}

@media (max-width: 800px) {	
	
.container-3idea {display: flex; flex-direction: column;}
.container-3idea-child {display: flex; flex-flow: column wrap; position: relative; width: 100%; margin-bottom: 20px;}
.idea_inv {display: block; position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; background-color: #2E3E62; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
p.titlu_ideap {font-family: Poppins; font-size: 35px; font-weight: 700; color: white !important; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.container-3idea-child:hover p.titlu_ideap {color: #3FA9F5 !important;}
.container-3idea-child:hover .img-round {border: 0px;}
}

@media (max-width: 500px) {
h5.carusel-text {font-size: 17px; padding: 0px 20px 0px 20px;}
.img-logo {width: 100%; max-width: 200px; padding:0;}
p.f-call {font-size: 18px;}
p.f-number {font-size: 18px;}
.img-3b {width: 100px;}
.container-3box-3small {font-size: 18px;}
.container-3box-text {font-size: 14px;}
.index-idea {font-size: 25px; padding-top: 10px;}
.index-idea2 {font-size: 14px;}
p.titlu_ideap {font-size: 18px;}
p.titlu_ideap-part {font-size: 14px;}
.container-3idea {padding-bottom: 0px;}
h1.pagina-p-mare-titlu {font-weight: 700; font-size: 25px;}
p.pagina-p-mare-continut {font-weight: 700;}
.pagina-p-mare {margin-top: 20px;}
div.nav-menu a {font-size: 18px;}
}