@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Coustard:400,900';
/* CSS */

.header {
    position: fixed;
    z-index: 9;
    box-shadow: 0px 9px 50px -1px rgba(122, 131, 134, 0.16);	
}


.head_crea_box
{
	background-color:#e0f1f5;
	font-size:48px;
	text-align:center;
	background-image:url(../elements/head_bg_light.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top:65px;
	background-size:100%;
}

.head_text
{
	padding-top:120px;
	font-family:'BerlinSansBold';
	padding-bottom:60px;
	position:relative;
	overflow:visible;
	max-width: 600px;
	padding-left:20px;
	padding-right:20px;
    margin: 0 auto;
	animation: bounceInDown 1s forwards;
}

.head_text span
{
	animation: head_text_colorchange 0.5s forwards;
	animation-delay:1.4s;
}

@keyframes head_text_colorchange {
  100% { color:#becb49; }
  
}

#head_text_pin
{
	display:block;
	position:absolute;
	width:42px;
	height:58px;
	background-image:url(../elements/head_text_pin.png);
	background-repeat:no-repeat;
	background-size:100%;
	top: 24%;
    right: 15%;
	z-index:2;
	animation: bounce 1s forwards;
	animation-delay:1s;
	opacity:0;
}

.crea 
{
	position:relative;
	height:350px;
	width:100%;
	overflow:hidden;
}


#circle_city
{
	display:block;
	position:absolute;
	width:673px;
	height:680px;
	background-image:url(../elements/circle_city.png);
	background-size:100%;
	background-repeat:no-repeat;
	top:15px;
	left: calc(50vw - 164px);
	animation: bounceInUp 1s;
	
}

.circle_city_anim2
{
	animation: city_spin 160s linear infinite !important;
}


@keyframes city_spin {
    0% { transform: rotate(0deg); animation-delay:2s; }
    100% { transform: rotate(360deg); }
}


#circle_city_text
{
	display:block;
	position:absolute;
	width:300px;
	height:94px;
	background-image:url(../elements/circle_city_text.png);
	background-repeat:no-repeat;
	background-size:100%;
	bottom:10%;
	left: calc(50vw + 20px);
	opacity:0;
	animation: bounceInUp 1s forwards;
	animation-delay:1s, 1ms;
}

#head_bubble
{
	display:block;
	position:absolute;
	width:243px;
	height:186px;
	background-image:url(../elements/head_bubble.png);
	background-repeat:no-repeat;
	background-size:100%;
	top:15px;
	left: calc(50vw - 235px);
	z-index:2;
	animation-delay:2s;
}

#head_zsozso
{
	display:block;
	position:absolute;
	width:357px;
	height:279px;
	background-image:url(../elements/head_zsozso.png);
	background-repeat:no-repeat;
	background-size:100%;
	top:20%;
	left: calc(50vw - 470px);
	z-index:3;
	animation: bounceInLeft 1s forwards;
}

.about_tp
{
	background-color:#fff;
	line-height:160%;
	padding-bottom:35px;
}

h2 {
	font-size:28px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
	margin-bottom:60px;
	line-height:140%;
}


.about_tp i
{
	font-size:50px;
	float:left;
	margin-right:20px;
	color:rgba(98, 154, 168, 0.36);
}

.about_tp i:after
{
	  content: ""; 
	  clear:both;
}

.t_borad
{
	position:relative;
}

.about_tp_p_cor
{
	padding-top:20px;
}

.about_tp h2
{
	margin-bottom:40px;
}


#top_board
{
	display:block;
	position:absolute;
	width:141px;
	height:148px;
	background-image:url(../elements/top_board.png);
	background-repeat:no-repeat;
	top:0px;
	left: 0px;
	background-size:100%;
}

.top_board_anim
{
	animation: rubberBand 1s;
	animation-delay:1.6s;
}

.tp_places
{
	background-color:#e0f1f5;
	text-align:center;
	overflow: hidden;
}

.tp_places h2 {
	color:#629aa8;
	margin-bottom:60px;
}

.tp_place {
	width:215px;
	background-color:#fff;
	padding:10px;
	padding-top:160px;
	line-height: 140%;
	background-image:url(../elements/tp_westend.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	border-radius: 8px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 9px 50px -1px rgb(174, 203, 211);
    -moz-box-shadow: 0px 9px 50px -1px rgb(174, 203, 211);
    box-shadow: 0px 9px 50px -1px rgb(174, 203, 211);
}

.tp_place_margn_dif {margin-top: 35px;}
.tp_place_margn_correct {margin-bottom: -55px;}

.tp_place a {
	font-weight:bold;
	font-size:16px;
}

.tp_place_btn {
	max-width:none;
	width: calc(100% - 40px) !important;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
}

.tp_places_city_line {
	width:100%;
	background-color:#accbd3;
	height:18px;
}

#tp_places_city {
	max-width:940px;
	height:60px;
	margin:0 auto;
	background-size:auto 100%;
	background-image:url(../elements/city.png);
	background-repeat:no-repeat;
	background-position:center;
	opacity:0;
	margin-bottom:-1px;
	margin-top: 60px;
}


.us {
	background-color:#2b4155;
	color:#fff;
	padding-top:20px;
}

.us h2  { color:#fff; margin-bottom:45px;}

.us_ic {
	font-family: 'Coustard', serif;
    font-weight: 400;
	line-height:152%;
    background-color: #344a5f;
    color: #accbd3;
    border-radius: 200px;
    font-size: 64px;
    height: 60px;
    text-align: center;
    width: 60px;
    position: absolute;
    left: calc(50% - 20px);
    top: -30px;
}

.comment_box { position:relative; padding-bottom:75px; }

.us_comment {
	max-width: 700px;
	margin:0 auto;
	font-family: Arial,sans-serif;
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	line-height:140%;
	padding: 20px 30px;
	border-bottom:1px dashed #465c70;
}

.us_comment  span { 
	color:#b4c9dc;
}

.tp_spike {
	margin: 0 auto;
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 10px solid #fff;
}


.tp_place_pin {
	text-align:center;
	margin-top:20px;
	color:#becb49;
	font-size:44px !important;
	opacity:0;
}

#tp_place_box1, #tp_place_box2, #tp_place_box3 {opacity:0;}
#us_comment1, #us_comment2, #us_comment3 {opacity:0;}
#about_tp_fade {opacity:0;}
#tp_place_head_txt_fade {opacity:0;}

.modal h3 {
	font-size:18px;
	font-weight:bold;
}

.modal p {
	font-size:14px;
	margin-bottom:15px;
}

.modal B {
	font-weight:bold;
}

.modal span {
	color:#ff7330;
}



/* Helyszín doboz */
.place_box {
	background-color:#fff;
	padding: 30px;
	text-align:left;
	border-radius: 5px;
}

.place_box h3 {
	font-size:20px;
	font-weight:bold;
	margin-bottom: 6px;
}

.place_box span {
	font-size:14px;
	color:#95989A;
}

.place_btn { 
	float: right;
    margin-top: -30px;
    font-size: 14px;
    font-weight: bold;
    background-color: #B1C63D;
    text-align: center;
    padding: 8px 15px;
	padding-top:11px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    border: 0px;
    margin-bottom: 15px;
    display: inline-block;
}

.place_btn:hover { background-color:#A3B731; }

.place_btn i { vertical-align: middle; font-size:21px; margin-right:5px; }

.tp_img {
	width:100%;
	height:145px;
	color: #fff;
	background-image:url(../elements/tp_westend_front.jpg);
	background-size: cover;
	margin-bottom:20px;
}

.opening {
	width:200px;
	height:145px;
	background-image:url(../elements/tp_img_overlay.png);
	background-repeat:no-repeat;
	background-size: auto 100%;
    background-position: left -30px top 0px;
	box-sizing: border-box;
    padding-left: 20px;
    line-height: 140%;
    padding-top: 40px;
}

.faliujsag { line-height:140%; }



/* Akció doboz */
/* Akció doboz */
.akcio_box {
	background-color:#D8EBEF;
	padding: 30px;
	text-align:left;
	line-height:140%;
	border-radius: 5px;
}

.akcio_box h3 {
	color: #629aa8;
	font-size:20px;
	font-weight:bold;
	margin-bottom: 15px;
	text-align:center;
	padding-bottom:15px;
	border-bottom:1px solid #C0D8DD;
}

.jofogasok_boltja {
	line-height:140%;
	margin-top:20px;
}

.jofogasok_boltja img { width:265px; }

#left_arrow { 
	position:absolute; 
	left:0px; 
	height: 250px;
	cursor:pointer;
	z-index:2;
	background-color: #2b4155;
	box-sizing:border-box;
	padding-top: 110px;
}

#right_arrow { 
	position:absolute; 
	right:0px; 
	height: 250px;
	cursor:pointer;
	z-index:2;
	background-color: #2b4155;
	box-sizing:border-box;
	padding-top: 110px;
}

.inactive_arrow { color:rgba(255, 255, 255, 0.5); }

.main_item_box { 
	width:2000px; 
	position:absolute; 
	left:20px;
	transition: left 1s;
}

.item_wrapper { 
	overflow:hidden; 
	height:250px; 
	position:relative; 
	width: calc(100% - 20px); 
}

.ad_box { position:relative; overflow:hidden; }
.ad_box i { font-size:40px; }

/* Átvehető termékek doboz */
.item_box {
	width:180px;
	padding:15px;
	background-color:rgba(255,255,255,0.07);
	text-align:center;
	color:#fff;
	border-radius: 5px;
	line-height:140%;
	float:left;
	margin-right:15px;
}

.txt_wrapper { height:50px; display:block; }

.price { font-size: 24px; font-weight:bold; margin-top:15px; margin-bottom:15px; }
	
.item_box a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

.item_box_img { width: 100%; height:110px; background-size:cover; margin-bottom:10px; }

.stat_box { background-color:#203448; padding-top:10px; padding-bottom:20px; margin-top:30px; }

.stat_item { text-align:center; line-height:150%; padding-top: 30px; opacity: 0; }
.stat_item span { font-family: 'Open Sans', sans-serif; font-size:48px; font-weight:300; position:relative; }
.stat_item p { margin-top:10px; }

.stat_circle { 
	width:28px;
	height:28px;
	position:absolute;
	right:-10px;
	top:-5px;
	border-radius:30px;
	background-color:#B1C63D;
	color:#fff;
	text-align:center;
}

.stat_circle i { font-size: 14px; margin-top:6px; }
.stat_circle { font-size:16px; }



.mark1 { background-image:url(../elements/idezojel1.png); width:51px; height:60px; position:absolute; top:-50px; left:25px; background-size: 100%; }
.mark2 { background-image:url(../elements/idezojel2.png); width:51px; height:110px; position:absolute; bottom:30px; right:25px; background-size: 100%; }

.images_box {
	background-color:#E0F1F5;
}

.images_box h2 { color:#638D9A; padding-top: 30px; margin-top: 0px; }



.westend_modal_img {
	width: 100%;
}

.modal_address {
	margin-top: 20px;
	line-height: 160%;
}

.modal_address p { color: rgba(0,0,0,0.50); }

.head_info_txt {
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
}

.head_info_txt i {
	vertical-align: middle;
	margin-top: -4px;
}

.head_info_txt i:first-child {
	color:#C0CA32;
}

.head_info_txt i:last-child {
	color:#19BCD4;
	margin-left: 15px;
}

.head_info_txt br {
	display: none;
}

.jtp_iframe {
	width: 100%;
	height: 350px;
}

.opening_box {
	padding: 10px 16px;
	background-color: #F0F0F0;
	margin-top: -4px;
	margin-bottom: 20px;
	text-align: center;
}


/* Változások 800px alatt */
@media screen and ( max-width: 800px )
{
	.ai 		{width:32px; height:32px; overflow:hidden; margin-top:11px;}
	#add_circle {font-size:32px;}
	
	#circle_city_text {display:none;}
	#circle_city {top:20%;}
	#head_bubble {left: calc(50vw - 80px);}
	#head_zsozso {left: calc(50vw - 260px);}
	.sm_fix {border-left:0px !important;}
	.modal p { margin-top: 15px; }
	.akcio_box { margin-top: 20px; }
}

/* Változások 790px alatt */
@media screen and ( max-width: 790px )
{
	.sm_fix {width:100%;}
	.tp_place_margn_dif {margin-top:0px;}
	.tp_place {margin-top:20px;}
	.tp_spike {display:none !important;}
	.tp_place_pin {display:none !important;}
	.tp_place_margn_correct {margin-bottom:-20px;}
}

/* Változások 730px alatt */
@media screen and ( max-width: 730px )
{
	.modal img {width:100%; margin-bottom:15px;}
	.modal h2  {font-size:22px; margin-bottom:0px;}
}


/* Változások 600px alatt */
@media screen and ( max-width: 600px )
{
	.xsm_cor {width:100%; border-left:0px !important;}
	#head_text_pin {display:none;}
	.head_info_txt br { display:block !important; }
	.head_info_txt i { display:none; }
	.head_info_txt { line-height: 160%; }
}

/* Változások 450px alatt */
@media screen and ( max-width: 450px )
{
	#head_bubble {display:none;}
	#head_zsozso {left: calc(50vw - 260px);}
	.head_text {padding-top:30px; padding-bottom:0px;}
	h2 {margin-bottom:20px !important;}
	.br_f { display:block; padding:2px; }
	.place_btn { float: left; margin-top: 15px; box-sizing: border-box; width: 100%; }
	.stat_item { width: 100%; margin-top: 15px; margin-bottom: 15px; border-left:0px; }
	.mark1 { left: 15px; top: -20px; }
	.mark1, .mark2 { width: 40px; }
	.images_box iframe { width: 250px !important; margin-left: calc(50% - 125px); }
	.m_content { height: 240px;}
	
}