@charset "utf-8";
/* CSS Document */

body{font-family:'Open Sans', sans-serif; overflow-x:hidden; color:#3156a3;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
background:url('../imgs/slide1.jpg') 0 -58px no-repeat;background-size:112% auto; /*background-attachment: fixed;*/}
a{color:#3156a3; text-decoration:none; transition:all .3s ease-in-out;}
a:hover{color:#50aa14;text-decoration:none;}
.container-fluid{padding-left:0;padding-right:0;}
.container{max-width:1400px;}
.row{max-width:1440px !important; margin:0 auto;}
.register{margin-bottom: 32px;}

.title{padding:56px 15px; color:#3156a3; font-size: 36px; line-height:42px; text-transform: uppercase; text-align: center;}
p{font-size: 1.7em; line-height:1.2em; color:#777;margin-top:1.4em; font-weight: 600;}
p.socials{margin-top:auto;}
.btn{color:#fff;font-size:14px; font-weight:600; min-width:196px;text-transform:uppercase; outline:none !important; padding:7px 20px; border:none; background-image: none !important; text-shadow:none !important;border-radius:0px;color:#fff !important;border-color: none !important;}
.btn-default:hover{background-image: none !important;border-color: none !important; background:none !important;}
.btn-red{background: #50aa14 !important;}
.btn-red:hover{background: #59b718 !important;}
.btn-blue{background: #103754 !important;}
.btn-blue:hover{background: #c42910 !important;}

.red{color:#50aa14;}
.white{color:#fff;}
.blue{color:#3156a3;}

.form-group input[type="text"]{border:1px solid #d8d1ea; border-radius:0; outline:none !important;color:#232746;line-height:36px;}
.form-control{outline:none !important;}
/*top bar*/
#topbar{font-size:18px;padding:18px 0; background-color: #f9f6ff;}
#topbar .fa{font-size:22px;margin-right:4px; color:#50aa14;}
#topbar .fa:before{/*vertical-align: middle;*/}
.slogan{text-transform: uppercase;}

.logo{margin-top:20px;}
.menu ul{list-style: none;padding:0;margin:0;margin-top:20px;margin-top:67px;text-align:right;}
.menu ul li{position:relative;display:inline-block;font-size: 18px; padding:0 8px; font-weight:600; text-transform: uppercase; margin-right:36px; cursor: pointer; color:#fff; background-color:#50aa14;}
.menu ul li:hover, .menu ul li.active{color:#fff;background-color: #3156a3;}
/*.menu ul li:hover:before, .menu ul li.active:before{content: ''; display:block;position:absolute;left:1px;bottom:-2px; width:10px;height:2px; background-color:#50aa14;}
*/
.menu ul li:last-child{margin-right:0;}

#mobiletoggle{display:none;margin-top:67px; font-size:22px; text-align: right}
#mobiletoggle:hover, #mobiletoggle:focus{color:#50aa14;}

#mobilemenu{display:none;position:fixed;top:0;left:0; width:100%; height:100%;z-index:99; background-color:rgba(255,255,255, .95);}

#mobilemenu ul{list-style: none;padding:0;margin:0;text-align:center; margin-top:60px;}
#mobilemenu ul li{font-size: 18px; font-weight:600; text-transform: uppercase; cursor: pointer;margin:22px 0;}
#mobilemenu ul li:hover, #mobilemenu ul li.active, #mobilemenu ul li:focus{color:#50aa14;}
#mobilemenu .myclose{margin-top:30px;margin-right:30px;width:30px;float:right;}
#mobilemenu .myclose .fa{color:#3156a3 !important;font-size:22px;}

#calltoaction h2{text-transform: uppercase;font-weight: 400;font-size:36px;margin-top:70px; margin-bottom:58px;}
#calltoaction p{color:#232746; font-size:15px; font-weight: 400}
#calltoaction .note, .note{color:#696f98; font-size:12px;}
#calltoaction .timetext{text-transform: uppercase; font-weight:600; font-size:24px; text-align:right;line-height:36px;}
#calltoaction #future_date{text-align:left;}
#calltoaction #future_date .titem{text-align:center; font-size:24px;display:inline-block;margin:0 16px;}
#calltoaction #future_date .titem span{font-size:42px;display:block;color:#50aa14;line-height:38px;}
#calltoaction form{margin-bottom:42px;}

.trianglemobile{display:none;}
.medsign{z-index:1;position:absolute;left:50%;bottom:10px;margin-left:-70px;width:142px; height:142px; line-height:142px;background-color:#fff; border-radius:10%;text-align:center;}
.triangle > div:before{content:'';width:142px; height:142px; line-height:142px;display:block; box-shadow:0 0 16px rgba(49,86,163, .44);border-radius:50%;bottom:10px;left:50%;margin-left:-70px;position:absolute;}
.trianglemobile > div:before{content:'';width:142px; height:142px; line-height:142px;display:block; box-shadow:0 0 16px rgba(54,66,127,.44);border-radius:50%;bottom:10px;left:50%;margin-left:-70px;position:absolute;}

#despre{background-color:#fff;margin-top:-80px;}
#despre h1{font-size:48px; color: #3156a3;text-transform: uppercase;}
#despre h2{font-size:40px; color:#50aa14; text-transform: uppercase;}
#despre ul{list-style: none;margin:0;padding: 0;font-size:18px;margin-top:74px; margin-left:32px;}
#despre ul li img{margin-left:-32px;margin-right:16px;}
#despre ul li{margin-bottom:24px;}

#tratament{clear: both; background-color:#fff;}
#tratament .item{max-width:96%; height:540px;margin:0 auto;box-shadow:0 0 16px rgba(80,85,121, .16);margin-bottom:78px;}
#tratament .item .image{height:275px; overflow:hidden;}
#tratament .item .ititle{padding:16px; padding-bottom:20px; text-align: center; font-weight:300; font-size:28px;}
#tratament .item .idesc{color:#818181; padding:40px; padding-top:0; text-align: center;}

.socials{padding-bottom:30px;}

#road h3, #road2 h3{margin:0;line-height:76px; text-align: center; border-top:4px solid #eceef4;border-bottom:4px solid #eceef4;font-size:28px; font-weight: 300;}
#road .line, #road2 .line{width:120px; height:6px; background-color:#eceef4;display: inline-block;margin:0 38px;}

#medici{background:url('../imgs/fish.jpg') 50% 50% no-repeat; background-size: cover}
.mimage{position:relative;border:6px solid #50aa14; border-radius: 50%;width:239px; height:239px; margin:0 auto;}
.mimage:before{content:''; border-radius: 50%;width:227px; height:227px; position:absolute;top:0;left:0;box-shadow:0 0 16px rgba(80,85,121,.8) inset;margin:0 auto;}
.mimage img{border-radius: 50%;}
.mtitle{color:#232746; font-size: 28px; font-weight: 600;margin-top:22px;margin-bottom:14px; text-align: center;}
.mdesc{color:#232746; font-size: 14px; font-weight: 600; text-align: center;margin-bottom:64px;}

#beneficii ul{list-style: none;margin:0;padding: 0;font-size:18px;margin-top:0;}
#beneficii ul li img{margin-left:-32px;margin-right:16px;}
#beneficii ul li{margin-bottom:30px;}
#beneficii .citation{font-size: 16px; font-style: italic; text-align: right;color:#818181;padding:22px;}
#beneficii h2{margin-bottom:20px;margin-top:0;}

#locatie h5{font-size: 24px; font-weight: 600; color:#50aa14;margin-top:0;}
#locatie p{font-size: 16px; color:#818181; font-weight: 500;margin-bottom:30px; margin-top:10px;}
#locatie a{cursor: pointer;}

#small_call{background-color: #e8e9f1;}
#small_call .title{font-size: 24px; line-height: 28px;margin-bottom: -20px;}

#gmap{padding-top:8px;}

#investitia .desc{font-size: 18px;margin-bottom: 54px;}

#investitia .pack{height:1165px;max-width:360px; margin:0 auto; box-shadow: 0 0 16px rgba(80,85,121, .2); position:relative;}
#investitia .pack p{font-size:16px; font-weight: normal;margin-top:0;}
#investitia .pack .ptitle{text-align: center; font-size: 30px; font-weight: 300;padding:32px 15px;}
#investitia .pack .pdesc{padding:28px;}
#investitia .pack ul{list-style: none; margin:0;padding:0;margin-bottom:28px; margin-top:12px;}
#investitia .pack ul li span{font-size:18px;}
#investitia .pack ul li{font-size: 13px; color:#818181; line-height:16px;}
#investitia .pack .background{width:100%; height:100%; position: absolute;left:0;top:0; opacity:.15;z-index:-1;}
#investitia .pack .pprice{bottom:0;position:absolute;width:100%;left:0;}
#investitia .pack .standard{color:#626899; font-size:16px; font-weight:600; text-decoration: line-through;}
#investitia .pack .minus{font-size:14px;}
#investitia .pack .total{font-size:18px;color:#232746; font-weight: 600;padding-top:10px; padding-bottom:16px;}
#investitia .pack .info{font-size:13px; color:#818181; font-style: italic;}
#investitia .pack .pprice button{margin-top:20px;}
#investitia .important{padding:24px 0; color:#626899; font-size:16px;}

footer{background-color:#f4f1ff;padding:18px 30px;}
footer .row > div span{display:inline-block;margin-top:20px; margin-left:20px;}
footer .logo img{margin-top:-32px;}
footer .address {font-size:16px;}
footer .address .fa{font-size:22px; color:#50aa14;padding-right:12px;}
footer .address > div{margin-bottom:6px;}
footer .soc{padding-top:18px;}
footer .soc a{border-radius:50%;display:inline-block;width:32px;height:32px; margin:0 2px;color:#fff; background-color:#3156a3; line-height: 32px;}
footer .soc a:hover, footer .soc a:focus{background-color:#50aa14;}



@media only screen and (max-width: 2560px) {
	.triangle > div{height:478px !important;}
	body{background: url(../imgs/slide1.jpg) 0 -350px no-repeat; background-size:111% auto;}
}
@media only screen and (max-width: 1920px) {
	.triangle > div{height:374px !important;}
	body{background: url(../imgs/slide1.jpg) 0 -106px no-repeat; background-size:109% auto;}
	.one{float:right;}
	.three{float:left;}
}
@media only screen and (max-width: 1600px) {
	.triangle > div{height:330px !important;}
	body{background: url(../imgs/slide1.jpg) 0 -200px no-repeat; background-size:126% auto;}
	.one{float:none;}
	.three{float:none;}
}
@media only screen and (max-width: 1440px) {
	/*body{background:url('../imgs/slide1.jpg') 0 -58px no-repeat;background-size:112% auto; }*/
	body{background:url('../imgs/slide1.jpg') 0 0 no-repeat;background-size:124% auto; }
.triangle > div{height:290px !important;}
	}



@media only screen and (max-width: 1024px) {
	body{background: url(../imgs/slide1.jpg) 0 -6px no-repeat; background-size:124% auto;}
	.menu ul li{margin-right:21px;}
	#calltoaction h2{font-size:30px;margin-bottom:28px;}
	.form-group input[type="text"]{max-width:140px;margin:0 4px !important;}
	#calltoaction .timetext{font-size:22px;}
	#calltoaction #future_date .titem{margin:0 8px;}
	#calltoaction form{margin-bottom:26px;}
	.triangle > div {height:230px !important;}
	#road .line, #road2 .line{width:90px;}
}

@media only screen and (max-width: 768px) {
	body{background: url(../imgs/slide1.jpg) 0 -6px no-repeat; background-size:126% auto;}
	#topbar{font-size:13px;}
	#topbar .fa{font-size:14px !important;}
	.menu ul{display:none;}
	#mobiletoggle{display:block;margin-top:34px;}
	#calltoaction h2{margin-top:30px; font-size:26px;}
	.form-group input[type="text"]{max-width:110px;margin:0 4px !important;}
	#calltoaction .timetext{line-height:36px;font-size:19px;}
	#calltoaction #future_date .titem span{font-size:34px; line-height:36px;}
	#calltoaction p{width:80%; margin-top:1.4em; margin-left:0%;}
	#calltoaction p br, #calltoaction p img, #calltoaction .note br{display:none;}
	#calltoaction .note{width:80%;}
	.triangle > div {height:190px !important;}

	#despre h1.si{margin-top:275px !important;}
	#despre .col-sm-5 h1{margin-top:40px !important;}
	#road .line:nth-child(2), #road2 .line:nth-child(2){display:none;}

	.mimage{width:200px;height:200px;}
	.mimage img, .mimage:before{width:188px; height:188px;}
	#locatie a{margin-bottom:30px;display:block;}
	#investitia .pack{max-width: inherit;margin-bottom:40px;height:auto;}
	#investitia .pack .pprice{position:relative;}
	#investitia .important br{display:none;}
	#investitia .important{padding:20px;}

	footer .logo, footer .address{text-align: center;}
	footer .address{margin-top:30px;}
	footer .soc{padding-top:34px;}

}

@media only screen and (max-width: 732px) {
	#topbar .col-xs-12{width:33%;}
	#topbar .phone a, #topbar .email a{padding-top:8px;display:inline-block;}
	body{background: url(../imgs/slide1.jpg) 0 -48px no-repeat; background-size:112% auto;}
	#mobiletoggle{display:block;margin-top:-70px;}

	#calltoaction{background-color:#fff;}
	#calltoaction h2{margin-top:0;}

	.triangle{display:none;}
	.trianglemobile{display:block;margin-top:160px;}
	.trianglemobile > div {height:190px !important;}
	.trianglemobile{heigt:165px;}
	.form-group input[type="text"]{max-width: inherit;}
	#calltoaction .timetext{font-size:24px;}
	#calltoaction #future_date .titem{margin:0 16px;}
	#calltoaction p, #calltoaction .note{width:100%;}
	#calltoaction p img{display:block;margin:10px auto;}
	#calltoaction .note{margin-bottom:30px;}
	#despre{background-color: #e8e9f1;margin-top:30px;}
	#despre h1, #despre .col-sm-5 h1{margin-top:30px !important; text-align: center !important;}
	#despre ul{margin-top:30px !important; margin-left:32px !important;}

	.mimage{width:239px;height:239px;}
	.mimage img, .mimage:before{width:227px; height:227px;}
	#beneficii h2{margin-top:20px;}
	#despre h1{margin-bottom:30px;}
	#despre .si, #tratament .si{margin-top:auto !important; text-align: center;}
	#tratament .si{margin-top:-66px !important;}
	#despre h2{text-align:left;}
	#tratament .item .image{height:auto;}
	#tratament .item{height:auto;}
	#tratament .item .image img{margin:0 auto;}
	
}
@media only screen and (max-width: 640px) {
	body{background: url(../imgs/slide1.jpg) 0 -49px no-repeat; background-size:112% auto;}
	.trianglemobile{margin-top:80px;}
	#road .line, #road2 .line{width:70px;}
}

@media only screen and (max-width: 480px) {
	#topbar .col-xs-12{width:50%;}
	#topbar .slogan{display:none;}
	#topbar .phone a, #topbar .email a{padding-top:0;}
	body{background: url(../imgs/slide1.jpg) 0 18px no-repeat; background-size:112% auto;}
	.logo{margin-left:-17px; margin-top: 12px;}
	#mobiletoggle{display:block;margin-top:-60px;}
	.trianglemobile > div {height:154px !important;}
	.trianglemobile{display:block;margin-top:85px;}
	#calltoaction .timetext{width:100%; text-align:center;}
	#calltoaction #future_date{width:100%; clear:both; text-align:center !important;margin-top:30px;}
	#road .line, #road2 .line{display:none;}
	footer .logo img{margin-top:0;}
	body{background: url(../imgs/slide1.jpg) 0 9px no-repeat;    background-size: 112% auto;}

}


@media only screen and (max-width: 412px) {


}
	
@media only screen and (max-width: 360px) {
	#topbar{font-size:12px;}
#road h3, #road2 h3{font-size:22px;}
.trianglemobile{margin-top:64px;}
}
