

/*------------------------------------------------------------------------------- sppb front edit -------*/

body.site.helix-ultimate.hu.com-sppagebuilder.view-form.layout-edit-iframe .body-wrapper .body-innerwrapper header#sp-header {
    z-index: 1 !important;
}

/*----------------------------------------------------------------- disable coming soon countdown -------*/

.container #coming-soon-countdown {display: none;}


/*-------------------------------------------------------------------------------------------------------*/

body {
  /*color: #777;*/
    line-height: 1.4;
  /*background: #000;*/
}

#sp-main-body {
    padding: 80px 0;
}

.sp-pagebuilder-section-inner.sppb-row,
.sppb-container-inner,
.sppb-row-container {
    position: relative;
    z-index: 9
}


/*------------------------------------------------------------------------------- sppb-row-container -------*/

/*
@media (min-width:576px) {
    .sppb-container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .sppb-container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .sppb-container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .sppb-container {
        max-width: 1290px
    }
}

*/




@media (min-width:1400px) {
    .sppb-row-container {
        max-width: 1320px;
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .sppb-row-container {
        max-width: 1140px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .sppb-row-container {
        max-width: 960px;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .sppb-row-container {
        max-width: 720px;
    }
}

@media (min-width:576px) and (max-width: 767px) {
    .sppb-row-container {
        max-width: 540px;
    }
}

@media (min-width:320px) and (max-width: 575px) {
    .sppb-row-container {
        max-width: 478px;
    }
}


/*----------------------------------------------------------------------------------------------------------*/

#sp-header .sp-module { padding: 2px; }

#sp-header .sp-module .form-control {
    display: block;
	width: 100%;
	height: calc(1.4em + .72rem + 0px);
	padding: .36rem .60rem;
	font-size: .96rem;
	font-weight: 400;
	line-height: 1.2;
	/*color: #b4babf;
	background-color: #222;
	background-clip: padding-box;
	border: 1px solid #525455;*/
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#sp-header .sp-module .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .36rem .60rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

#sp-header .sp-module #login-form .login-greeting {
    margin-bottom: 10px;
}

#sp-header .sp-module form#login-form label.control-label {
    margin-bottom: 0rem;
}

#sp-header .sp-module .sp-module-title { color: #bbb; margin: 0;}
#sp-header .sp-module ul > li > a { color: #646464;}
#sp-header .sp-module ul > li > a:hover { color: #b5b5b5;}

/*----------------------------------------------------------------------------------------- sp-slider -------*/

@media (min-width:1400px) {
    .sp-slider-content-wrap { max-width: 1320px; }
}

@media (min-width:1200px) and (max-width:1399px) {
    .sp-slider-content-wrap { max-width: 1140px; }
}

@media (min-width:992px) and (max-width:1199px) {
    .sp-slider-content-wrap { max-width: 960px; }
}

@media (min-width:768px) and (max-width: 991px) {
    .sp-slider-content-wrap { max-width: 720px; }
}

@media (min-width:576px) and (max-width: 767px) {
    .sp-slider-content-wrap { max-width: 540px; }
    .sppb-col-xs-6 {
		-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }

    .sppb-col-xs-6.sppb-col-sm-6.sppb-col-md-6.image-align-right {
        display: none !important; }
}

@media (min-width:320px) and (max-width: 575px) {
    .sp-slider-content-wrap { max-width: 478px; }
    .sppb-col-xs-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }

    .sppb-col-xs-6.sppb-col-sm-6.sppb-col-md-6.image-align-right {
        display: none !important; }
}



.myslider .sp-slider-content-wrap {
	width: inherit !important;
    margin: 0 auto;
    height: 100%;
	padding: 0 10px;
}
.myslider .sp-slider-content-wrap .sppb-row {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}
.myslider .sp-slider-image-align-right,
.myslider .sp-slider-image-align-left { 
	height: auto;
	width: 100%;
}
.myslider .sppb-col-xs-6.sppb-col-sm-6.sppb-col-md-6 {
        display: flex !important; 
}
.myslider .sp-slider-image-align-left { margin: auto 0 !important;
	height: auto;
	width: 100%;
}
.myslider .slideimage {
    height: auto !important;
    width: 100% !important;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-end;
    margin: 0;
}
.sp-slider .sp-item .sppb-sp-slider-image img, 
 #sp-slider-inner-item img {
    height: auto !important;
	width: 100% !important;
	display: flex;
}
/*.myslider .sp-slider .sp-item img {
	position: absolute;
	height: auto !important;
	width: 100% !important;
	bottom: 0;
}*/
/*.sp-slider-caption-image {
    background-size: auto 100%;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    height: inherit;
    width: inherit;
    bottom: 0;
    position: absolute;
}*/

@media (min-width:768px) and (max-width: 991px){
  .myslider .slideimage {
		width: 150% !important;
  	transform: translateX(-15%) !important;}
}


/*----------------------------------------------------------------------------------------- sp-bottom -------*/


/*.sppb-addon-content ul.latestnews {display: none;}*/

#sp-bottom .sp-module-content .latestnews>li>a>span {
    margin-top: -4px;
    padding-bottom: 4px;
    font-size: 85%;
    color: #5e5e5e;
    border-bottom: 1px solid #444;
}

#sp-bottom ul.social-icons {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    display: inline-block;
    font-size: 22px;
    line-height: 1.6;
}


/*---------------------------------------------------------------------------------------- flex center -------*/

.flexcenter .sppb-row-container { display: flex; }
.flexcenter .sppb-row {justify-content: center;}