body{font-family: Arial, Helvetica, sans-serif;} Header{padding-top:1px} body {background-color: rgb(196, 208, 255);} @media only screen and (max-width:767px){body{background-color:black; background-image:none; overflow-x:hidden} } .mobile{display:none!IMPORTANT} @media only screen and (max-width:767px){.pc{display:none!IMPORTANT} .mobile{display:block!IMPORTANT} } /** @media (max-width: 991px) and (min-width: 768px){.pc{display:none!IMPORTANT} .mobile{display:block!IMPORTANT}} **/ .team_social_icons{display:none;} #pt_team-539cce56dbcd7.pt_team { color:#4a5157; }#pt_team-539cce56dbcd7.pt_team .skills { color:#ffffff; }#pt_team-539cce56dbcd7.pt_team .skills .mySkills { color:#ffffff; background-color: rgba(25, 79, 125, 0.8); }#pt_team-539cce56dbcd7.pt_team .skills .mySkills h1 { color:#ffffff; }#pt_team-539cce56dbcd7.pt_team .skills .mySkills .progress { background-color: rgba(25, 79, 125, 0.8); }#pt_team-539cce56dbcd7.pt_team .skills .mySkills .progress-bar { background-image: none; background-color: rgba(25, 79, 125, 0.8); } /*mobile*/ h4{ margin:0px} @media only screen and (max-width:767px){ h4{font-size:15px} } .row{width:990px; min-width:990px} @media only screen and (max-width:767px){.row{min-width:300px}} @media only screen and (min-width: 1220px){.row{width:1220px;}} .indexslide{height: 199px;} @media only screen and (min-width: 1220px){.indexslide{height: 248px;}} .backtop{width: 990px;;} @media only screen and (min-width: 1220px){.backtop{width: 1220px;}} .close_button{width: 24px; margin-right:5px;} .close_button_p{text-align: center; width: 121px; background-color: white; position: fixed; left: 870px; right: 0; padding-bottom: 25px; margin: 0px auto;font-size: 27px;padding: 1px;border-width: 1px; border-style: solid; -webkit-border-radius: 11px; border-radius: 11px; border-color: #BBB; padding: 5px; height: 57px; top: 91px;} @media only screen and (max-width:767px){.close_button_p{left: 270px;}} @media only screen and (min-width: 1220px){.close_button_p{left: 990px;}} .stylefive_row { width: 100%; background-color: white; height: 100%; position: fixed; left: 0px; right: 0; margin: 0px auto; height: calc(100% - 129px); top: 129px; } .iphone_stylefive_row { margin-top: 123px; width: 320px; height: 568px; margin-left: 5px; } .monosocial-facebook:before { content: '\e8cb'; display:none; } .monosocial-twitterbird:before { content: '\e87e'; display:none } .monosocial-youtube:before { content: '\e8db'; display:none } .monosocial-instagram:before { content: '\e8b9'; display:none } .pt_social_icons.pt_social_icons_row .wrapper { width: 25%; height: 170px; float: left; } @media only screen and (min-width: 1220px){ .pt_social_icons.pt_social_icons_row .wrapper {width:25%; height:210px; float:left;} } .nopadding{ padding:0px !IMPORTANT} .nomargin{ margin:0px !IMPORTANT} .gothimg{height:55px; width:90px; display:inline-block; position:absolute; margin-top:14px; margin-left:-90px} @media only screen and (max-width:767px){.gothimg{height:51px; width:80px; display:inline-block; position:absolute; margin-top:13px; margin-left:-80px} } .gothradimg:hover{display:none} .rad_div{width:100%; height:100%; text-align:center; cursor:pointer; background-size:100%; transition:0.4s; -webkit-transition:0.4s; text-transform:uppercase; min-height:139px} @media only screen and (max-width:767px){.rad_div{min-height:112px} } .rad_div:hover{transition:0.4s; -webkit-transition:0.4s} .rad_div:hover img{background-image:url('https://e-Vibe.net/images/PLAY4.png?123')!IMPORTANT; background-size:100%; transition:0.4s; -webkit-transition:0.4s} .rad_div:hover div{background-image:url('https://e-Vibe.net/images/PLAY4.png?123')!IMPORTANT; background-size:100%; transition:0.4s; -webkit-transition:0.4s} .src_flag{height:22px; width:34px; display:inline-block; position:absolute; margin-top:64px; opacity:0.9; margin-left:12px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-top-right-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-top-right-radius:0px; -moz-box-shadow:3px 3px 4px #999; -webkit-box-shadow:3px 3px 4px #999; border:1px solid #C0C0C0; -webkit-box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px} @media only screen and (max-width:767px){.src_flag{height:19px; width:29px; margin-top:60px} } /*.alert-success{margin: 15px;}*/ .genre_category{padding:0px; box-shadow:rgba(0,0,0,0.1) 0px 2px 10px 3px;} .news{background-color:rgba(241,220,180,.2)} .top{background-color:rgba(241,180,180,0.2)} .classic{background-color:rgba(180,236,241,0.2)} .community{background-color:rgba(134,134,134,0.2)} .alternative{background-color:rgba(255,241,184,0.2)} .classical{background-color:rgba(194,208,252,0.2)} .decades{background-color:rgba(255,184,252,0.2)} .poprock{background-color:rgba(255,241,184,0.2)} .soft{background-color:rgba(255,255,255,0.2)} .sports{background-color:rgba(160,255,217,0.2)} .various{background-color:rgba(160,183,255,0.2)} .world{background-color:rgba(255,209,160,0.2)} .radio_cat_title{text-shadow:white 0.1em 0.1em; padding:9px; font-size:15px; padding-bottom:2px; font-weight:bold; color:rgb(49,49,49)} .radimages{-moz-box-shadow:3px 3px 4px #999; -webkit-box-shadow:3px 3px 4px #999; box-shadow:3px 3px 4px #999; width:85px; height:80px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; overflow:hidden; position:relative; background-size:100%} .radimage{background-size:100%; -moz-box-shadow:3px 3px 4px #999; -webkit-box-shadow:3px 3px 4px #999; box-shadow:3px 3px 4px #999; width:90px; height:85px; -webkit-border-radius:15px; border-radius:15px; -moz-border-radius:15px; overflow:hidden; position:relative} @media only screen and (max-width:767px){.radimage{width:80px; height:76px; -webkit-border-radius:0px; border-radius:0px; -moz-border-radius:0px} } .flagimage{background-size:100%; border:1px solid grey; -moz-box-shadow:3px 3px 4px #999; -webkit-box-shadow:3px 3px 4px #999; box-shadow:3px 3px 4px #999; /**height:50px; width:90px; **/height:40px; width:73px} .radsearch{width:60px; margin-right:5px} h2{font-family:tahoma,arial,ms sans serif,verdana; font-size:18pt; color:#000} .headline{font-family:tahoma,arial,ms sans serif,verdana; font-size:11pt; color:#FFF; padding-left:10px; background-color:#000} .headline2{font-family:tahoma,arial,ms sans serif,verdana; font-size:9pt; font-weight:bold; color:#FFF; padding-left:3px; padding-top:3px; padding-bottom:3px; background-color:#C0C0C0} .bodytext{font-family:tahoma,arial,ms sans serif,verdana; font-size:12pt; color:#000} .outlink{font-family:tahoma,arial,ms sans serif,verdana; font-size:9pt; color:#FFF} a:link, a:visited, a:active{/*font-size:11pt;*/ color:#03C; text-decoration:none} a:hover{ color:#000; text-decoration:none} .dotted{border:1px solid #C0C0C0} .dotted3{background-color:white; border-top-left-radius:20px 20px; border-top-right-radius:20px 20px; height:20px; width:1600px} .dotted2{background-color:white; border-top-left-radius:20px 20px; border-top-right-radius:20px 20px;} .Category_td{width:25%;text-align:center; vertical-align:text-top} .searchDiv{background-image:url(https://e-vibe.net/images/hotlinks/new-search-bar1.png?123); height:34px; background-repeat:no-repeat; margin-left:16px; margin-top:16px} @media only screen and (max-width:767px){.searchDiv{margin-top:0px} } .Searchinput{line-height:20px; border:medium none; color:#666; font-size:11px; height:23px; left:65px; padding:0 0px; position:relative; top:6px; width:230px} div.orbit-wrapper div.timer{visibility:hidden} div.orbit-wrapper span.mask{opacity:0.5} div.orbit-wrapper div.slider-nav span{width:22px; height:29px; text-indent:-9999px; position:absolute; z-index:30; top:98%; margin-top:-25px; cursor:pointer; opacity:0.6; visibility:hidden} .Searchinput input[type="image"]{background:none repeat scroll 0 0 transparent; height:22px; margin-left:3px; padding:0; position:relative; top:6px; width:24px} .li{ float:left; clear:left; width:100%; list-style:none; font:normal 12px/14px Tahoma,sans-serif; cursor:pointer; display:list-item; text-align:-webkit-match-parent} div#menuuk_b1 li a{position:relative; display:block; float:left; width:100%; text-decoration:none; color:black; font:normal 12px/14px Tahoma,sans-serif} div#menuuk_b2 li a{position:relative; display:block; float:left; width:100%; text-decoration:none; color:black; font:normal 15px/15px Tahoma,sans-serif; padding:6px} div#menuuk_b1 li a span.lang{display:block; background-position:3px 50%; background-repeat:no-repeat; background-size:34px 19px; padding:4px 4px 5px 43px;} ul#dropdown, ul#dropdown2{position:static; left:0; padding:0; margin:0; list-style:none; width:100%;} ul#dropdown li a:hover, ul#dropdown2 li a:hover{background-color:#F1CEA5} ul#menuuk_b1{position:absolute; left:0; top:26px; padding:0; margin:0; list-style:none; width:100%; background-color:white} .catheadertext{font-family:tahoma,arial,ms sans serif,verdana; font-size:14pt; font-weight:bold; color:#000} .button{font-family:tahoma,arial,ms sans serif,verdana; font-size:11pt; border-color:#3B5998; background-color:#3B5998; color:#CCF} .formtext{font-family:tahoma,arial,ms sans serif,verdana !IMPORTANT; font-size:14px !IMPORTANT; height:30px !IMPORTANT; width:300px !IMPORTANT; margin:0px !IMPORTANT; padding:2px !IMPORTANT} .formtextindex{font-family:tahoma,arial,ms sans serif,verdana !IMPORTANT; font-size:12px !IMPORTANT; height:24px !IMPORTANT; width:183px !IMPORTANT; margin:0px !IMPORTANT; padding:5px !IMPORTANT} .poplisttext{font-family:tahoma,arial,ms sans serif,verdana; font-size:7pt} .revheadertext{font-family:tahoma,arial,ms sans serif,verdana; font-size:8pt; font-weight:bold; color:#FFF; background-color:#5A636E} .topborder{border-top:1px solid #000; font-family:tahoma,arial,ms sans serif,verdana; font-size:8pt; color:#000} .bottomborder{border-bottom:1px solid #000; font-family:tahoma,arial,ms sans serif,verdana; font-size:8pt; color:#000} .description{font-family:tahoma,arial,ms sans serif,verdana; font-size:10pt; color:#000; padding-left:20px} .adminheadertext{font-family:tahoma,arial,ms sans serif,verdana; font-size:9pt; font-weight:bold; color:#000} .admintable{background-color:#000} .adminmain{background-color:#FFF} .subcatheadertext{font-family:tahoma,arial,ms sans serif,verdana; font-size:10pt; color:#800000} .Specific{text-transform:uppercase; text-align:center; padding:10px; font-size:14px; background-color:#D1E1FA; border-radius:20px; -webkit-border-radius:20px; box-shadow:3px 3px 4px #999; -webkit-box-shadow:3px 3px 4px #999; box-shadow:3px 3px 4px #999; padding-left:20px; text-shadow:white 0.1em 0.1em; margin-top:15px; background-image:url(https://e-vibe.net/images/vibe-bg-gray.gif); background-size:100%; background-position:top center} .menu_left{-webkit-box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; background-color:#F0F0FF; /**background-image:url(https://e-vibe.net/images/radioscat.png); **/background-image:url(https://e-vibe.net/images/vibe-bg-gray.gif); background-size:130%; background-position:top center; /**background-repeat:no-repeat; **/border:1px solid #C0C0C0; padding-left:5px; padding-right:5px; font-weight:bold; /* Gia na einai Bold ta gramata */text-shadow:white 0.1em 0.1em; margin-top:15px} .menu_left_region{-webkit-box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; background-image:url(https://e-vibe.net/images/vibe-bg-gray.gif); background-size:130%; background-position:top center; /**background-color:#F0F0FF; **//**background-repeat:no-repeat; **/border:1px solid #C0C0C0; padding-top:2px; padding-left:5px; padding-right:5px; text-shadow:white 0.1em 0.1em; margin-top:20px; margin-bottom:20px} .index_add300x250{margin-top:15px} .nav_link{/*color:white !IMPORTANT; */} a.Specific:link{color:white !IMPORTANT} a.Specific:active{color:#00f} a.Specific:visited{color:white !IMPORTANT} a.Specific:hover{color:#00f} .radio_list{background-color:#F0F0FF; border-radius:20px; -webkit-border-radius:20px; border-radius:20px; box-shadow:3px 3px 4px #999; -webkit-box-shadow:3px 3px 4px #999; box-shadow:3px 3px 4px #999; /**background-image:url(https://e-vibe.net/images/radioscat_list.gif); **/background-image:url(https://e-vibe.net/images/vibe-bg-gray.gif); background-size:100%; background-position:top center; /**background-repeat:no-repeat; **/text-shadow:white 0.1em 0.1em; margin-top:15px; padding:0px; overflow:hidden} /* BACK TO TOP CSS SCRIPT **/ #back-top{position:fixed; bottom:10px; right:10px; /**margin-left:-150px; **/} #back-top a{width:60px; display:block; text-align:center; font:11px/100% Arial,Helvetica,sans-serif; text-transform:uppercase; text-decoration:none; color:black; -webkit-transition:1s; -moz-transition:1s; transition:1s} #back-top a:hover{color:#000} /* arrow icon (span tag) */ #back-top span{ width:60px; height:60px; display:block; margin-bottom:7px; background:#ddd url(https://roadhouse.gr/images/up-arrow.png?123) no-repeat center center; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; /* transition */-webkit-transition:1s; -moz-transition:1s; transition:1s} #back-top a:hover span{background-color:#777} /* BACK TO TOP CSS SCRIPT **/ a.menu-button, a.menu-more-button, a.menu-button-news, a.menu-button-sport{font-size:9pt} a.menu-button:link, a.menu-button:visited{display:block; background:transparent url(https://e-vibe.net/images/hotlinks/radar.gif?123) no-repeat; /**padding-left:1.9em; color:#666; **//**padding-left:1.9em; color:#3B5998; **//**font-family:'lucida grande',tahoma,verdana,arial,sans-serif,inherit; **/font-family:inherit; padding-left:1.9em; color:#03C; padding-top:2px; padding-bottom:5px; font-weight:none; border-bottom:0px; dotted:#666; /*padding:2px 5px 5px; 1.9em; */} a.menu-button:hover{/*font-family:verdana,Helvetica,sans-serif; letter-spacing:-1px; */background-color:white; text-decoration:none; border-radius:15px; -webkit-border-radius:15px; /**color:#666; **//**color:#3B5998; **/color:#03C} a.menu-more-button:link, a.menu-more-button:visited{display:block; background:transparent url(https://e-vibe.net/images/hotlinks/radar2.gif?123) no-repeat; /**font-family:'lucida grande',tahoma,verdana,arial,sans-serif,inherit; **/font-family:inherit; padding-left:1.9em; /**color:#0000A8; **/color:#333; padding-top:2px; padding-bottom:5px; font-weight:none; border-bottom:0px; dotted:#666; /*padding:2px 5px 5px; 1.9em; */} a.menu-more-button:hover{/*font-family:verdana,Helvetica,sans-serif; letter-spacing:-1px; */background-color:white; text-decoration:none; border-radius:15px; -webkit-border-radius:15px; /**color:#666; **//**color:#3B5998; **//**color:#0000A8; **/color:#333} a.menu-button-map:link, a.menu-button-map:visited{display:block; background:transparent url(https://www.e-vibe.net/images/hotlinks/play.gif?123) no-repeat; /**padding-left:1.9em; color:#666; **//**padding-left:1.9em; color:#3B5998; **//**font-family:'lucida grande',tahoma,verdana,arial,sans-serif,inherit; **/font-family:inherit; padding-left:1.9em; /**color:#0000A8; **/color:#333; padding-top:2px; padding-bottom:5px; font-weight:none; border-bottom:0px; dotted:#666; /*padding:2px 5px 5px; 1.9em; */} a.menu-button-map:hover{/*font-family:verdana,Helvetica,sans-serif; letter-spacing:-1px; */background-color:#E2E9EE; text-decoration:none; border-radius:15px; -webkit-border-radius:15px; /**color:#666; **//**color:#3B5998; **//**color:#0000A8; **/color:#333} a.menu-button-more:link, a.menu-button-more:visited{display:block; background:transparent url(https://www.e-vibe.net/images/hotlinks/musicnote.gif?123) no-repeat; /**padding-left:1.9em; color:#666; **//**padding-left:1.9em; color:#3B5998; **//**font-family:'lucida grande',tahoma,verdana,arial,sans-serif,inherit; **/font-family:inherit; padding-left:1.9em; color:#03C; padding-top:2px; padding-bottom:5px; font-weight:none; border-bottom:0px; dotted:#666; /*padding:2px 5px 5px; 1.9em; */} a.menu-button-more:hover{/*font-family:verdana,Helvetica,sans-serif; letter-spacing:-1px; */background-color:white; text-decoration:none; border-radius:15px; -webkit-border-radius:15px; /**color:#666; **//**color:#3B5998; **/color:#03C} a.menu-button-sport:link, a.menu-button-sport:visited{display:block; background:transparent url(https://www.e-vibe.net/images/hotlinks/sports.gif?123) no-repeat; /**padding-left:1.9em; color:#666; **//**padding-left:1.9em; color:#3B5998; **//**font-family:'lucida grande',tahoma,verdana,arial,sans-serif,inherit; **/font-family:inherit; padding-left:1.9em; color:#03C; padding-top:2px; padding-bottom:5px; font-weight:none; border-bottom:0px; dotted:#666; /*padding:2px 5px 5px; 1.9em; */} a.menu-button-sport:hover{/*font-family:verdana,Helvetica,sans-serif; letter-spacing:-1px; */background-color:white; text-decoration:none; border-radius:15px; -webkit-border-radius:15px; /**color:#666; **//**color:#3B5998; **/color:#03C} a.menu-button-news:link, a.menu-button-news:visited{display:block; background:transparent url(https://www.e-vibe.net/images/hotlinks/newsradios.gif?123) no-repeat; /**padding-left:1.9em; color:#666; **//**padding-left:1.9em; color:#3B5998; **//**font-family:'lucida grande',tahoma,verdana,arial,sans-serif,inherit; **/font-family:inherit; padding-left:1.9em; color:#03C; padding-top:2px; padding-bottom:5px; font-weight:none; border-bottom:0px; dotted:#666; /*padding:2px 5px 5px; 1.9em; */} a.menu-button-news:hover{ display:block; background:transparent url(https://www.e-vibe.net/images/hotlinks/newsradios.gif?123) no-repeat; padding-left:1.9em; color:#03C; padding-top:2px; padding-bottom:5px; border-radius:15px; -webkit-border-radius:15px; /*font-family:verdana,Helvetica,sans-serif; letter-spacing:-1px; */background-color:white; text-decoration:none; /**color:#666; **//**color:#3B5998; **/color:#0000A8} /** IMAGE AUTO-ZOOM CSS SCRIPT **/ /*Credits:Dynamic Drive CSS Library */ /*URL:https://www.dynamicdrive.com/style/ */ .bubblewrap{list-style-type:none; margin:0; padding:0} .bubblewrap li{display:inline; width:60px; height:35px} .bubblewrap li img{width:60px; /* width of each image.*/height:35px; /* height of each image.*/border:0; margin-right:12px; /*spacing between each image*/-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */} .bubblewrap li img:hover{transform:scale(1.2); /*scale up image 1.8x*/-webkit-transform:scale(1.2); -o-transform:scale(1.2)} /** IMAGE AUTO-ZOOM CSS SCRIPT IN SEARCH**/ /*Credits:Dynamic Drive CSS Library */ /*URL:https://www.dynamicdrive.com/style/ */ .iframe{border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border:1px solid #DFDFDF; padding:0px; border-top-left-radius:20px 20px; border-top-right-radius:20px 20px; border-bottom-right-radius:20px 20px; border-bottom-left-radius:20px 20px; -webkit-box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; border:1px solid silver} .bubblewrap{/*list-style-type:none; margin:0; padding:0; */} .bubbleradio li{/*display:inline; *//*width:80px; height:45px; */} .bubbleradio li img{/*width:80px; width of each image.*//*height:45px; height of each image.*/border:0; /*margin-right:12px; spacing between each image*/-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */} .bubbleradio li img:hover{transform:scale(1.0); /*scale up image 1.8x*/-webkit-transform:scale(1.0); -o-transform:scale(1.0)} .dropshadow{ box-shadow:3px 3px 4px #999; /* Firefox */ -webkit-box-shadow:3px 3px 4px #999; /* Safari/Chrome */ box-shadow:3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */ -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#999')"; /* IE 8 */:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#999'); /* IE 5.5 - 7 */} /*** MENU MOBILE ***/ #menu{ position:relative; min-height:38px} #menu .menu{position:absolute} #menu *{ list-style:none; border:0; padding:0; margin:0} #menu a{ display:block; padding-left:13px} #menu a span{ display:block; padding:6px 14px 10px 2px; white-space:nowrap} #menu li{ float:left} #menu li li{float:none} #menu div{ display:none; position:absolute; margin-top:-5px; width:200px} #menu div ul{position:relative; background-color:rgb(41,41,41)} #menu div div{ margin:-50px 0 0 -6px; left:100%} #menu li:hover>div{display:block} *:first-child+html #menu div div{display:block; top:-9999px} *:first-child+html #menu li:hover>div{top:auto} #menu div.columns{width:200px} #menu div.columns ul{ float:left; width:200px; position:static} #menu div.columns a{white-space:normal} #menu div.two{width:400px} #menu div.two ul.one div{margin-left:-206px} #menu div.two ul.two div{margin-left:-6px} #menu div.three{width:600px} #menu div.three ul.one div{margin-left:-406px} #menu div.three ul.two div{margin-left:-206px} #menu div.three ul.three div{margin-left:-6px} #menu div.four{width:800px} #menu div.four ul.one div{margin-left:-606px} #menu div.four ul.two div{margin-left:-406px} #menu div.four ul.three div{margin-left:-206px} #menu div.four ul.four div{margin-left:-6px} #menu div.five{width:1000px} #menu div.five ul.one div{margin-left:-806px} #menu div.five ul.two div{margin-left:-606px} #menu div.five ul.three div{margin-left:-406px} #menu div.five ul.four div{margin-left:-206px} #menu div.five ul.five div{margin-left:-6px} #menu a, #menu a span{line-height:26px; color:white; text-decoration:none; font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif} #menu a:hover, #menu a span:hover{color:black} #menu a{} #menu a span{} .menu_item{border-radius:20px; -webkit-border-radius:20px} #menu li.current>a{} #menu li.current>a span{} #menu a.parent span{padding-right:18px; padding-left:18px; height:38px} #menu li.current>a.parent span{background-position:right -139px} #menu>ul>li:hover>a, #menu a:hover{transition:0.4s; background-position:left -364px} #menu>ul>li:hover>a span, #menu a:hover span{transition:0.4s; background-position:right -184px} #menu>ul>li:hover>a.parent span, #menu a.parent:hover span{transition:0.4s; background-color:whitesmoke; color:black} #menu div a{ transition:0.4s; margin-left:4px; padding:4px 0 0 0; width:192px} #menu div a span{ transition:0.4s; text-transform:none; font-size:14px; padding-top:3px; padding-left:11px; white-space:normal} #menu div a:hover, #menu div ul>li:hover>a.parent, #menu div ul li a.parent:hover{transition:0.4s; background-color:whitesmoke} #menu div a:hover span{transition:0.4s; background-position:-768px bottom} #menu div a.parent span{transition:0.4s; background-position:-576px bottom} #menu div ul>li:hover>a.parent span, #menu div ul li a.parent:hover span{transition:0.4s; background-position:-960px bottom} #menu div{ } #menu div ul{ } #menu div.columns{ transition:0.4s; padding-top:0; margin-top:9px; box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px; -webkit-box-shadow:rgba(0,0,0,0.296875) 0px 1px 10px 0px} #menu div div.columns{margin-top:-36px} #menu div.columns>ul{ margin-top:-14px} #menu div.two{background-position:-1000px bottom} #menu div.three{background-position:-1400px bottom} #menu div.four{background-position:-2000px bottom} #menu div.five{background-position:-2800px bottom} #menu div.columns ul.two, #menu div.columns ul.three, #menu div.columns ul.four, #menu div.columns ul.five{background-position:-550px top} #menu div.columns ul.one{background-position:-400px top} #menu div.two ul.two, #menu div.three ul.three, #menu div.four ul.four, #menu div.five ul.five{background-position:-800px top} #menu div.columns>ul>li>a{ margin-left:0; width:200px} #menu div.columns>ul.one>li>a{ margin-left:4px; width:196px} #menu div.two>ul.two>li>a, #menu div.three>ul.three>li>a, #menu div.four>ul.four>li>a, #menu div.five>ul.five>li>a{ width:196px} #menu.active a{ z-index:780; position:relative} #menu.active li{z-index:778} #menu.active div div{z-index:781} #menu.active div a{position:static} #menu.active li.back{ background:url(https://roadhouse.gr/images/item.png) no-repeat left -319px; height:40px; position:absolute; padding:0; margin:0} #menu.active li.back .left{ display:block; padding:0; width:auto; height:40px; margin:0 5px 0 8px; position:relative; left:5px} #menu.active li.current-back, #menu.active li.current-parent-back{background-position:left -364px} #menu.active li.current-back .left{background-position:right -184px} #menu.active li.current-parent-back .left{background-position:right -229px} #menu.active .spanbox{ position:absolute; display:none; background:url(https://roadhouse.gr/images/pix.gif); margin-top:-5px; width:200px} #menu.active div{ margin-top:0; display:block; position:relative} #menu.active div .spanbox{ margin:0 0 0 -6px; left:100%} #menu.active .spanbox .spanbox{margin-top:-50px} #menu.active .spanbox .spanbox div{margin:-2px 0 0 0} *:first-child+html #menu.active div div{top:auto} *:first-child+html .menu-images-preloading{visibility:hidden} #menu.active div.two ul.one .spanbox{margin-left:-206px} #menu.active div.two ul.two .spanbox{margin-left:-6px} #menu.active div.three ul.one .spanbox{margin-left:-406px} #menu.active div.three ul.two .spanbox{margin-left:-206px} #menu.active div.three ul.three .spanbox{margin-left:-6px} #menu.active div.four ul.one .spanbox{margin-left:-606px} #menu.active div.four ul.two .spanbox{margin-left:-406px} #menu.active div.four ul.three .spanbox{margin-left:-206px} #menu.active div.four ul.four .spanbox{margin-left:-6px} #menu.active div.five ul.one .spanbox{margin-left:-806px} #menu.active div.five ul.two .spanbox{margin-left:-606px} #menu.active div.five ul.three .spanbox{margin-left:-406px} #menu.active div.five ul.four .spanbox{margin-left:-206px} #menu.active div.five ul.five .spanbox{margin-left:-6px} #menu.active div.columns ul .spanbox div{margin-left:0} .menu-images-preloading, .menu-images-preloading div{ top:0; left:0; width:4px; height:2px; opacity:0.1; overflow:hidden; position:absolute} .menu-images-preloading{width:2px} .menu-images-preloading .columns-png{background:url(https://roadhouse.gr/images/columns.png) no-repeat} .menu-images-preloading .subitem-png{background:url(https://roadhouse.gr/images/subitem.png) no-repeat} #navdd{display:none} #top-stripe{display:none} @media only screen and (max-width:767px){#navdd{background:url(https://roadhouse.gr/images/ddmenu_icon2.png?99999) no-repeat 0 0 !IMPORTANT; background-position-x:37px; cursor:pointer; position:absolute; top:5px; right:5px; width:78px!IMPORTANT; height:40px!IMPORTANT; display:block!IMPORTANT} #top-stripe{width:100%; height:50px; position:fixed; z-index:25; background:rgb(38,40,61); display:block!IMPORTANT} } /* @media (max-width: 991px) and (min-width: 768px){#top-stripe{width:100%; height:50px; position:fixed; z-index:25; background:rgb(38,40,61); display:block!IMPORTANT}} */ @media only screen and (max-width:767px){#menu a span{padding:6px 14px 0px 2px} } @media only screen and (max-width:767px){#menu div.columns ul{width:140px} } @media only screen and (max-width:767px){#menu a.parent span{padding-right:7px; padding-left:6px; height:28px} } @media only screen and (max-width:767px){#menu div a{width:123px; padding:0px} } @media only screen and (max-width:767px){#menu div a span{font-size:11px} } @media only screen and (max-width:767px){#menu div.columns>ul.one>li>a{width:136px} } @media only screen and (max-width:767px){#menu div.columns>ul{padding-top:0px; margin-top:0px} } @media only screen and (max-width:767px){#menu div{width:127px} } @media only screen and (max-width:767px){#menu div div{margin:-50px 0 0 -6px; left:-108%} }