@charset "UTF-8";
body { padding:0px; 
		margin:auto; 
		font-family:"Trebuchet MS", sans-serif; 
		font-size:13px; 
		line-height:1.35em; 
		color:#50504f; 
    height:100%;
		background:url(../img/gif/bg-header-496.gif) center top repeat-x !important; }
html { height:100%; }
img { border:none; }
p { padding:0px; margin:0px; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

a { color:#01478e; text-decoration:none; }
a:hover { color:#50504f; text-decoration:none; }

.header1 { color:#565655; font-size:25px; }
.header2 { color:#565655; font-size:18px; }
.header3 { color:#565655; font-size:16px; }

#pageHeaderTop { position:relative; float:left; width:100%; height:76px; }
#pageHeaderTop #pageHeaderTop-Center { position:relative; text-align:left; margin:auto; width:1100px; left: 0 !important; z-index:1000; }
#pageHeaderTop-Center #headerContent { position:relative; float:left; width:1100px; height:76px; }
#headerContent #logo { position:absolute; left:0px; top:0px; z-index:2000; }
#headerContent #menuRoot { position:absolute; right:0px; top:0px; z-index:1000; }

#imageHeader { position:relative; float:left; width:100%; height:407px; }
#imageHeader #imageHeader-Center { position:relative; text-align:left; margin:auto; width:1100px; left: 0 !important; z-index:100; }
#imageHeader-Center #imageHeaderContent { position:relative; float:left; width:1100px; height:407px; }

#pageMiddle { position:relative; float:left; width:100%; z-index:999; }
#pageMiddle #pageMiddle-Center { position:relative; text-align:left; margin:auto; width:1100px; left: 0 !important; z-index:100; }
#pageMiddle-Center #contentContainer { position:relative; float:left; width:1100px; }
#contentContainer #contentLeft { position:relative; float:left; width:710px; padding:15px 20px 20px 20px; }

#contentLeft .simpleText { position:relative; float:left; width:100%; font-weight:300; z-index:2000; margin:0 0 30px 0; }
.simpleText h1, 
.simpleText h2 { margin:8px 0 35px 0; padding:0px; color:#01478e; font-size:30px; font-weight:400; text-transform:uppercase; line-height:1.2em; }
.simpleText ul { margin:0 0 0 30px; padding:0px; }
.simpleText li { list-style-image:url(../img/gif/li.gif); margin:0; }

#contentLeft .multipleText { position:relative; float:left; width:100%; font-weight:300; }
#contentLeft img {
	max-width:100%;
	height:auto;
}


.phone {
    position:relative;
    float:left;
    background-color:#009fe3;
    width:100%;
    padding:15px 0 15px 0;
    text-align:center;
}

.phone a {
    color:#fff;
    font-size:25px;    
}

.simpleText #gallery { position:relative; float:left; width:100%; }

.simpleText .listProduct { position:relative; float:left; width:210px; margin:0 5px 0 0; }
.listProduct .listProduct-image	{ position:relative; float:left; width:210px; height:93px; }
.listProduct .listProduct-title	{ position:relative; float:left; width:210px; }
.listProduct-title h3 { margin:10px 0 0 1px; padding:0px; font-size:18px; color:#343434; font-weight:300; }

.simpleText #map-canvas { position:relative; float:left; width:100%; height:350px; margin-bottom:20px; }
.simpleText #control { position:relative; float:left; width:100%; }
.simpleText #results { position:relative; float:left; width:100%; }
#results #directions-panel { width:100%; }

#control .inputContainer { position:relative; float:left; margin-right:20px; }
#control label { display:block; height:20px; font-size:13px; font-weight:300; }
#control input[type=text] { font-size:13px; background:#fff; color:#002935; border: solid 1px #d7d7d7; }

#control input[type=text] { width:190px; padding:5px; height:18px; line-height:15px; }
#control select { width:203px;  height:28px; }
#control textarea { padding:5px; width:410px; height:110px; }

#control input:hover,
#control textarea:hover { background:#fff; border: solid 1px #d7d7d7; }

#control input:focus,
#control textarea:focus { font-size:13px; background:#ededeb; border: solid 1px #ededeb; color:#002935; }

#control .button { display:block; width:185px; height:24px; font-size:14px; color:#ffffff; padding-top:6px; margin-top:20px; text-align:center; background-color:#009fe3; }
#control .button:hover { color:#ffffff; background-color:#36bbf4; }

.simpleText .errorContainer { position:relative; float:left; width:100%; display:none; }
.errorContainer ul { margin:0 0 20px 18px; padding:0px; }
.errorContainer ul li { list-style-image:url(../img/gif/li.gif); }
.errorContainer label.error { color:red; }
.simpleText .sendFormMessage { position:relative; float:left; margin-bottom:20px; width:100%; }
.simpleText label { display:block; height:20px; font-size:13px; font-weight:300; margin-top:5px; }
.simpleText input[type=text] { width:190px; padding:5px; height:18px; line-height:130%; }
.simpleText input[type=text],
.simpleText select, 
.simpleText textarea { font-size:13px; background:#fff; color:#002935; border: solid 1px #d7d7d7; }

.simpleText input[type=submit] { font-size:14px; width:95px; height:32px; line-height:130%; padding:0px 15px 0px 15px; border: solid 1px #009fe3; background-color:#009fe3; color:#ffffff; }
.simpleText input[type=reset], 
.simpleText input[type=button] { font-size:14px; width:129px; height:32px; line-height:130%; padding:0px 15px 0px 15px; border: solid 1px #009fe3; background-color:#009fe3; color:#ffffff; }

.simpleText input[type=submit]:hover { font-size:14px; width:95px; height:32px; line-height:130%; padding:0px 15px 0px 15px; color:#ffffff; background-color:#36bbf4; border: solid 0px #36bbf4; } 
.simpleText input[type=reset]:hover, 
.simpleText input[type=button]:hover { font-size:14px; width:129px; height:32px; line-height:130%; padding:0px 15px 0px 15px; color:#ffffff; background-color:#36bbf4; border: solid 0px #36bbf4; }

#travelButton input[type=submit] { font-size:12px; height:22px; line-height:130%; padding:0px 15px 0px 15px; border: solid 1px #d8f3ff; background-color:#d8f3ff; color:#01478e; }
#travelButton input[type=submit]:hover { height:22px; line-height:130%; padding:0px 15px 0px 15px; color:#ffffff; background-color:#01478e; border: solid 1px #01478e; } 

.simpleText .listImage { position:relative; float:left; width:135px; height:97px; margin:0 7px 6px 7px; border:3px solid #009fe3; }
.simpleText .listImage .listImage-image { position:relative; float:left; width:132px; height:97px; z-index:999; }

.listFlat { position:relative; float:left; text-align:left; padding:4px 1.5% 4px 1.5%; width:96%; background-color:#d6eef8; margin:5px 0 1px 0; }
.listFlat .listFlat-image { position:relative; float:left; width:188px; height:124px; }
.listFlat .listFlat-title { position:relative; float:left; width:450px; height:30px; margin-left:10px; }
.listFlat-title h3 { margin:3px 0; padding:0px; color:#01478e; font-size:16px; font-weight:normal; letter-spacing:0.05em; }
.listFlat .listFlat-description { position:relative; float:left; width:450px; margin-left:10px; }
.listFlat .listFlat-price { position:absolute; right:15px; bottom:5px; text-align:right; height:25px; font-size:16px; color:#01478e; font-weight:normal; letter-spacing:0.05em; }
.simpleFlat .flatDetailLink { position:relative; float:left; width:100%; height:23px; background-color:#d6eef8; }
.flatDetailLink .flatDetailLink-link { position:relative; float:left; padding:2px 20px 0 20px;  height:21px; background-color:#d6eef8; text-align:center; }
.simpleText .flatDetail { position:relative; float:left; width:100%; padding:15px 0 5px 0; margin-bottom:25px; display:none; }





#contentRight .listMenuBlockRight-Headline { position:relative; float:left; width:240px; padding:6px 0 0 10px; height:26px; margin-bottom:20px; }
.listMenuBlockRight-Headline h2 { margin:0px; padding:0px; font-size:25px; font-weight:300; }
.listMenuBlockRight-Headline a { color:#343434; font-size:25px; text-decoration:none; }
#contentRight ul { margin:0 0 0 17px; padding:0; }
#contentRight li { list-style-image:url(../img/gif/li.gif); }
#contentRight li a { color:#50504f; text-decoration:none; font-size:14px; }
#contentRight li a:hover { color:#01478e; } 

#contentRight .simpleText { position:relative; float:left; width:205px; padding:10px 20px 35px 20px; margin:1px 0; }
.bg01 { background-color:#c8daeb; }
.bg02 { background-color:#eeeeee; }
#contentRight .simpleText h2 { margin:20px 0 10px 0; padding:0px; font-size:18px; color:#565655; }
#contentRight #subMenu { position:relative; float:left; width:100%; padding:0 0 25px 0; border-bottom:2px solid #009fe3; }
#subMenu ul { margin:0 0 0 13%; padding:0px; } 
#subMenu h2 { margin:20px 0 10px 0; padding:0px; font-size:18px; color:#565655; } 
#subMenu li a.selectedSub { color:#01478e; }

#contentRight .simpleText a.button { display:block; padding:10px 0 10px 0; width:200px; text-align:center; background-color:#256db3; color:#ffffff; }
#contentRight .simpleText a:hover.button { background-color:#2b7ecf; color:#ffffff; } 

#contentRight #travel { position:relative; float:left; width:80%; padding:15px 10% 15px 10%; background-color:#009fe3; }
#travel input[type=text] {
       float:left; 
       height:25px; 
       width:100%; 
       margin:2px 0 2px 0; 
       background-color:#d8f3ff; 
       border:1px solid #d8f3ff; 
       text-align:center;
    }
    
    #contentRight #travel input[type=submit] { 
        position:relative; 
        float:left; 
        width:100.7%;
        height:25px;
        margin:15px 0 0 0;
        border:1px solid #d8f3ff;
        background-color:#fff; 
    }



#pageBottom { position:relative; float:left; width:100%; background-color:#3dafde; padding:10px 0 25px 0; }
#pageBottom #pageBottom-Center { position:relative; text-align:left; margin:auto; width:1100px; left: 0 !important; z-index:100; }
#pageBottom-Center #contentBottomContainer { position:relative; float:left; width:1100px; }

#pageBottom-Center .bottomText { position:relative; float:left; width:25%; color:#ffffff; }
.bottomText ul { margin:0px; padding:0px; }
.bottomText li { list-style-image:url(../img/gif/li.gif); }
.bottomText li a, .bottomText a { color:#01478e; text-decoration:none; font-size:14px; }
.bottomText li a:hover, .bottomText a:hover { color:#ffffff; }
#menuBottomContainer ul { margin:15px 10px 10px 0; padding:0px; }
#menuBottomContainer li { list-style-type:none; display:block; float:left; margin:0 25px 0 0; }
#menuBottomContainer li a { color:#ffffff; text-decoration:none; }
#menuBottomContainer li a:hover { color:#b8ec82; }

#bookingBig {
    display:none;
}
#booking a,
#bookingBig a {
    color:#ffffff;
    font-size:25px;
}

@media screen and (min-width: 1100px) {
   	#pageHeaderTop #pageHeaderTop-Center { position:relative; text-align:left; margin:auto; width:1100px; left: 0 !important; z-index:1000; }
	#pageHeaderTop-Center #headerContent { position:relative; float:left; width:1100px; height:200px; }
	
   #menuRoot #cssmenu { 
		position:absolute;
		right:0px;
		top:0px;
		width:710px;
		height:81px;
		z-index:3000;	
	}
	
	#imageHeader #imageHeader-Center { position:relative; text-align:left; margin:auto; width:1100px; left: 0 !important; z-index:100; }
	#imageHeader-Center #imageHeaderContent { position:relative; float:left; width:1100px; height:407px; }
	#imageHeaderContent img {
		width:100% !important;
    	height:100% !important;
    	display:block;	
	}
	
	
	#imageHeaderContent #booking {
        position:absolute;
        left:10px;
        bottom:10px;
        width:180px;
        height:180px;
        z-index: 999999;
    }
	
	#pageMiddle #pageMiddle-Center { position:relative; text-align:left; margin:auto; width:1100px; left: 0 !important; z-index:100; }
	#pageMiddle-Center #contentContainer { position:relative; float:left; width:1100px; }
	#contentContainer #contentLeft { position:relative; float:left; width:705px; padding:15px 20px 20px 20px; }
	#contentContainer #contentRight { position:relative; float:left; width:355px; background-image:url(../img/gif/bg-content-right.gif); background-position:left; z-index:2000; }
	
	
	#contentRight #bookingHeadline {
        position:relative;
        float:left;
        width:100%;
        height:35px;
        background-color:#009fe3;
        z-index: 999999;
        text-align:center;
        padding:15px 0 0 0;
        font-size:20px;
        color:#fff;
        border-bottom: 1px solid #fff;
    }
	
	#pageBottom #pageBottom-Center { position:relative; text-align:left; margin:auto; width:1100px; left: 0 !important; z-index:100; }
	#pageBottom-Center #contentBottomContainer { position:relative; float:left; width:1100px; }
}

@media screen and (min-width: 220px) and (max-width: 1099px) {
	
	body { padding:0px; 
		margin:auto; 
		font-family:"Trebuchet MS", sans-serif; 
		font-size:13px; 
		line-height:1.35em; 
		color:#50504f; 
		background:url(../img/gif/bg-header-496-neu.gif) center top repeat-x; }
	
	#pageHeaderTop { position:relative; float:left; width:100%; height:59px; }
	#pageHeaderTop #pageHeaderTop-Center { position:relative; text-align:left; margin:auto; width:100%; left: 0 !important; z-index:1000; }
	#pageHeaderTop-Center #headerContent { position:relative; float:left; width:100%; }
	
	#headerContent #headerTop {
		position:absolute;
		left:0px;
		top:72px;
	}
	#headerContent #menuRoot { 
		position:absolute; 
		left:0px; 
		top:0px; 
		z-index:3000;
		width:100%;
	}
	
	#imageHeader { position:relative; float:left; width:100%; height:auto; }
	#imageHeader #imageHeader-Center { position:relative; text-align:left; margin:auto; width:100%; left: 0 !important; z-index:100; }
	#imageHeader-Center #imageHeaderContent { position:relative; float:left; width:100%; height:auto; }
	
	#booking {
	    position:absolute;
        right:30px;
        bottom:5px;
        width:130px;
        height:130px;
        z-index: 999999;
	}
	
	#booking img {
	    width:130px;
	    height:auto;
	    z-index: 999999;
	}
	
	#pageMiddle { position:relative; float:left; width:100%; z-index:999; }
	#pageMiddle #pageMiddle-Center { position:relative; text-align:left; margin:auto; width:100%; left: 0 !important; z-index:100; }
	#pageMiddle-Center #contentContainer { position:relative; float:left; width:100%; }
	#contentContainer #contentLeft { position:relative; float:left; width:95%; padding:15px 2.5% 20px 2.5%; }
	#contentContainer #contentRight { position:relative; float:left; width:100%; background-image:none; }
	
	
	#contentRight #bookingHeadline {
        position:relative;
        float:left;
        width:100%;
        height:35px;
        background-color:#009fe3;
        z-index: 999999;
        text-align:center;
        padding:15px 0 0 0;
        font-size:20px;
        color:#fff;
        border-bottom: 1px solid #fff;
    }
	
	#contentRight .listMenuBlockRight-Headline { position:relative; float:left; width:240px; padding:6px 0 0 10px; height:26px; margin-bottom:20px; }
	.listMenuBlockRight-Headline h2 { margin:0px; padding:0px; font-size:25px; font-weight:300; }
	.listMenuBlockRight-Headline a { color:#343434; font-size:25px; text-decoration:none; }
	#contentRight ul { margin:0 0 0 17px; padding:0; }
	#contentRight li { list-style-image:url(../img/gif/li.gif); }
	#contentRight li a { color:#50504f; text-decoration:none; font-size:14px; }
	#contentRight li a:hover { color:#01478e; } 
	
	#contentRight .simpleText { position:relative; float:left; width:205px; padding:10px 20px 35px 20px; margin:1px 0; }
	.bg01 { background-color:#c8daeb; }
	.bg02 { background-color:#eeeeee; }
	#contentRight .simpleText h2 { margin:20px 0 10px 0; padding:0px; font-size:18px; color:#565655; }
	#contentRight #subMenu { position:relative; float:left; width:100%; padding:0 0 25px 0; border-bottom:2px solid #009fe3; }
	#subMenu ul { margin:0 0 0 13%; padding:0px; } 
	#subMenu h2 { margin:20px 0 10px 0; padding:0px; font-size:18px; color:#565655; } 
	#subMenu li a.selectedSub { color:#01478e; }
	
	#contentRight .simpleText a.button { display:block; padding:10px 0 10px 0; width:200px; text-align:center; background-color:#256db3; color:#ffffff; }
	#contentRight .simpleText a:hover.button { background-color:#2b7ecf; color:#ffffff; } 
	
	#contentRight #travel { 
			position:relative; float:left; width:80%; height:140px; padding:15px 10% 15px 10%; 
			background-color:#009fe3;
			z-index:3000; }
	#travel input[type=text] {
	   float:left; 
	   height:35px; 
	   width:100%; 
	   margin:2px 0 2px 0; 
	   background-color:#d8f3ff; 
	   border:1px solid #d8f3ff; 
	   text-align:center;
	}
	
	#contentRight #travel input[type=submit] { 
	    position:relative; 
	    float:left; 
	    width:100.7%;
	    height:35px;
	    margin:15px 0 0 0;
	    border:1px solid #d8f3ff;
	    background-color:#fff; 
	}
	
	#pageBottom { position:relative; float:left; width:100%; background-color:#3dafde; padding:10px 0 25px 0; }
	#pageBottom #pageBottom-Center { position:relative; text-align:left; margin:auto; width:100%; left: 0 !important; z-index:100; }
	#pageBottom-Center #contentBottomContainer { position:relative; float:left; width:100%; }
	#pageBottom-Center .bottomText { position:relative; float:left; width:100%; color:#ffffff; text-align:center; }

	
}

@media screen and (max-width: 600px) {
	#logo img {
		width:200px;
    }
}	

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 0px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding:32px 0 0 0;
  font-size: 14px;
  height:81px;
  letter-spacing:0.02em;
  text-decoration: none;
  width:100px;
  text-align:center;
  color: #ffffff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a {
	color: #ffffff;
	background-color:#009fe3;
} 

#cssmenu > ul > li.active > a {
  color: #009fe3;
}

#cssmenu > ul > li > a.selected {
	background:#009fe3;
}

#cssmenu > ul > li.has-sub > a {
  padding-right:0;
}
#cssmenu ul li.last > a:after,
#cssmenu ul li:last-child > a:after {
  display: none;
}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 250px;
  font-size: 14px;
  background:#009fe3;
  text-decoration: none;
  color: #ffffff;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #575756;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 1099px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
	height:60px;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	background:#01478e;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 97.5%;
	text-align:left;
	margin-left:2.5%;
	padding: 20px 0 20px 0;
  }
  
  #cssmenu > ul > li > a {
  	padding:15px 0 0 0;
	height:50px;
  }
  #cssmenu > ul > li:hover > a {
	color: #ffffff;
	background:none;
  } 
  
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 14px;
    color: #ffffff;
	background:none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #575756;
	background-color:none;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #ffffff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #ffffff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #ffffff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}