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

.hh_head {
	background: rgba(216,232,238,1);
	background: -moz-linear-gradient(top, rgba(216,232,238,1) 0%, rgba(216,232,238,1) 72%, rgba(235,242,245,1) 91%, rgba(235,242,245,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(216,232,238,1)), color-stop(72%, rgba(216,232,238,1)), color-stop(91%, rgba(235,242,245,1)), color-stop(100%, rgba(235,242,245,1)));
	background: -webkit-linear-gradient(top, rgba(216,232,238,1) 0%, rgba(216,232,238,1) 72%, rgba(235,242,245,1) 91%, rgba(235,242,245,1) 100%);
	background: -o-linear-gradient(top, rgba(216,232,238,1) 0%, rgba(216,232,238,1) 72%, rgba(235,242,245,1) 91%, rgba(235,242,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(216,232,238,1) 0%, rgba(216,232,238,1) 72%, rgba(235,242,245,1) 91%, rgba(235,242,245,1) 100%);
	background: linear-gradient(to bottom, rgba(216,232,238,1) 0%, rgba(216,232,238,1) 72%, rgba(235,242,245,1) 91%, rgba(235,242,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e8ee', endColorstr='#ebf2f5', GradientType=0 );
	
	padding-top:80px;
	font-family:'BerlinSans';
	font-size:36px;
}

.hh_head h1 {
	text-align:center;
	color: #ff7330;
}

.hh_head h1 span {
	color:#3E7B9A;
	font-family:'BerlinSansBold';
}

.hh_head p {
	color:#676767;
	font-family:'Arial';
	font-size:14px;
	text-align:center;
	max-width:500px;
	margin:0 auto;
	line-height:140%;
	margin-top:10px;
}

.crea_txt {
	width:440px;
	font-size: 14px;
	font-family:'Arial';
	padding-top: 8px;
    padding-bottom: 8px;
}

.crea_txt h3 {
	font-family:'BerlinSansBold';
	font-size:24px;
	color:#3E7B9A;
}

.crea_txt span {
	color:#3E7B9A;
	font-weight:bold;
}

.head_crea {
	position:relative;
	height:395px;
}

.head_bg_light {
	position:absolute;
	max-width:700px;
	height:255px;
	background-image:url(../elements/head_bg_light.png);
	background-repeat:no-repeat;
	background-size:100%;
	bottom:125px;
	left:calc(50% - 350px);
	opacity:0;
}


.city {
	position:absolute;
	max-width:684px;
	width:calc(100% - 20px);
	height:45px;
	background-image:url(../elements/city.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	bottom:123px;
	left:calc(50% - 342px);
}

.city_line {
	width:calc(100% - 40px);
	height:6px;
	background-color:#ADCBD4;
	position:absolute;
	bottom:117px;
}

.left_door {
	position:absolute;
	width:126px;
	height:245px;
	left:0px;
	bottom:100px;
	background-image:url(../elements/left_door.png);
	background-repeat:no-repeat;
	background-size:100%;
	opacity:0;
}

.right_door {
	position:absolute;
	width:126px;
	height:245px;
	right:0px;
	bottom:100px;
	background-image:url(../elements/right_door.png);
	background-repeat:no-repeat;
	background-size:100%;
	opacity:0;
}

.truck {
	position:absolute;
	width:280px;
	height:257px;
	background-image:url(../elements/truck.png);
	background-repeat:no-repeat;
	background-size:100%;
	bottom:-10px;
	left:36%;
	opacity:0;
	z-index:2;
}

.zsozso {
	position:absolute;
	width:195px;
	height:166px;
	background-image:url(../elements/zsozso.png);
	background-repeat:no-repeat;
	background-size:100%;
	bottom:32px;
	right:11%;
	opacity:0;
}



#hatekony_txt {
	position:absolute;
	left: 92px;
    top: 140px;
	width:200px;
	opacity:0;
	background-image:url(../elements/txt_hide_bg.png);
	background-repeat:no-repeat;
	background-position:left;
}

#kenyelmes_txt {
	position:absolute;
	left: 310px;
    top: 62px;
    width: 270px;
	opacity:0;
}

#biztonsagos_txt {
	position:absolute;
	right: 76px;
    top: 130px;
    width: 174px;
	opacity:0;
	background-image:url(../elements/txt_hide_bg.png);
	background-repeat:no-repeat;
	background-position:right;
}


.user_report_box { background-color:#C2E2D7; }

.user_report_box h2 {
	text-align:center;
	font-family: 'BerlinSansBold';
	font-size:36px;
	color:#5D716A;
	padding-top: 40px;
}

.user_report { line-height:150%; font-style:italic; color:#5D716A; opacity:0; }
.user_report p { color:#9EB9AF; margin-top:15px; }

.user_report_mark {
	font-family: 'Coustard';
	font-size: 100px;
    color: #9EB9AF;
    height: 95px;
	opacity:0;
}

.user_report_mark2 {
	font-family: 'Coustard';
	font-size: 100px;
    color: #9EB9AF;
    height: 95px;
	text-align:right;
	line-height: 0px;
	opacity:0;
}

.hh_details { 
	background-color:#EAE5D1;
	line-height: 150%;
	padding-bottom: 140px;
}

.hh_details_box {
	position:relative;
	margin-top:248px;
	width:48%;
	float:left;
	box-sizing:border-box;
}

.hh_details_box .wrapper {
	background-color:#fff;
	border-radius:8px;
	border-bottom: 3px solid #D3CFC1;
	padding:20px;
	box-sizing:border-box;
	margin-bottom: 20px;
}

.hh_xxl_details_box {
	position:relative;
	background-color:#fff;
	border-radius:8px;
	border-bottom: 3px solid #D3CFC1;
	margin-top:248px;
	width:48%;
	float:right;
	padding:20px;
	box-sizing:border-box;
}

.small_box {
	background-image:url(../elements/box_small.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:245px;
	height:215px;
	position:absolute;
	left:calc(50% - 122px);
	top: -250px;
}

.big_box {
	background-image:url(../elements/box_big.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:334px;
	height:293px;
	position:absolute;
	left:calc(50% - 167px);
	top: -320px;
}

#hh_logo {
	width:230px;
	margin: 0 auto;
    display: block;
	margin-bottom:30px;
	margin-top:20px;
}

.hh_logo {
	height:50px;
	margin: 0 auto;
	display: block;
	margin-bottom:30px;
	margin-top:20px;
}

#hh_xxl_logo {
	width:230px;
	margin: 0 auto;
    display: block;
	margin-bottom:30px;
	margin-top:20px;
}

.kg_icon {
	color:#BEB8A0;
	float:left;
}


.size_icon {
	color:#BEB8A0;
	font-size:45px !important;
	float:left;
}

.hh_details h2 {
	font-family:'BerlinSansBold';
	font-size:24px;
	line-height: 140%;
}

.hh_param_txt_box {
	float:right;
	width:calc(100% - 60px);
}

.hh_details b { font-weight:bold; }

.v_sepa {
	height:1px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#D1CBB0;
}

.s_price {
	/*float:left;*/
	font-weight:bold;
}

.price {
	/*float:right;*/
	font-weight:bold;
	color:#ff7330;
	font-size:24px;
	margin-top: 10px;
    display: block;
}

.create_account {
	padding:8px 25px !important;
	border-radius:5px;
	margin-bottom:0px !important;
	color:#336699;
	border: 1px solid #c5c5c5;
	font-weight:bold;
}

.create_account:hover {
	background-color:#336699 !important;
	border: 1px solid #336699;
}

.go_account {
	padding:8px 25px !important;
	border-radius:5px;
	float:right;
	margin-bottom:0px !important;
	font-weight:bold;
}

.xxl_prices {
	width:100%;
	max-width: 450px;
    margin: 0 auto;
    display: block;
}

#price_details { font-size:10px; line-height:120% !important; padding-top:5px;}

.zsozso_dobozban {
	position:absolute;
	width:210px;
	height:258px;
	left:calc(50% - 105px);
	bottom:-595px;
	background-image:url(../elements/zsozso_dobozban.png);
	background-repeat:no-repeat;
	background-size:100%;
	opacity:0;
}

.promo_box {
	background-color:#2B4156;
	color:#fff;
	padding-bottom:20px;
}

.promo_txt {
	font-size:36px;
	font-family:'BerlinSansBold';
}

.promo_box p span { color:#ff7330; }

.promo_box p {
	line-height:150%;
	margin-top:20px;
}

.price_change_info {
	margin-top: 10px;
}

#scroll_keypont5, #promo_txt_anim { opacity:0; }


.hh_price_cont1 {
	width: 70%;
    height: 40px;
    float: left;
    font-weight: bold;
    color: #FFF;
    background-color: #676767;
    box-sizing: border-box;
    padding: 10px 15px;
    border: 0;
	vertical-align: middle;
	margin-bottom: 10px;
}

.hh_price_cont2 {
	width: 30%;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #ff7330;
    font-size: 24px;
    border: 1px solid #BEB8A0;
    border-left: 0px;
    box-sizing: border-box;
	padding-top: 8px;
	vertical-align: middle;
	margin-bottom: 10px;
}


/* HH Details */
b {
	font-weight: bold;
}

.hh_details_container {
	background-color: #EAF0F2;
}

.hh_box_details {
	background-image: url(../elements/white_blur1.png);
	background-repeat: no-repeat;
	background-position: 50% 45%;
	background-size: 100%;
}

#hh_logo2 {
	width: 230px;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    margin-top: 40px;
}

.hh_details_container h3 {
	font-size: 14px;
	width: 100%;
	max-width: 400px;
	display: block;
	margin: 0 auto;
	color: #767676;
	text-align: center;
	margin-bottom: 80px;
	line-height: 170%;
}

.hh_details_container p {
	width: 100%;
	max-width: 470px;
	color: #767676;
	font-size: 12px;
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	line-height: 170%;
}

.hh_details_container b {
	font-weight: bold;
}

#hh_details_img {
	width: 100%;
	max-width: 770px;
	display: block;
	margin: 0 auto;
}

#hh_details_xsm_img {
	width: 210px;
	display: block;
	margin: 0 auto;
	display: none;
}

.solid_dark_blue_btn {
	width: 100%;
	max-width: 185px;
	border: 1px solid #213345;
	border-radius: 4px;
	color: #213345;
	text-align: center;
	cursor: pointer;
	padding: 10px 20px;
	font-size: 12px;
	margin: 30px auto;
	font-weight: bold;
	box-sizing: border-box;
}

.solid_dark_blue_btn:hover {
	background-color: #213345;
	color: #FFF;
}


.hh_price_container {
	background-color: #FFF;
	text-align: center;
}

.hh_price_container h2 {
    text-align: center;
    font-family: 'BerlinSansBold';
    font-size: 36px;
    color: #213345;
    margin-top: 20px;
	margin-bottom: 40px;
}

.hh_price_container p {
	text-align: center;
	color: #767676;
	font-size: 14px;
}

.hh_price_container p span {
	display: block;
	color: #FF7330;
	font-size: 30px;
	font-family: 'BerlinSansBold';
}

.hh_price_sepa {
	width: 100%;
	max-width: 380px;
	height: 1px;
	margin: 25px auto;
	background-color: #E6E6E6;
}

.orange_btn {
	width: 100%;
	max-width: 185px;
	border-radius: 4px;
	border: 1px solid #FF7330;
	background-color: #FF7330;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	padding: 10px 20px;
	font-size: 12px;
	margin: 30px 0px;
	font-weight: bold;
	box-sizing: border-box;
}

.orange_btn:hover {
	background-color: #FB631B;
}

.reg_text {
	margin-top: 40px;
}


.hh_price_container .solid_dark_blue_btn, .hh_price_container .orange_btn {
	display: inline-block;
	margin-bottom: 40px;
	margin-top: 20px;
}

.hh_price_container .orange_btn {
	margin-left: 20px;
}

.select-style {
    padding: 5px;
    margin:10px 0 15px 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
	position: relative;
	width: 100%;
    box-sizing: border-box;
}

.select-style i {
	position: absolute;
    right: 10px;
    top: calc(50% - 10px);
    font-size: 24px;
    color: #333;
	pointer-events: none;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    color: #676767;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline: none;
}
#glsbs,
#glsbsbuyer,
#glsbsseller {
	position: relative;
	top: -85px;
}
h3.hh_title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.detailed_infos {
	margin: 10px 0;
}

.priceText {
	white-space: nowrap;
}

@media screen and ( max-width: 430px )
{
	.hh_price_cont1 { width: 100%; text-align: center; padding: 10px; }
	.hh_price_cont2 { width: 100%; border: 1px solid #BEB8A0; border-top: 1px; margin-top: -10px; }
}




@media screen and ( max-width: 870px )
{
	.hh_details_box { width:100%; }
	.hh_xxl_details_box { width:100%; }
	.big_box { display:none; }
	.hh_details_box { margin-top: 178px; }
	.zsozso_dobozban { display: none; }
	.hh_xxl_details_box { margin-top: 20px; }
	.zsozso { z-index:2; }
	#kenyelmes_txt { width:220px;}
	.hh_details { padding-bottom: 40px; }
}

@media screen and ( max-width: 870px )
{
	.truck { left:33%; }
}

@media screen and ( max-width: 840px )
{
	#hatekony_txt { left:85px; bottom:48%; top:inherit; }
	#biztonsagos_txt { right:70px; bottom:38%; top:inherit; }
	#kenyelmes_txt { left:calc(50% - 110px); bottom:60%; top:inherit;}
	.truck { display:none; }
	.zsozso { left:39%; bottom:17%; }
}

@media screen and ( max-width: 760px )
{
	#hatekony_txt { left:20px; width:calc(100% - 40px); bottom:40%; top:inherit; background-image:none;}
	#biztonsagos_txt { left:20px; width:calc(100% - 40px); background-image:none; bottom:8%; top:inherit; }
	#kenyelmes_txt { left:20px; width:calc(100% - 40px); bottom:24%; top:inherit;}
	.left_door { width: 106px; height: 210px; bottom:60%; }
	.right_door { width: 106px; height: 210px; bottom:60%;}
	.zsozso { left:40%; bottom:53%; }
	.city { bottom:311px; }
	.city_line { bottom:306px; }
	.head_bg_light { bottom:310px; }
	.head_crea { height:440px; }
}

@media screen and ( max-width: 684px )
{
	.city { left:0%; }
}

@media screen and (max-width: 680px) {
	.onSaleText h3 span { width: 100%; display: block; }
}

@media screen and ( max-width: 600px )
{
	.user_report div { width:100%; border-left: 0px; }
	.user_report p { margin-top:5px; margin-bottom:15px; }
	.city { background-image:url(../elements/city2.png); background-position: center; }
	/* + */ #hh_details_img { display: none; }
	/* + */ #hh_details_xsm_img { display: block; }
	/* + */ .hh_box_details { background-image: none; }
}

@media screen and ( max-width: 445px )
{
	.create_account,
	.go_account{
		width:100% ;
		padding:15px 25px !important;
		float: none;
	}
	.hh_logo {
		height: 40px;
	}
}

@media screen and ( max-width: 433px )
{
	.hh_price_container .orange_btn {
		margin-left: 0px;
		margin-top: 0px;
	}
}

@media screen and ( max-width: 360px )
{
	.user_report div { width:100%; border-left: 0px; }
	.promo_txt { font-size:28px; }
	
	/* + */ .hh_price_container h2, .user_report_box h2 { font-size: 30px; }
}