body{
    color: #243238;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    text-align: justify;
}

/*region swapimage*/
.swapimage_wrapper[data-type="2"] #swap_image_top,
.swapimage_wrapper[data-type="2"] #swap_image_top #image_container{
    position:relative;
    width: 100%;
    height: 640px;
}

@media only screen and (max-width: 768px) {
    .swapimage_wrapper[data-type="2"] #swap_image_top,
    .swapimage_wrapper[data-type="2"] #swap_image_top #image_container{
        height: 240px;
    }
}

.swapimage_wrapper[data-type="3"] #swap_image_top,
.swapimage_wrapper[data-type="3"] #swap_image_top #image_container{
    position:relative;
    width: 100%;
    height: 240px;
}

@media only screen and (max-width: 768px) {
    .swapimage_wrapper[data-type="3"] #swap_image_top,
    .swapimage_wrapper[data-type="3"] #swap_image_top #image_container{
        height: 120px;
    }
}

/*endregion*/

/*region menu*/
.menu_wrapper{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .menu_wrapper {
        top: 0;
    }
}

.menu{
    position: relative;
    top: 0;
    background-color: #f3f3f3;
    border: 1px solid #e2e3e4;
    border-radius: 20px;
    width: 100%;
    overflow: hidden;
}
.menu > li{
    border-right: 1px solid #e2e3e4;
	width: calc((100% - 174px - 35px - 35px - 35px) / 7);
}

.menu > li > a,
.menu > li > span{
    position: relative;
    display: inline-block;
    padding: 20px 0;
    color: #5c5d5e;
    font-family: "benchninebold";
    font-size: 1.2em;
    text-transform: uppercase;
    width: 100%;
	text-align: center;
}

.menu > li.language{
	width: 35px;
	border-right: none;
}
.menu > li.menu_item_homepage{
	width: 175px;	
}
 
.menu > li.language > a,
.menu > li.language > span{
	padding: 20px 10px;
	float:right;
}
 
 .menu > li.menu_item_homepage a{
	 display: inline-block;
	 width: 100%;
	 height: 50px;
	 background: url('/bundles/csmssite/images/logo.png') no-repeat top center;
	 background-size: contain;
	 top: 6px;
 }
 
 
.menu > li > a:hover,
.menu > li > span:hover {
    text-decoration: none;
    color: #88b8c9;
}

@media only screen and (max-width: 768px) {
	.menu > li{
		width: 100% !important;
	}
	
    .menu > li > a,
    .menu > li > span {
        text-align: center;
    }
}

.menu_item_homepage a{
    background: #88b8c9;
    color: white !important;
    font-size: 2em !important;
    padding: 13px 30px !important;
	
}

.language_hu_flag{
	position: relative;
	display: inline-block;
	width: 16px;
	height: 100%;
	background: url('/bundles/csmssite/images/flag/hu.png') no-repeat center center;
}
.language_en_flag{
	position: relative;
	display: inline-block;
	width: 16px;
	height: 100%;
	background: url('/bundles/csmssite/images/flag/en.png') no-repeat center center;
}
.language_de_flag{
	position: relative;
	display: inline-block;
	width: 16px;
	height: 100%;
	background: url('/bundles/csmssite/images/flag/de.png') no-repeat center center;
}

.navbar-collapse {
    z-index: 1000;
}

.navbar-toggler{
	background: #eee;
}
/*endregion*/

/*region content*/
.article-content{
    position: relative;
    padding: 60px 0 0 0;
}

.homepage_reviews{
    position: relative;
    margin: 30px 0;
    background: #cfdfe5 url('/bundles/csmssite/images/homepage_review_bg.png') repeat-x top left;
    height: 181px;
}

.homepage_reviews:before {
    background: #cfdfe5 url('/bundles/csmssite/images/homepage_review_bg.png') repeat-x top left;
    height: 181px;
    display: block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -99%;
    z-index: -1;
    content: '';
}

.homepage_reviews:after {
    background:  #cfdfe5 url('/bundles/csmssite/images/homepage_review_bg.png') repeat-x top left;
    height: 181px;
    display: block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: -99%;
    z-index: -1;
    content: '';
}
/*endregion*/