/************************************************************** *** CUSTOM COLORS + SETTINGS **************************************************************/ /* show hovers on non-touch devices only */ /* menu label hover */ .taptap-menu-button-wrapper:hover .taptap-menu-button-label { color:; } /* logo hover */ .taptap-logo a:hover { color:; } /* serach label hover */ .taptap-search-button-wrapper:hover .taptap-search-button-label { color:; } /* search button hover*/ .taptap-search-button-wrapper:hover .taptap-search-button { border-color:#ddd; } .taptap-search-button-wrapper:hover .taptap-search-button::after { background-color:#ddd; } /* search close button hover */ .taptap-search-close-wrapper:hover .taptap-search-close-inner::before, .taptap-search-close-wrapper:hover .taptap-search-close-inner::after { background-color:#ddd; } /* search clear field button hover */ .taptap-search-clear-wrapper:hover .taptap-search-clear { background-color:#666; } /* current menu item hover */ .taptap-by-bonfire ul li.current-menu-item.full-item-arrow-hover > a, .taptap-by-bonfire ul li.current-menu-item > a:hover { color:; } /* current submenu item hover */ .taptap-by-bonfire .sub-menu .current-menu-item.full-item-arrow-hover > a, .taptap-by-bonfire .sub-menu .current-menu-item > a:hover { color:; } /* menu item icon hover */ .taptap-by-bonfire ul li a:hover i, .taptap-by-bonfire ul li.full-item-arrow-hover a i { color:; } /* submenu item icon hover */ .taptap-by-bonfire .sub-menu a:hover i, .taptap-by-bonfire .sub-menu .full-item-arrow-hover a i { color:; } /* menu item hovers */ .taptap-by-bonfire ul li.full-item-arrow-hover > a, .taptap-by-bonfire ul li a:hover { color:#E4D7D7; } .taptap-by-bonfire ul.sub-menu li.full-item-arrow-hover > a, .taptap-by-bonfire ul.sub-menu li a:hover { color:#77787C; } /* submenu arrow hover */ .full-item-arrow-hover > .taptap-sub-arrow .taptap-sub-arrow-inner::before, .full-item-arrow-hover > .taptap-sub-arrow .taptap-sub-arrow-inner::after, .taptap-sub-arrow:hover .taptap-sub-arrow-inner::before, .taptap-sub-arrow:hover .taptap-sub-arrow-inner::after { background-color:#fff; } /* menu button hover */ .taptap-menu-button-wrapper:hover .taptap-main-menu-button:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button div.taptap-main-menu-button-middle:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button:after, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-two:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-two:after, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-three:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-three:after, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-four:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-four:after, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-five:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-five:after, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-six:before, .taptap-menu-button-wrapper:hover .taptap-main-menu-button-six:after { background-color:#ddd; } /* menu bars hover (if menu opened) */ .taptap-menu-active:hover .taptap-main-menu-button:before, .taptap-menu-active:hover .taptap-main-menu-button div.taptap-main-menu-button-middle:before, .taptap-menu-active:hover .taptap-main-menu-button:after, .taptap-menu-active:hover .taptap-main-menu-button-two:before, .taptap-menu-active:hover .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before, .taptap-menu-active:hover .taptap-main-menu-button-two:after, .taptap-menu-active:hover .taptap-main-menu-button-three:before, .taptap-menu-active:hover .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before, .taptap-menu-active:hover .taptap-main-menu-button-three:after, .taptap-menu-active:hover .taptap-main-menu-button-four:before, .taptap-menu-active:hover .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before, .taptap-menu-active:hover .taptap-main-menu-button-four:after, .taptap-menu-active:hover .taptap-main-menu-button-five:before, .taptap-menu-active:hover .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before, .taptap-menu-active:hover .taptap-main-menu-button-five:after, .taptap-menu-active:hover .taptap-main-menu-button-six:before, .taptap-menu-active:hover .taptap-main-menu-button-six:after { background-color:; } /* MENU BUTTON */ /* menu button opacity */ .taptap-menu-button-wrapper { opacity:; } /* menu button */ .taptap-main-menu-button:before, .taptap-main-menu-button div.taptap-main-menu-button-middle:before, .taptap-main-menu-button:after, .taptap-main-menu-button-two:before, .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before, .taptap-main-menu-button-two:after, .taptap-main-menu-button-three:before, .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before, .taptap-main-menu-button-three:after, .taptap-main-menu-button-four:before, .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before, .taptap-main-menu-button-four:after, .taptap-main-menu-button-five:before, .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before, .taptap-main-menu-button-five:after, .taptap-main-menu-button-six:before, .taptap-main-menu-button-six:after { background-color:#ffffff; height:1px;} /* menu button (if menu opened) */ .taptap-menu-active .taptap-main-menu-button:before, .taptap-menu-active .taptap-main-menu-button div.taptap-main-menu-button-middle:before, .taptap-menu-active .taptap-main-menu-button:after, .taptap-menu-active .taptap-main-menu-button-two:before, .taptap-menu-active .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before, .taptap-menu-active .taptap-main-menu-button-two:after, .taptap-menu-active .taptap-main-menu-button-three:before, .taptap-menu-active .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before, .taptap-menu-active .taptap-main-menu-button-three:after, .taptap-menu-active .taptap-main-menu-button-four:before, .taptap-menu-active .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before, .taptap-menu-active .taptap-main-menu-button-four:after, .taptap-menu-active .taptap-main-menu-button-five:before, .taptap-menu-active .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before, .taptap-menu-active .taptap-main-menu-button-five:after, .taptap-menu-active .taptap-main-menu-button-six:before, .taptap-menu-active .taptap-main-menu-button-six:after { background-color:; } /* menu button animations (-/X) */ /* X SIGN ANIMATION */ /* button style #1 top bar*/ .taptap-menu-active .taptap-main-menu-button:before { transform:translateY(8px) rotate(45deg); -moz-transform:translateY(8px) rotate(45deg); -webkit-transform:translateY(8px) rotate(45deg); } /* button style #1 bottom bar*/ .taptap-menu-active .taptap-main-menu-button:after { transform:translateY(-8px) rotate(-45deg); -moz-transform:translateY(-8px) rotate(-45deg); -webkit-transform:translateY(-8px) rotate(-45deg); } /* button style #1 middle bar*/ .taptap-menu-active div.taptap-main-menu-button-middle:before { opacity:0; pointer-events:none; -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); transform:translateX(-20px); -webkit-transition:all .25s ease, opacity .25s ease .025s; -moz-transition:all .25s ease, opacity .25s ease .025s; transition:all .25s ease, opacity .25s ease .025s; } /* button style #2 top bar*/ .taptap-menu-active .taptap-main-menu-button-two:before { transform:translateY(8px) rotate(45deg); -moz-transform:translateY(8px) rotate(45deg); -webkit-transform:translateY(8px) rotate(45deg); } .taptap-menu-active .taptap-main-menu-button-two:hover:before { width:30px; } /* button style #2 bottom bar*/ .taptap-menu-active .taptap-main-menu-button-two:after { width:30px; margin-left:0; transform:translateY(-8px) rotate(-45deg); -moz-transform:translateY(-8px) rotate(-45deg); -webkit-transform:translateY(-8px) rotate(-45deg); } /* button style #2 middle bar*/ .taptap-menu-active div.taptap-main-menu-button-two-middle:before { opacity:0; pointer-events:none; -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); transform:translateX(-20px); -webkit-transition:all .25s ease, opacity .25s ease .025s; -moz-transition:all .25s ease, opacity .25s ease .025s; transition:all .25s ease, opacity .25s ease .025s; } /* button style #3 top bar*/ .taptap-menu-active .taptap-main-menu-button-three:before { transform:translateY(8px) rotate(45deg); -moz-transform:translateY(8px) rotate(45deg); -webkit-transform:translateY(8px) rotate(45deg); } /* button style #3 bottom bar*/ .taptap-menu-active .taptap-main-menu-button-three:after { transform:translateY(-8px) rotate(-45deg); -moz-transform:translateY(-8px) rotate(-45deg); -webkit-transform:translateY(-8px) rotate(-45deg); } /* button style #3 middle bar*/ .taptap-menu-active div.taptap-main-menu-button-three-middle:before { opacity:0; pointer-events:none; -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); transform:translateX(-20px); -webkit-transition:all .25s ease, opacity .25s ease .025s; -moz-transition:all .25s ease, opacity .25s ease .025s; transition:all .25s ease, opacity .25s ease .025s; } /* button style #4 top bar*/ .taptap-menu-active .taptap-main-menu-button-four:before { transform:translateY(8px) rotate(45deg); -moz-transform:translateY(8px) rotate(45deg); -webkit-transform:translateY(8px) rotate(45deg); } .taptap-menu-active .taptap-main-menu-button-four:hover:before { width:25px; } /* button style #4 bottom bar*/ .taptap-menu-active .taptap-main-menu-button-four:after { width:25px; transform:translateY(-8px) rotate(-45deg); -moz-transform:translateY(-8px) rotate(-45deg); -webkit-transform:translateY(-8px) rotate(-45deg); } /* button style #4 middle bar*/ .taptap-menu-active div.taptap-main-menu-button-four-middle:before { opacity:0; pointer-events:none; -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); transform:translateX(-20px); -webkit-transition:all .25s ease, opacity .25s ease .025s; -moz-transition:all .25s ease, opacity .25s ease .025s; transition:all .25s ease, opacity .25s ease .025s; } /* button style #5 top bar*/ .taptap-menu-active .taptap-main-menu-button-five:before { transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -webkit-transform:translateY(10px) rotate(45deg); } /* button style #5 bottom bar*/ .taptap-menu-active .taptap-main-menu-button-five:after { transform:translateY(-10px) rotate(-45deg); -moz-transform:translateY(-10px) rotate(-45deg); -webkit-transform:translateY(-10px) rotate(-45deg); } /* button style #5 middle bar*/ .taptap-menu-active div.taptap-main-menu-button-five-middle:before { opacity:0; pointer-events:none; -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); transform:translateX(-20px); -webkit-transition:all .25s ease, opacity .25s ease .025s; -moz-transition:all .25s ease, opacity .25s ease .025s; transition:all .25s ease, opacity .25s ease .025s; } /* button style #6 top bar*/ .taptap-menu-active .taptap-main-menu-button-six:before { transform:translateY(3px) rotate(45deg); -moz-transform:translateY(3px) rotate(45deg); -webkit-transform:translateY(3px) rotate(45deg); } /* button style #6 bottom bar*/ .taptap-menu-active .taptap-main-menu-button-six:after { transform:translateY(-4px) rotate(-45deg); -moz-transform:translateY(-4px) rotate(-45deg); -webkit-transform:translateY(-4px) rotate(-45deg); } /* menu button animation speed + logo/search hover speeds */ .taptap-menu-button-label, .taptap-search-button-label, .taptap-search-button, .taptap-search-button::after, .taptap-logo a, .taptap-search-close-inner::before, .taptap-search-close-inner::after, .taptap-search-clear, .taptap-main-menu-button:before, .taptap-main-menu-button div.taptap-main-menu-button-middle:before, .taptap-main-menu-button:after, .taptap-main-menu-button-two:before, .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before, .taptap-main-menu-button-two:after, .taptap-main-menu-button-three:before, .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before, .taptap-main-menu-button-three:after, .taptap-main-menu-button-four:before, .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before, .taptap-main-menu-button-four:after, .taptap-main-menu-button-five:before, .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before, .taptap-main-menu-button-five:after, .taptap-main-menu-button-six:before, .taptap-main-menu-button-six:after { -webkit-transition:all s ease !important; -moz-transition:all s ease !important; transition:all s ease !important; } /* menu button top, side distances + right position */ .taptap-menu-button-wrapper { top:0px; } /* if menu button hidden, remove button height and set default label position to 0 */ /* menu button label customization */ .taptap-menu-button-label { left:px; top:px; color:; font-size:px; letter-spacing:px; } /* menu button label font + theme font */ /* LOGO */ /* logo font size + letter spacing */ .taptap-logo a { color:; font-size:px; letter-spacing:px; } /* logo font + theme font */ /* logo image size + top/side distances + right positioning */ .taptap-logo-image img { max-height:50px; } .taptap-logo-wrapper { top:0px; } /* SEARCH */ /* search button */ .taptap-search-button { border-color:; } .taptap-search-button::after { background-color:; } /* search button top, side distances + right position */ .taptap-search-button-wrapper { top:0px; } /* if search button hidden, remove button height and set default label position to 0 */ .taptap-search-button-wrapper { height:auto; } .taptap-search-button-label { top:0; left:0; } /* search button label customization */ .taptap-search-button-label { left:px; top:px; color:; font-size:px; letter-spacing:px; } /* search button label font + theme font */ /* search form background + background color + animation speed */ .taptap-search-wrapper, .taptap-search-background { height:px; -webkit-transition:-webkit-transform s ease 0s, top 0s ease s; -moz-transition:-moz-transform s ease 0s, top 0s ease s; transition:transform s ease 0s, top 0s ease s; } .taptap-search-background { opacity:; background-color:; } .taptap-search-wrapper-active { -webkit-transition:-webkit-transform s ease 0s, top 0s ease 0s !important; -moz-transition:-moz-transform s ease 0s, top 0s ease 0s !important; transition:transform s ease 0s, top 0s ease 0s !important; } .taptap-search-overlay { background-color:; -webkit-transition:opacity s ease 0s, top 0s ease s; -moz-transition:opacity s ease 0s, top 0s ease s; transition:opacity s ease 0s, top 0s ease s; } .taptap-search-overlay-active { opacity:; -webkit-transition:opacity s ease 0s, top 0s ease 0s; -moz-transition:opacity s ease 0s, top 0s ease 0s; transition:opacity s ease 0s, top 0s ease 0s; } /* search form placeholder */ #searchform input::-webkit-input-placeholder { font-size:px; color: !important; } #searchform input:-moz-placeholder { font-size:px; color: !important; } #searchform input::-moz-placeholder { font-size:px; color: !important; } #searchform input:-ms-input-placeholder { font-size:px; color: !important; } /* search form text color + align + padding if clear field hidden */ .taptap-search-wrapper #searchform input { color:; font-size:px; letter-spacing:px; } /* search field font */ /* search form close button */ .taptap-search-close-inner::before, .taptap-search-close-inner::after { background-color:; } /* search clear field button */ .taptap-search-clear { background-color:; } /* make search field X the same color as search field background */ .taptap-search-clear::before, .taptap-search-clear::after { background-color:; } /* HEADER */ /* header height + background color */ .taptap-header { height:40px; background-color:#000000; opacity:; } /* show header shadow */ .taptap-header { -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,50); -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,50); box-shadow:0px 0px 2px 1px rgba(0,0,0,50); } /* MENU CONTAINER */ /* background color */ .taptap-background-color { opacity:; background-color:#000000; } /* pulsating background colors + speed */ /* background image opacity + horizontal/vertical alignment */ .taptap-background-image { opacity:; background-position: ; } /* background pattern */ /* menu container top/bottom padding */ .taptap-main-inner-inner { padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } /* max content width */ .taptap-contents-wrapper { max-width:px; } /* menu container appearance speed */ .taptap-main-wrapper { -webkit-transition:-webkit-transform s ease, top 0s ease s, opacity s ease 0s; -moz-transition:-moz-transform s ease, top 0s ease s, opacity s ease 0s; transition:transform s ease, top 0s ease s, opacity s ease 0s; } .taptap-main-wrapper-active { -webkit-transition:-webkit-transform s ease, top 0s ease 0s, opacity s ease 0s; -moz-transition:-moz-transform s ease, top 0s ease 0s, opacity s ease 0s; transition:transform s ease, top 0s ease 0s, opacity s ease 0s; } .taptap-background-color, .taptap-background-image { -webkit-transition:-webkit-transform s ease, top 0s ease s; -moz-transition:-moz-transform s ease, top 0s ease s; transition:transform s ease, top 0s ease s; } .taptap-background-color-active, .taptap-background-image-active { -webkit-transition:-webkit-transform s ease, top 0s ease 0s; -moz-transition:-moz-transform s ease, top 0s ease 0s; transition:transform s ease, top 0s ease 0s; } /* menu contents horizontal alignment */ /* menu contents vertical alignment */ /* menu animations (top/left/right/bottom/fade) */ .taptap-main-wrapper { -webkit-transform:translateY(-125%) scale(0.75); -moz-transform:translateY(-125%) scale(0.75); transform:translateY(-125%) scale(0.75); } .taptap-main-wrapper-active { -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); transform:translateY(0) scale(1); } .taptap-background-color, .taptap-background-image { opacity:0; -webkit-transition:opacity .5s ease, top 0s ease .5s; -moz-transition:opacity .5s ease, top 0s ease .5s; transition:opacity .5s ease, top 0s ease .5s; } .taptap-background-color-active, .taptap-background-image-active { opacity:1; -webkit-transition:opacity .5s ease, top 0s ease 0s; -moz-transition:opacity .5s ease, top 0s ease 0s; transition:opacity .5s ease, top 0s ease 0s; } .taptap-main-wrapper { -webkit-transform:translateY(0) translateX(0) scale(0.75); -moz-transform:translateY(0) translateX(0) scale(0.75); transform:translateY(0) translateX(0) scale(0.75); } .taptap-background-color, .taptap-background-image { -webkit-transform:translateY(0) translateX(0); -moz-transform:translateY(0) translateX(0); transform:translateY(0) translateX(0); } .taptap-main-wrapper-active, .taptap-background-color-active, .taptap-background-image-active { -webkit-transform:translateY(0) translateX(0); -moz-transform:translateY(0) translateX(0); transform:translateY(0) translateX(0); } .taptap-background-image { opacity:0; } .taptap-background-image-active { opacity:0.1; } /* BACKGROUND OVERLAY */ /* background overlay opacity + color + animation speed */ .taptap-background-overlay { background-color:#116584; -webkit-transition:opacity s ease, top 0s ease s; -moz-transition:opacity s ease, top 0s ease s; transition:opacity s ease, top 0s ease s; } .taptap-background-overlay-active { opacity:; -webkit-transition:opacity s ease, top 0s ease 0s; -moz-transition:opacity s ease, top 0s ease 0s; transition:opacity s ease, top 0s ease 0s; } /* HEADING + SUBHEADING */ /* headings */ .taptap-heading, .taptap-heading a, .taptap-heading a:hover { color:#ffffff; } .taptap-subheading, .taptap-subheading a, .taptap-subheading a:hover { color:#ffffff; } /* heading */ .taptap-heading, .taptap-heading a { font-size:18px; letter-spacing:px; line-height:px; } /* subheading */ .taptap-subheading { margin-top:px; } .taptap-subheading, .taptap-subheading a { font-size:px; letter-spacing:px; line-height:px; } /* heading font */ /* subheading font */ /* HEADING IMAGE */ .taptap-image { margin-top:px; margin-bottom:px; } .taptap-image img { max-width:40px; } /* MENUS */ /* menu */ .taptap-by-bonfire ul li a { color:#dd9933; font-size:25px; letter-spacing:px; margin-top:55px; } .taptap-by-bonfire > .menu > li.menu-item-has-children > span { margin-top:55px; } /* submenu */ .taptap-by-bonfire .sub-menu a { color:; font-size:px; letter-spacing:px; margin-bottom:px; } /* drop-down arrow position (top-level) */ .taptap-by-bonfire > .menu > li.menu-item-has-children > span { top:px; } /* drop-down arrow position (sub-level) */ .taptap-by-bonfire .sub-menu li.menu-item-has-children span { top:px; } /* submenu arrow */ .taptap-sub-arrow .taptap-sub-arrow-inner::before, .taptap-sub-arrow .taptap-sub-arrow-inner::after { background-color:; } .taptap-by-bonfire .menu li span { border-color:; } /* current menu items */ .taptap-by-bonfire ul li.current-menu-item > a { color:#ffffff; } .taptap-by-bonfire .sub-menu .current-menu-item > a { color:; } /* menu font */ .taptap-by-bonfire ul li a { font-family:comfortaa; } /* MENU ITEM DESCRIPTIONS */ .taptap-menu-item-description { color:; font-size:px; padding-top:px; padding-bottom:px; line-height:px; letter-spacing:px; } /* menu item description font */ /* MENU ITEM ICONS */ /* menu icons */ .taptap-by-bonfire ul li a i { color:; font-size:px; margin-top:px; } /* submenu icons */ .taptap-by-bonfire .sub-menu a i { color:; font-size:px; margin-top:px; } /* WIDGETS */ /* widget top distance */ .taptap-widgets-wrapper { margin-top:40px; } /* widget titles */ .taptap-widgets-wrapper .widget .widgettitle { color:; font-size:px; letter-spacing:px; line-height:55px; } /* widget title font */ .taptap-widgets-wrapper .widget .widgettitle { font-family:arial; } /* widgets */ .taptap-widgets-wrapper .widget, .taptap-widgets-wrapper .widget a { color:#ffffff; font-size:24px; letter-spacing:px; line-height:px; } .taptap-widgets-wrapper .widget a { color:; } /* widget font */ /* STYLED SCROLLBAR */ /* show scrollbar styling, if scrollbar enabled */ /* MISC */ /* show header + search when menu open */ /* push down site by height of menu */ /* if submenu arrow divider is hidden */

Corfu Bus tours

Corfu Bus tours

Also in: en de ru

Our tours provide the perfect way to see all the best sights along the Corfu coastal road with 6 famous beaches along the way . Including Dassia,Kontokali and Barbati with warm therapeutic water and stunning scenery.














Loading…

12/03/2018 / by / in
Comments

Comments are closed here.

Polixeni
Polixeni in Corfu
Your Vacation Hostess
';