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

.kirakat_main_box {
	background-color:#D8E8EE;
	padding-top:50px;
	padding-bottom: 40px
}

.szalag_main_box {
	background-color:#C2E2D7;
	padding-top:50px;
	padding-bottom: 40px
}

.eloresorolas_main_box {
	background-color:#EAE5D1;
	padding-top:50px;
	padding-bottom: 40px
}

.head_text {
	color:#2B4156;
	font-size:36px;
	font-family: 'BerlinSans';
	text-align:center;
	padding-top:50px;
	padding-bottom:0px;
	background-image:url(../elements/head_text_white_shadow.png);
	background-repeat:no-repeat;
	background-position:center;
}

.head_text span { font-family: 'BerlinSansBold';}
.head_text p span:first-child { color:#ff7330; }
#h_text { display:block; }

#feature_info_box1 { position:relative; }
.zsozso_kirakaton {
	position:absolute;
	background-image:url(../elements/zsozso_kirakaton.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:158px;
	height:140px;
	right:0px;
	top:-118px;
}

.top_menu {
	text-align:center;
	font-size:14px;
	color:#676767;
	font-family:'Arial';
	margin-top: 20px;
}

.top_menu b { font-weight:bold; }
	

.feature_example_box {
	background-color:#E9E9E9;
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
	border: 10px solid #fff;
	border-left: 10px solid #fff !important;
	float:left;
	width:65%;
	position:relative;
}

.feature_info_box {
	background-color:#fff;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	border: 10px solid #fff;
	padding:20px;
	padding-bottom: 0px;
	font-size:12px;
	line-height:150%;
	float:right;
	width:35%;
}

.feature_info_box h1 {
	font-family: 'BerlinSansBold';
	color:#2B4156;
	text-align:center;
	font-size:28px;
	margin-top:10px;
	margin-bottom:25px;
}

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


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


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

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

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


.feature_info_box b { font-weight:bold; }

.price { font-size:14px; text-align:center; padding-top: 20px; }
.price span { font-size:28px; color:#ff7330; font-weight:bold; }

.eloresorolas_selector {
	text-align:center;
}

#egyszeri {
	width: 65px;
    text-align: center;
	display: inline-block;
}

#eloresorolas_sepa {
	width: 10px;
    text-align: center;
	display: inline-block;
}

#automatikus {
	width: 110px;
    text-align: center;
	display: inline-block;
}

.selected {
	padding: 8px 12px;
    background-color: #57b4cd;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
}

.selected:hover { background-color: #385169; }

.hide { display:none; }

#eloresorolas_spike {
	height:10px;
	background-image:url(../elements/eloresorolas_spike_ret.png);
	background-size:auto 100%;
	margin-top:2px;
	margin-bottom:10px;
}
.egyszeri_spike { background-position: calc(50% - 11px); }
.automatikus_spike { background-position: calc(50% + 106px);}

.selector_sepa { color:#676767; font-weight:normal; }

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

.user_report { line-height:150%; font-style:italic; opacity:0; }
.user_report span { color:#A2A2A2; }

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

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

.shipping_circle { 
	width:70px;
    height:70px;
    color:#2B4156;
    /* background-color:#496783; */
    border-radius:75px;
    text-align:center;
    position:absolute;
    left:calc(50% - 32px);
    top:-36px;
    /* box-shadow:8px 13px 38px 3px rgba(0, 0, 0,0.30); */
}

.shipping_circle i { font-size: 42px; margin-top: 2px; opacity:0; }
#scroll_keypont4 span { color:#A6C666; }

.shipping_box { background-color:#FFF; position:relative; padding-bottom: 60px;}

.shipping_box h2 {
	text-align:center;
	font-family: 'BerlinSansBold';
	font-size:36px;
	padding-top: 40px;
	padding-bottom:40px;
}

.shipping_left_block {
	width:50%;
	float:left;
	box-sizing:border-box;
	border-right:1px solid #e6e6e6;
	text-align:center;
}

.shipping_right_block {
	width: 50%;
    float: left;
	display:border-block;
	text-align:center;
}

.shipping_title {height:75px; margin-top:35px; opacity:0; }

/* .haztol_hazig, .haztol_hazig_xxl { height: 270px; margin-top:35px; margin-bottom:10px; opacity:0;} */

.haztol_hazig {
	max-width: 330px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 10px;
    opacity: 0;
}

.haztol_hazig_xxl { margin-left:10px; display: none; }

.tp_pontok {height:230px; margin-top:30px; margin-bottom:50px; opacity:0; }

.shipping_btn { width:140px !important; opacity:0; }



/* Animációval kapcsolat. */
#elado_fenykepezo_kirakat1 { opacity:0; }

@keyframes move_up {
  0%   { bottom:135px; opacity:1; }
  100% { bottom:270px; opacity:1; }
}

@keyframes move_down {
  0%   { bottom:270px; opacity:1; }
  100% { bottom:135px; opacity:1; }
}

.go_up {
	animation-name: move_up !important;
	animation-duration:1s !important;
	animation-timing-function:ease;
	animation-delay:0.5s !important;
}

.go_down {
	animation-name: move_down !important;
	animation-duration:1s !important;
	animation-timing-function:ease;
	animation-delay:0.5s !important;
}

.elado_fenykepezo2 {
	background-image:url(../elements/elado_fenykepezo.png);
	background-repeat:no-repeat;
	background-size:100%;
	width: 470px;
    height: 115px;
    position: absolute;
    bottom: 135px;
	opacity:0;
}

.elado_mosogep2 {
	background-image:url(../elements/elado_mosogep.png);
	background-repeat:no-repeat;
	background-size:100%;
	width: 470px;
    height: 115px;
    position: absolute;
    bottom: 270px;
	opacity:0;
}

.listing_container {
	width:470px;
	height:385px;
	position:absolute;
	left:calc(50% - 235px);
	top:calc(50% - 192px);
}

.full_box.apps {
	background: white;
}

/* Responzive állítás */
.feature_xsm_example {
	margin-top:20px;
	font-size:12px;
	font-weight:bold;
	color:#336699;
	cursor:pointer;
	height: 25px; 
	overflow: hidden;
}
.feature_xsm_example img { width:100%; margin-top:10px;}

.xsm_example_display {height: 100%; }

@media screen and ( max-width: 860px )
{
	.shipping_left_block  { border-right: none; width: 100%; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}
	.shipping_right_block { width: 100%; }
	.haztol_hazig_xxl	  { margin-left: 0px; }
}


@media screen and ( max-width: 820px )
{
	.listing_container { width:350px; left: calc(50% - 175px); overflow:hidden; }
	.feature_info_box { width: 40%; }
	.feature_example_box { width: 60%; }
	.head_text { padding-top: 70px!important; padding-bottom:45px!important;}
	
	.elado_fenykepezo_szalag { 
	background-image:url(../elements/elado_fenykepezo_szalag_sm.png) !important;
	background-size: 353px !important; }
}

@media all and (max-width: 800px) {
	.feature_example_box { display:none; }
}

@media screen and ( min-width: 680px )
{
	.feature_xsm_example { display:none; }
	
}

@media screen and ( max-width: 680px )
{
	.listing_container { width:350px; left: calc(50% - 175px); overflow:hidden; }
	
	.feature_info_box { 
	width: 100%; 
	border-radius: 18px;
	}
}


@media screen and ( max-width: 590px )
{
	
	.head_text { padding-top: 70px!important; padding-bottom:80px!important;}
	.xsm_fix   { border-left: 0px; width: 100%; margin-bottom: 40px; }
	.top_menu  { display:none; }
	
}

@media screen and ( max-width: 360px )
{
	.tp_pontok { width:100%; height: auto; }
	
}

@media screen and ( max-width: 360px )
{
	.zsozso_kirakaton { display:none; }
}