/* 
	A. Small screens first
*/

/*   
	A0. Basic settings
*/

	html { 
		box-sizing: border-box; 
		font-family:Helvetica;
		font-size:16px;
		background-color:#ffffff;
		color:#000000;
	}
	*,*:before,*:after{
		box-sizing:inherit;
	}
	body{
		font-size:0.9rem;
		margin:0;
		padding:0;
	}
	.wrapper{
		max-width:100%;
		margin:0 auto;
	}
	img{
		max-width:100%;
	}

/*
	A0-1 reset initial css
*/

	a{
		text-decoration:none;
		color:black;
	}
	ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	p{
		margin:0.3rem;
		text-align: justify;
	}
	ol{
		list-style-type:none;
		list-style-position: inside;
	}


/*
	A1. Header
*/

	header{
		position:fixed;
		top:0;
		left:0;
		z-index:3;
		width:100%;
	}
	.top{
		background:rgba(64, 64, 64,0.5);
	}
	.top #lg div{
		opacity:0;
		/* for IE11 bug: */
		margin:0.3rem 4%;
	}
	.top #lg{
		text-align:right;
		margin:0.3rem;
	}
	.top #lg a{
		border:solid 0.1rem #ff9900;
		border-radius:0 0.3rem;
		font-weight:bold;
		padding:0.1rem 0.2rem;
		margin:0 0.1rem;
		color:#ffffff;
	}
	.top #topcontact{
		padding:0.5rem;
	}
	.top #topcontact p{
		margin:0 0.5rem;
		text-align:center;
		font-size:0.8rem;
		color:#ffffff;
		padding:0.1rem;
		font-weight:bold;
	}
	.navbar{
		background: rgba(255, 237, 204,0.8);
	}
	.menu, .logo {
		padding:0.3rem;
	}
	.logo{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content:space-between;
		-ms-flex-pack: space-between; 
		justify-content:space-between;  
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
	}
	#logoi{
		padding:0.3rem;
		max-height:80px;
	}
	#bar{
		cursor:pointer;
		max-height:50px;
		border:solid 0.1rem #999999;
		border-radius:7%;
		text-align:right;
	}
	.menu a{
		color:#595959; 
		font-weight:bold;
	}
	.menu li::first-letter{
		font-weight:800;
	}
	.menu li:hover{
		border-bottom:solid 0.1rem #ff9900;
		box-shadow:0.1rem 0.1rem #999999;
	}
	.menu a:hover{
		color:#333333;
	}
	.menu li{
		padding:0.3rem;
		width:100%;
		text-align:center;
		/*small devices only:*/
		border-bottom:0.1rem solid #bfbfbf;
	}


/*
	A2. Footer
*/

	.main-footer{
		background:#131339;
		color:#ffffff;
		padding:1rem 0.6rem;
		margin-bottom:0;
	}
	.sub-footer{
		background:#19194d;
		color:#ffffff;
		margin-top:0;
		padding:0.6rem;
	}
	.sub-footer>p{
		text-align:center;
	}
	.main-footer>div>h3{
		text-align:center;
	}
	.main-footer>div>div>span img{
		height:35px;
		vertical-align:middle;
	}
	.main-footer>div>div{
		text-align:center;
		padding-bottom:0.5rem;
	}
	.footer-reserve>h3>a{
		color:#ffffff;
	}
	.footer-reserve>div>span:nth-child(2){
		font-weight:700;
		font-size:1.01rem;
	}
	.footer-reserve>div>span>a{
		color:#ffffff;
	}
	.footer-img>img{
		width:60%;
		margin-left:17%;
	}
	

/* 
	A3. Content 
*/

	.page{
		min-height:60vh;
	}
	.row{
		width:100%;
	}

/*
	A3.1 Home page
*/

	/*  
		A3.1.1. slides 
	*/

	.slides{
		position:relative;
		min-height:700px;
		background:url('Imagini/slide0.jpg') top no-repeat;
		background-size:cover;
		width:100%;
		margin-top:0;
		padding-top:0;
		
	}
	.slides h1{
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		text-align:center;
		color:#ffffff;
		text-shadow:0.1rem 0.1rem #cc5200;
	}

	.arrow{
		cursor:pointer;
		background-color:black;
		opacity:0.6;
		padding:0.2rem;
		color:white;
		width:5vw;
		border-radius: 0 0.1rem 0.1rem 0;
		transition: 0.6s ease;
		text-align:center;
		position:absolute;
		top:50%;
	}
	#prev{
		z-index:2;
		left:5%;
		transform: translate(-50%, -5%);
	}
	#next{
		z-index:2;
		right:5%;
		transform: translate(-50%, 5%);
	}


	/*
		A3.1.2. intro services 
	*/


	.intro-sv-container{
		background:url('Imagini/intro_sv_container.png') no-repeat center bottom;
		background-size:contain;
	}
	.intro-sv{
		position:relative;
		top:-150px;
		z-index:2;
	}
	.intro-sv>div{
		padding:1rem;
		margin:1rem;
		max-width:400px;
		margin:0 auto;
	}
	.intro-sv>div>h2, .intro-sv>div>p{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content:center;
		-ms-flex-pack: center; 
		justify-content:center;  
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		padding:1rem;
		word-wrap: break-word;
		text-align:center;
		margin:0;
	}
	.intro-sv>div>h2{
		height:110px;
		min-height:110px;
		background: rgba(242, 242, 242,0.9);
		color:#b35900; 
		font-size:1.1rem;
	}
	.intro-sv>div>h2:hover{
		color:#595959;
	}
	.intro-sv>div>p{
		height:200px;
		min-height:200px;
		color:#ffffff;
		font-size:1rem;
	}
	#intro-sv1{
		background:url('Imagini/intro_sv_1.jpg');
		background-size:cover;
	}
	#intro-sv2{
		background:url('Imagini/intro_sv_2.jpg');
		background-size:cover;
	}
	#intro-sv3{
		background:url('Imagini/intro_sv_3.jpg');
		background-size:cover;
	}

	/*
		A3.1.3. intro prices
	*/


	.intro-prices{
		background:url('Imagini/intro_prices.jpg');
		background-size:cover;
		position:relative;
		height:400px;
	}
	.intro-prices>div{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:2;
	}
	.intro-prices>div>h2{
		color:#ffffff;
	}

	.intro-prices>div>h3{
		background:rgba(242, 242, 242,1); /*rgba(255, 237, 204,1)*/
		padding:0.5rem 1rem;
		border: solid 0.1rem #b35900;
		border-radius:2px;
		cursor:pointer;
		max-width:250px;
	}
	.intro-prices>div>h3>a{
		color:#595959;
	}
	.intro-prices>div>h3:hover{
		border:double 0.3rem #bfbfbf;
	}


	/*
		A3.1.4. intro-box
	*/
	.intro-boxes{
		padding:2rem 0.5rem;
	}
	.intro-boxes>h2{
		text-align:center;
		color:#b35900;
		padding-bottom:80px;
		position:relative;
	}
	.intro-boxes>h2:hover{
		color:#595959;
	}
	.intro-boxes>h2::after{
		content:url('Imagini/icon_car_shape_g.png');
		position:absolute;
		top:80px;
		left:50%;
		transform:translate(-50%,-40px);
	}
	.intro{
		text-align:center;
		max-width:360px;
		padding:2rem 0.5rem;
		margin:0.5rem auto;
	}
	.intro:nth-child(odd){
		border:double 0.3rem #b35900;
	}
	.intro:nth-child(even){
		border:double 0.3rem  #ffffff;
		background-color:#f2f2f2;
	}
	.intro>img{
		max-height:100px;
	}
	.intro>img:hover{
		max-height:80px;
	}
	.more_about>h3{
		text-align:center;
		padding:1rem 0.5rem 2rem 0.5rem;
	}
	.more_about>h3>a{
		background:rgba(242,242,242,1);
		padding:0.7rem 1rem;
		border: solid 0.2rem #4d4d4d;
		border-radius:2px;
		cursor:pointer;
		color:#242442;
	}
	.more_about>h3>a:hover{
		border:solid 0.1rem #b35900;
	}


/*
	A3.2 About page
*/

	/* 
		A3.2.1 Abous us 
	*/

	.about-us{
		padding:0.5rem 1rem;
	}
	.about-title{
		height:400px;
		position:relative;
		background:url("Imagini/about-brasov.jpg");
		background-size:cover;
	}
	.about-title>h2{
		text-align:center;
		color:#ffffff;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:2;
	}
	#about>h3{
		color:#b35900;
		padding:2rem 0.5rem;
		text-align:center;
		font-size:1.3rem;
	}
	.about-text{
		padding:1rem;
	}
	.about-text>div:nth-child(2){
		color: #4d4d4d;
		padding-top:0.5rem;
	}
	.about-text>div:nth-child(3){
		padding-top:0.5rem;
		color:#993d00;
		font-weight:bold;
	}
	
	/* 
		A3.2.2. Quotes
	*/
	
	.quotes{
		padding:0.5rem;
	}
	.quotes>h3{
		text-align:center;
		color:#595959;
		font-size:1.2rem;
		padding-bottom:80px;
		position:relative;
	}
	.quotes>h3::after{
		content:url('Imagini/icon_car_shape.png');
		position:absolute;
		top:80px;
		left:50%;
		transform:translate(-50%,-40px);
	}
	.quote {
		margin:1.5rem;
		color:#404040;
		padding:1.5rem;
		border-radius:0 0.5rem 0 0.5rem;
	}
	.quote:nth-child(even){
		border:solid 0.3rem #999999;
	}
	.quote:nth-child(odd){
		border:solid 0.3rem #e68a00;
	}
	.quote:hover{
		border:solid 0.3rem #cccccc;
	}
	.quote .who{
		color:#262626;
		text-align:center;
		font-style: italic;
	}
	.quote p {
		text-align:justify;
	}
	.about-space{
		background:url("Imagini/dacia_shape.png") center no-repeat;
		background-size:contain;
		height:200px;
		position:relative;
	}
	.about-space>h3{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		text-align:center;
		color:#b35900;
		font-size:1.1rem;
	}
	
/*
	A3.3 Services page
*/

	.services-title{
		height:400px;
		position:relative;
		background:url("Imagini/services-title.jpg") no-repeat;
		background-size:cover;
		padding:40px;
	}
	.services-title::after{
		content:"";
		position:absolute;
		bottom:0;
		right:0;
		height:80px;
		width:100%;
		border-bottom:#ffffff solid 80px;
		border-left:transparent solid 99vw;
	}
	.services-title>h2{
		text-align:center;
		color:#ffffff;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:2;
	}
	#services>h2{
		color:#333333;
		padding:2.5rem 0.5rem 1.4rem 0.5rem;
		text-align:center;
		font-size:1.3rem;
	}
	#services .title{
		color:#b35900;
	}
	.services-map{
		padding:2rem 0.5rem;;
	}
	.services-map>div{
		padding:0.2rem 1rem;
	}
	.services-map>img{
		max-width:100%;
	}
	.services-fam-text{
		text-align:center;
	}
	.services-fam-text>h4{
		background:#e6e6e6;/*#ffe6cc*/
		color:#404040;
		border:0.1rem solid #262673;
		padding:1rem;
		border-radius:2px;
		cursor:pointer;
		max-width:200px;
		margin:0 auto;
	}
	.services-fam-text>h4:hover{
		background:#ffdab3;
	}
	.price-container{
		background:url("Imagini/services-prices.jpg");
		background-size:cover;
		position:relative;
		margin-bottom:2rem;
		z-index:0;
		padding-top:80px;
	}
	.price-container::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		height:80px;
		width:100%;
		border-bottom:transparent solid 80px;
		border-right:#ffffff solid 99vw;
		z-index:1;
		/*overflow:hidden;*/
	}
	.price-container::after{
		content:"";
		position:absolute;
		bottom:0;
		right:0;
		height:80px;
		width:100%;
		border-bottom:#ffffff solid 80px;
		border-left:transparent solid 99vw;
		z-index:0;
		/*overflow:hidden;*/
	}
	.price-container>h3{
		text-align:center;
		position:relative;
		z-index:2;
		color:#ffffff;
		font-weight:800;
		padding:1rem 0.5rem 2rem 0.5rem;
	}

	.price-box{
		width:250px;
		max-width:250px;
		text-align:center;
		margin:2rem auto 0.3rem auto;
		z-index:2;
		padding:1rem;
		/*overflow:visible;*/
		position:relative;
	}
	.price-box:hover, .price-box-selected{
		transform:translate(0,-2rem);
	}
	
	.price-box>div{
		padding:0.5rem 0.8rem;
		background:rgba(204, 204, 204,1);
		border-bottom:0.05rem solid #f2f2f2;
		border-right:0.2rem solid #e6e6e6;
		border-left:0.1rem solid #f1f1f1;
		font-weight:bold;
	}
	.price-box>div:first-child{
		padding:2rem 0.8rem 0.8rem 0.8rem;
		border-radius:6px 6px 0 0;
		background:#4d4d4d;
		color:#ffffff;
		font-size:1.1rem;
		font-weight:bold;
		font-style: oblique;
		border-bottom:none;
		border-top:0.1rem solid #f1f1f1;
	}
	.price-box:nth-child(odd)>div:first-child{
		background:#e0e0eb;
		color:#4d4d4d;
	}
	.price-box>div:last-child{
		border-radius:0 0 6px 6px;
		border-bottom:0.1rem solid #f1f1f1;
	}
	.price-box>div:nth-child(2){
		background: #595959;
		color:#ffffff;
		font-size:1.01rem;
		font-style: oblique;
		padding:0.8rem 0.8rem 1.5rem 0.8rem;
	}
	.price-box>div:nth-child(3){
		background:rgba(255, 246, 230,0.95);
		color:#4d4d4d;
	}
	.price-box>div:nth-child(4){
		background:rgba(255, 236, 204,0.95);
		color:#4d4d4d;
	}
	.price-box>.dest{
		background:#cccccc;
		color:#333333;
		padding:0.5rem 10%;
	}
	.price-box>.price{
		background:#f0f0f0;
		color:#996100;
	}
	.motto{
		padding:3rem;
		text-align:center;
		position:relative;
		color:#b35900;
		font-size:1.2rem;
	}
	.motto::after{
		content:url('Imagini/icon_car_shape_g.png');
		position:absolute;
		bottom:-40px;
		left:50%;
		transform:translate(-50%,-40px);
	}
	
/*
	A3.4 Partners page
*/
	
	.partners-title{
		height:400px;
		position:relative;
		background:url("Imagini/partners-title.jpg") no-repeat center;
		background-size:cover;
		padding:40px;
	}
	.partners-title>h2{
		text-align:center;
		color:#ffffff;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:2;
	}
	.partners-boxes{
		padding:3.5rem 0.3rem;
	}
	.partner-box{
		padding:1.5rem;
		margin:1.5rem auto;
		text-align:center;
		padding:1rem;
	}
	
	.partner-box>a>img{
		display: block;
		margin:0.5rem auto;
		box-shadow:0.2rem 0.1rem 0.1rem #cccccc;
		padding:1rem;
		
	}
	.partner-box>a>img:hover{
		box-shadow:0.2rem 0.1rem 0.1rem #444444;
	}

/*
	A3.5 Contact page
*/
	.contact-title{
		height:400px;
		position:relative;
		background:url("Imagini/contact-title.png") no-repeat center ;
		background-size:cover;
	}
	.contact-title>h2{
		text-align:center;
		color:#ffffff;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:2;
	}
	.contact-container{
		padding:3rem 0.5rem;	
	}
	.contact-text{
		padding-bottom:1.5rem;
	}
	.contact-text>h3{
		text-align:center;
		color:#b35900;
		font-size:1.1rem;
		position:relative;
		padding-bottom:60px;
	}
	.contact-text>h3::after{
		content:url('Imagini/icon_car_shape_g.png');
		position:absolute;
		bottom:-40px;
		left:50%;
		transform:translate(-50%,-40px);
	}
	form{
		padding-top:2rem;
	}
	label{
		padding:0.3rem;
	}
	input, textarea{
		padding:0.4rem;
		border-radius:0.3rem;
		border:0.1rem solid #9f9fdf;
		width:98%;
	}
	#policy{
		padding:0.4rem;
		width:98%;
		text-align:center;
		font-size:0.9em;
	}
	#policy a{
		color:#131339;
		font-style: italic;
		text-decoration:underline;
	}
	#submit1, #reset1{
		width:50%;
		margin-left:15%;
		cursor:pointer;
		margin-top:0.3rem;
	}
	.contact-form{
		padding:0.5rem;
	}

	.contact-form p{
		margin-left:0.3rem;
	}

	.req:focus {
		background-color:#e6e6e6;
	}
	#response1{
		margin-top:0.5rem;
		color:#000033;
		padding:0.3rem;
		font-size:0.8rem;
		
	}
	.response1border{/* for js on message appear*/
		border:#9999ff 0.1rem solid;
		border-radius:2%;
	}


/*
	B. Bigger screens
	
*/


@media screen and (min-width: 700px){
	
	/* 
		B1. Header - Bigger screens
	*/
		
		.top, #topcontact{
			display:flex;
			display: -ms-flexbox; 
			display: -webkit-flex;
			justify-content:space-between;  
			-ms-flex-pack: space-between; 
			-webkit-justify-content:space-between;
			align-items:center;
			-webkit-align-items:center;
			-ms-flex-align:center;
		}
		.top #lg div{
			margin:0;/* for IE11 bug */
		}
		.top #lg{
			margin:0.1rem 0.1rem 0.5rem 0.5rem;
		}
		.top{
			padding-top:0.2rem;
			margin-top:0;
		}
		.top #topcontact{
			padding:0;
		}
		.navbar{
			display:flex; 
			display: -ms-flexbox; 
			display: -webkit-flex;
			justify-content:space-between;  
			-ms-flex-pack: space-between; 
			-webkit-justify-content:space-between;
			flex-wrap:wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			background: rgba(255, 237, 204,0.8);
			padding-right:60px;
		}
		.navbar,.menu,.logo{
			height:84px;
		}
		#bar{
			display:none;
		}
		.menu{
			display:flex; 
			display: -ms-flexbox; 
			display: -webkit-flex;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items:center;
			background: transparent;
		}
		.menu li{
			border:none;
			width:auto;
			padding:0.2rem 0.7rem;
		}
		

	/* 
		B2. Footer
	*/
		
		.main-footer{
			display:flex; 
			display: -ms-flexbox; 
			display: -webkit-flex;
			justify-content:space-around;  
			-ms-flex-pack: space-around; 
			-webkit-justify-content:space-around;
			height:200px;		
		}
		.footer-img>img{
			max-height:120px;
			width:auto;
			margin-left:0;
		}

	/* 
		B3. Content
	*/

		.row{
			flex: 1 1 100%;
		}
		.boxes{
			display:flex; 
			display: -ms-flexbox; 
			display: -webkit-flex;
			justify-content:center;  
			-ms-flex-pack: center; 
			-webkit-justify-content: center;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap:wrap;
		}
		.box-2{
			width:45%;
			flex:1 1 45%; 
			-ms-flex:1 1 45%; 
			-webkit-flex: 1 1 45%;
		}
		
		
		/*
			B3.1 Home page
		*/
		
		.arrow{ width:3vw;}
		#prev{ left:11%;}
		#next{ right:11%;}
		
		.intro-sv{
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content:center;
			-ms-flex-pack: center; 
			justify-content:center;
		}
		.intro-sv>div{
			margin:0;
			flex:1 1 30%;
		}
		
		.intro-boxes{
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content:center;
			-ms-flex-pack: center; 
			justify-content:center;
			flex-wrap:wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
		}
		.intro{
			flex:1 1 20%;
			margin:0.2rem;
		}
		.intro p{
			padding:0.1rem 15%;
			text-align:justify;
		}
			

		/*
			B3.2 About page
		*/

		.quote{
			flex:1 1 21%;
		}
		.about-us{
			align-items:center;
			-webkit-align-items: center;
			-ms-flex-align: center;
		}
		
		/*
			B3.3 Services page
		*/
		.services-map{
			align-items:center;
			-webkit-align-items: center;
			-ms-flex-align: center;
		}
		.services-map>div{
			width:40%;
			flex:0 1 40%;
			-ms-flex:1 1 40%; 
			-webkit-flex: 1 1 40%;
		}
		.services-map>img{
			width:40%;
			flex:1 1 40%;
			-ms-flex:1 1 40%; 
			-webkit-flex: 1 1 40%;
		}
		.price-box{
			margin:0;
			padding:0.01rem;
		}
		

		/*
			B3.4 Partners page
		*/
		.partners-boxes{
			-webkit-align-items:center;
			-ms-flex-align:center;
			align-items:center;
		}
		.partner-box{
			width:21%;
			flex:1 1 21%;
			-ms-flex:1 1 21%; 
			-webkit-flex: 1 1 21%;
			margin:0.5rem;
		}

		/*
			B3.5 Contact page
		*/
		
		.contact-text{
			width:40%;
		}
		.contact-text p{
			margin-left:0.3rem;
		}
		.contact-form{
			display:flex; 
			display: -ms-flexbox; 
			display: -webkit-flex;
			flex-wrap:wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-direction:column; 
			-ms-flex-direction: column; 
			-webkit-flex-direction: column;
			align-items:flex-end;
			margin-left:15%;
		}

		#s1, #r1{
			margin:0 30%;
		}
		#check1{
			margin-left:15%;
		}
		input, textarea {
			width:auto;
		}

		#submit1, #reset1{
			width:auto;
		}
		#response1{
			width:70%;
		}

}

/* 
	C. Desktops laptops and other bigger screens 
	
*/

@media screen and (min-width: 1280px){
	
			.footer-img>img{
				max-height:120px;
			}

}

/*js class---------------------------------------------------------------------------------------*/

.hide{
	display:none;
}