body{
	margin:0px;
	padding:0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	background:#F1F1F1;
	color:#4a4a4a;
}

header{
	width:100%;
	height:72px;
	background:#fff;
	text-align: center;
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	font-size:18px;
	font-weight: 500;
	border-bottom:2px solid #DCDCDC;
}

header div:first-child{
	text-align: left;
	padding-left:10px;
	
}

header div:nth-child(2){
	text-align: center;
}

header div:nth-child(3){
	text-align: right;
	padding-right:10px;
}


.card-logo{
	display:grid;
	grid-template-columns: auto auto;
	background: #fff;
	height:72px;
	align-items: center;
	border-bottom:1px solid #dcdcdc;
	margin-top:30px;
	align-content: center;
	cursor:pointer;

}

.card-logo div{
	padding-left:10px;
}

.card-logo div:nth-child(2){
	height:72px;
}


.arrow{
	background:url(../img/arrow-down.png) no-repeat center right;

}


.up-dejun-faq{
	background:#fff;
}


.up-cadou-faq{
	background:#fff;
}

.up-cultura-faq{
	background:#fff;
}

.up-vacanta-faq{
	background:#fff;
}

.que{
	display:grid;
	grid-template-columns:auto auto;
	border-bottom:1px solid #d5d5d5;
	align-items:center;
	align-content:center;
	height:52px;
	border-top:1px solid #d5d5d5;
	cursor:pointer;
}

.que div:first-child{
	padding-left:20px;
}

.que .arrow{
	height:52px;
}


.ans{
	padding-top:30px;
	padding-bottom:30px;
	width:90%;
	margin:0px auto;
	display: none;
}


.intrebari{
	display:none;
}


.reccomend{
width:100%;
	margin: 0px auto;
	
}


.reccomend input[type="text"]{
	  width:100%;
	  height:40px;
	  border-bottom:1px solid #d5d5d5;
	  border-top:none;
	  border-left:none;
	  border-right:none;
	  background:transparent;
	  margin-top:10px;

	  display:block;
}


a{
	color:#F59100;
}
.reccomend input[type="submit"]{
	width:100%;
	height:40px;
	background:#F59100;
	color:#fff;
	border-radius:8px;
	border:none;
	font-size: 14px;
}

.reccomend input[type="button"]{
	width:100%;
	height:40px;
	background:#F59100;
	color:#fff;
	border-radius:8px;
	border:none;
	font-size: 14px;
}



.contact{
	display:grid;
	grid-template-columns:15% auto;
	margin-top:20px;
	align-items: top;
}

.contact div:first-child{
	text-align: center;
}

.error{
  padding: 6px;
  background-color: #f44336;
  color: white;
}

.wrapper{
    left: 0px;
    top: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(78,91,89,0.9);
    z-index: 3000;
    display: grid;
    align-items: center;
}

.close{
position: fixed;
right: 5px;
top: 0px;
z-index: 99;
}

html,body{
    	width: 100%;
}



.open{
}



.popDiv{
width:100%;
height:100%;
overflow: auto;
-webkit-overflow-scrolling:touch;
} 

.popup{
border: 2px solid;
background: #fff;
margin: 0px auto;
text-align: center;
height: 190%;
width: 100%;
overflow:scroll !important;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	.contact {
		display:-ms-grid;
		display:grid;
		grid-template-colums: 15% auto;
		-ms-grid-columns: 15% calc(100% - 15%);
		margin-top: 20px;
		-webkit-box-align:top;
		-ms-flex-align:top;
		align-items:top;
	}
	.contact > div:nth-child(1){
		-ms-grid-column: 1;
	}
	.contact > div:nth-child(2){
		-ms-grid-column: 2;
	}

	.card-logo {
		display: -ms-grid;
		-ms-grid-columns: 50% 50%;
		-webkit-box-align: center;
    		-ms-flex-align: center;
        	align-items: center;
		-ms-flex-line-pack: center;
    		align-content: center;
	}
	.card-logo > div:nth-child(1){
		-ms-grid-column: 1;
		padding-top: 20px;
	}
	.card-logo > .arrow {
		-ms-grid-column: 2;
	}
	.que {
		display: -ms-grid;
		-ms-grid-columns: 50% 50%;
		-webkit-box-align: center;
		-ms-flex-align: center;
	        align-items: center;
		-ms-flex-line-pack: center;
		align-content: center;
	}
	.que > div:nth-child(1){
		-ms-grid-column: 1;
		padding-top: 20px;
	}
	.que > div:nth-child(2){
		-ms-grid-column: 2;
	}
}