/*

Theme Name: vpeq

Theme URI: http://vpeq.com

Version: 1.0

Author: liviu_cerchez

Author URI: http://vpeq.com

Description: text

License: GNU General Public License version 3.0

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Text Domain: vpeq

*/



/* reset */

@import url(http://fonts.googleapis.com/css?family=Roboto:300);


@import url('http://fonts.googleapis.com/css?family=Didact+Gothic');
h1, h2, h3, h4, h5, #menu li a {
  font-family: "open sans" !important ;
  text-transform: uppercase;
}
div#right {
float: left !important;
}
.page-id-9752 #header #logo {
 display: none !important;
}
.page-id-9752  .social {
 display: none !important;
}

div#jig1-filterButtons {
        float: right !important;
    right: 15px !important;
    position: fixed !important;
    margin-top: 0px !important;
    z-index: 999999 !important;
}
.topmargin {
float: left;
text-align: left;
margin-top: 122px;
height: 68px;
left: 0;
margin-left: -128px;
}
p + .topmargin { margin-left: 0;
}

#ascrail2001-hr {
display: none !important;
}
#icl_how_to_translate_link {
  display: none !important;
}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
article, aside, figure, footer, header, hgroup, nav, section { display : block; }
.wrapper > p { color: #666666 !important; }
/*#menu-item-5834 > a { font-size: 25px !important; }*/
.menuheadspace {height: 43px; }
.menuhead { width: 100%; min-height: 40px; background: #fff; border-bottom: 3px solid #aa9a40; position: fixed; z-index: 999999; }
.menuhead nav { float: right;  height: auto;margin-right: 11px;margin-top: 3px;opacity: 1;overflow: visible;transition: height 0s ease 0s, opacity 200ms ease-in-out 0s; }

.menuhead nav ul { margin: 0; font-size: 15px; list-style: none; }
.menuhead nav li { display: block; float:left; position:relative; }
.menuhead nav li a { font-size:14px; line-height:14px; display: block; padding: 10px 7px; color: #777777; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.menuhead nav li a:hover { text-decoration: none; background-color: #E6E6E6; background-color: rgba(0, 0, 0, .08); }
.menuhead nav li.current_page_item > a { color: #AA9A40; }
.menuhead nav li.has-children > a:after { float: right; content: '\00a0\002B'; font-family: Helvetica, Arial, sans-serif; position: relative; top: -1px; }
.menuhead nav li.expand-menu > a:after { float: right; content: '\00a0\2013'; }
.menuhead nav li ul { display: none; font-size: 12px; position:absolute; left:0; background:#FFFFFF; }
.menuhead nav li ul li a { padding-left: 25px; white-space:nowrap; word-break:keep-all; }
.menuhead nav li.expand-menu > ul { display: block; }
.menuhead.hide-menu nav, .expand-supersize .menuhead nav { height: 0; opacity: 0; filter: alpha(opacity=0); }
.menuhead.hide-menu #logo .menu-toggle span { background-position: -68px 0; }
.no-js .menuhead.hide-menu nav { height: auto; opacity: 1; filter: none; }
.ie7 .menuhead nav li a { padding: 10px 0; }

.gmnoprint { bottom: 22px !important; left: auto !important; position: absolute !important; right: 19% !important; top: auto !important; }
.amp { position: fixed !important; width: 100% !important; height: 100% !important; }
.page-id-5838 .supersized-fullscreen span { display: none !important; }
/*#menu-item-5850 > a { font-size: 25px !important; }
#menu-item-5848 > a { font-size: 25px !important; }
#menu-item-5849 > a { font-size: 25px !important; }
#menu-item-5847 > a { font-size: 25px !important; }
#menu-item-5846 > a { font-size: 25px !important; }
#menu-item-5993 > a { font-size: 25px !important; }
#menu-item-6041 > a { font-size: 25px !important; }*/
#lang_sel { float: left; margin-top: 4px; position: relative; margin-left: 10px;  }
#lang_sel a.lang_sel_sel { background: url("../img/nav-arrow-down.png") no-repeat scroll right center; border: none; color: #666666; text-shadow: 1px 1px 1px #000000; float:left;  }
#lang_sel ul, #lang_sel li {float:left; width:auto; }
.sub-menu { letter-spacing: 2px !important; line-height: 2px !important; margin-left: 1px !important; margin-top: 6px !important; }
#lang_sel ul ul { visibility: visible; border-top: none; float:left; position: static; width:auto; }
.st_sharethis_large { background: url("images/sharethis.png") no-repeat scroll center top rgba(0, 0, 0, 0) !important; clear:both; cursor: pointer; float: left; margin-left: 16px; margin-top: 8px; width: 78px; }
#lang_sel ul ul a, #lang_sel ul ul a:visited { background: none!important; border: none; color: #666666; padding: 0 6px; text-shadow: 1px 1px 1px #000000; line-height: 24px; }
#adults { margin-left: 1px; margin-right: 9px; }
.stLarge { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; }

/* mouse selection */
select.wpcf7-form-control.wpcf7-select {
width: 221px !important;
float: left !important;
margin-left: 3px;
}
::-moz-selection {
color: #fff;
background-color: #ff891e;
text-shadow: none;
}
::selection { color: #fff; background-color: #ff891e; text-shadow: none; }
h2 { border-top: 6px solid #DCD8D8!important; color: #8C7E7E !important; padding: 4px !important; }
.page-id-5854 header nav { display: none !important; }
.page-id-5854 .tripvg { display: none !important; }
.page-id-5854 .supersized-fullscreen span { display: none !important; }
.eleftcard { float: left; margin-left: 15px; margin-right: 15px; margin-top: -1px; text-transform: uppercase; }
.left-side { margin-top: 6px !important; }
#swipebox-overlay { background: #f3f3f3 !important; opacity: 1 !important; }
.supersized-fullscreen { z-index: 1 !important; }
.wp-superlike.wp-superlike-align-after.wp-superlike-small { margin-right: 5px !important; margin-top: -4px !important; }
.supersized-next { z-index: 1 !important; }
.attachment-thumbnail { margin-right: 7px !important; width: 140px !important; }
.ecard-container input { margin-top: 16px !important; }
.supersized-prev { z-index: 1 !important; }
.right-side { margin-top: -36px !important; }
.buttonsecond { font-family: "lato" !important; font-weight: lighter !important; letter-spacing: 1px !important; margin-top: 0; }
/* virtuoso */



.virtuoso_banner { position: absolute; right: -7% !important; top: -166px; width: 100%; }
.virtuoso_banner_bg { border-bottom: 1px dotted #FFFFFF; height: 1px; position: absolute; right: 0; top: -20px; width: 41%; z-index: 999; }
.virtuoso_banner_holder { position: relative; text-align: right; width: 80%; z-index: 1000; margin: 0 auto }
.virtuoso_banner_title { float: right; background: #aa9e7c; color: #fff; font-family: "NovecentoWideNormal", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; margin: 0 30px 0 0; padding: 4px 6px; }
.virtuoso_banner_open { background: url(../img/offer_banner_open.png) center center no-repeat; width: 24px; height: 13px; display: block; position: absolute; right: -10px; top: -10px; display: none; cursor: pointer; }
.virtuoso_banner_content { background: none repeat scroll 0 0 transparent; color: #FFFFFF; float: right; font-family: "NovecentoLightWide", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 35px; margin: 4px 0 0; width: 573px !important; }
.virtuoso_banner_content a, .virtuoso_banner_content .webseoanalyticsLinker { color: #fff; font-family: "NovecentoLightWide", Arial, Helvetica, sans-serif; font-size: 32px; line-height: 37px; font-weight: bold; background: none; text-decoration: none; }
.virtuoso_banner_close { float: right; background: url(../img/offer_banner_close.png) center center no-repeat; width: 12px; height: 12px; display: block; margin: 21px 0 0 10px; cursor: pointer; position: relative; right: -15px; }
.span-24.last { text-align: center; }
.room_banner { position: absolute; top: 295px; width: 100%; right: 13%; }
.room_banner_bg { position: absolute; height: 1px; top: 13px; width: 60%; right: 0; border-bottom: 1px dotted #fff; z-index: 999; }
.room_banner_holder { position: relative; text-align: right; width: 80%; z-index: 1000; margin: 0 auto }
.room_banner_title { float: right; background: #aa9e7c; color: #fff; font-family: "NovecentoWideNormal", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; margin: 0 30px 0 0; padding: 4px 6px; }
.room_banner_open { background: url(../img/offer_banner_open.png) center center no-repeat; width: 24px; height: 13px; display: block; position: absolute; right: -10px; top: -10px; display: none; cursor: pointer; }
.room_banner_content { float: right; color: #fff; font-family: "NovecentoLightWide", Arial, Helvetica, sans-serif; font-size: 30px; /*width:460px;*/

width: 300px; line-height: 35px; margin: 14px 0 0 0; background: none; }
.room_banner_content a, .room_banner_content .webseoanalyticsLinker { color: #fff; font-family: "NovecentoLightWide", Arial, Helvetica, sans-serif; font-size: 32px; line-height: 37px; font-weight: bold; background: none; text-decoration: none; }
.room_banner_close { float: right; background: url(../img/offer_banner_close.png) center center no-repeat; width: 12px; height: 12px; display: block; margin: 21px 0 0 10px; cursor: pointer; position: relative; right: -15px; }
.wrapper>p { color: #222!important; }
.mdash > li { color: #666666 !important; }
p { font-family: roboto !important; font-weight:300; }
/* general */

html { font-family: didact gothic !important; background: #f2f2f2 repeat top center fixed; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { width: 100%; height: 100%; overflow-x: hidden; font-size: 14px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #222; overflow-x: hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5 { font-weight: 400; overflow-wrap: break-word; -ms-word-wrap: break-word; word-wrap: break-word; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
h1 a, h2 a, h3 a, h4 a, h5 a { font-weight: inherit; }
h1 { font-size: 32px; line-height: 1.2; margin-bottom: 24px; }
h2 { font-size: 24px; line-height: 1.2; margin-bottom: 24px; }
h3 { font-size: 21px; line-height: 1.3; margin-bottom: 24px; }
h4 { font-size: 18px; line-height: 1.25; margin-bottom: 12px; }
h5 { font-size: 16px; margin-bottom: 12px; }
h6 { font-size: 14px; margin-bottom: 24px; letter-spacing: 1px; text-transform: uppercase; }
.no-bottom { margin-bottom: 0!important; }
.add-bottom, .tagcloud { margin-bottom: 24px!important; }
p, ol, ul, dl, pre { margin-bottom: 24px; letter-spacing: 1px !important; }
.small { font-size: 90%; }
ul, ol { margin-left: 24px; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin-left: 22px; margin-bottom: 0; }
ul { list-style-type: square; float: left;}
ol { list-style-type: decimal; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-roman { list-style-type: lower-roman; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }
ul.mdash, ul.links, .page-widget ul { margin-left: 0; list-style-type: none; }
ul.mdash li:before, .page-widget ul li:before { content: '\2014'; margin-right: 8px; position: relative; top: -1px; }
ul.links li h5 { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #666; }
ul.links li h5:before { content: '\00BB'; margin-left: 7px; margin-right: 8px; position: relative; top: -1px; }
.list-bordered { list-style-type: none; margin-left: 0; padding: 0; }
.list-bordered li { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px dotted #ddd; }
em { font-style: italic; }
strong { color: #ADA86F !important; font-weight: bold; text-transform: uppercase!important; }
small { font-size: 80%; }
blockquote { position: relative; margin: 0 0 24px; padding-left: 24px; padding-right: 24px; border-left: 1px solid #777; font-family: Georgia, Times, "Times New Roman"; font-style: italic; color: #777; }
blockquote:before, blockquote:after { content: ''; }
blockquote:before { position: absolute; top: 0; left: 1px; border-left: 1px solid #777; height: 100%; }
blockquote cite { display: block; text-indent: 40px; position: relative; }
blockquote cite:before { content: "\201c"; font-weight: bold; font-style: normal; font: 94px/74px Arial; position: absolute; top: -2px; left: -36px; }
blockquote cite a, blockquote cite a:visited { color: #777; }
abbr[title] { border-bottom: 1px dotted #ddd; cursor: help; }
dfn { font-style: italic; }
ins { text-decoration: none; }
mark { font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: Monaco, "Courier New", monospace; font-size: 14px; line-height: 22px; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
sub, sup { position: relative; font-size: 11px; line-height: 0; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
hr { display: block; margin: 24px 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; }
img { max-width: 100%; height: auto; border-width: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
p img.left { float: left; margin: 5px 12px 12px 0; }
p img.right { float: right; margin: 5px 0 12px 12px; }
svg:not(:root) { overflow: hidden; }
figure { margin-bottom: 24px; }
figure img { margin-bottom: 6px; }
figure figcaption { display: block; font-weight: normal; font-size: 14px; color: #888; }
iframe, embed { max-width: 100%; }
.float-left, .floatleft { float: left; }
.float-right, .floatright { float: right; }
.sticky, .gallery-caption, .bypostauthor { }
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 12px 12px; }
.alignleft { float: left; margin: 0 12px 12px 0; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }
span.highlight { background-color: #fff8be; padding-left: 2px; padding-right: 2px; }
.wp-caption { max-width: 100% !important; border: 1px solid #ddd; text-align: center; background-color: #fafafa; padding: 6px; margin-bottom: 12px; }
.wp-caption img { margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { font-size: 12px; padding-top: 6px; margin: 0; }
.wp-caption dd { margin-bottom: 0; }
.wp-smiley { max-height: 1em; }
.gallery { margin-bottom: 24px!important; }
.gallery-item { margin-bottom: 0; margin-top: 0!important; }
.gallery-item img { border: 1px solid #fff!important; margin-top: -1px; }
.gallery-item .gallery-caption { margin-bottom: 0; }
.gallery > p, p:empty { display: none; }
.clearfix:after, .post:after, .gallery:after { content: ""; display: table; clear: both; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.widget_rss h3 img { position: relative; top: -2px; width: 13px; height: 13px; }
.widget_rss li { margin-bottom: 12px; }
.widget_rss li:last-child { margin-bottom: 0; }
.widget_rss .rss-date { display: block; color: #888; }
.bookingcontainersecond { float: left; margin-bottom: -30px; margin-right: 127px; margin-top: -11px; width: 100%; }
h2 { font-family: open sans !important; font-weight: lighter !important; text-transform: uppercase !important; }
nav { text-align: left !important; }
button { margin-left: 14px; }
.buttonsecond { margin-top: 0px; }
.arrivalsecond.hasDatepicker { float: left; margin-right: 1px; margin-top: 0.9px; padding-bottom: 6px; padding-top: 7px; text-indent: 8px; width: 116px; }
/* links */

a { color: #b75700; text-decoration: none; }
a:visited { color: #512700; }
a:hover { color: #843f00; text-decoration: underline; }
a:focus { outline: thin dotted; color: #1e0e00; }
a:hover, a:active { outline: 0; }
/* table */

table { width: 100%; max-width: 100%; margin-bottom: 24px; border-collapse: collapse; border-spacing: 0; background-color: #fff; border: 1px solid #d9d9d9; }
table th, table td, table caption { padding: 4px; vertical-align: top; border: 1px solid #d9d9d9; font-size: 14px; line-height: 24px; text-align: left; }
table th, table caption { font-weight: bold; text-transform: uppercase; background-color: #ff891e; border: 1px solid #fe7900; color: #fff; }
table caption { text-align: center; border-bottom: 0; }
table thead th { vertical-align: bottom; }
table tbody + tbody { border-top: 2px solid #d9d9d9; }
table.table-striped tbody tr:nth-child(odd) td, table.table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; }
/* buttons */

.button, button, input[type=submit], input[type=reset], input[type=button], .pagination .page-numbers { display: inline-block; padding: 8px 12px; margin-bottom: 24px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; vertical-align: middle; text-decoration: none; cursor: pointer; color: #fff; background-color: #ff891e; border: 0; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }
.button:visited, button:visited, input[type=submit]:visited, input[type=reset]:visited, input[type=button]:visited, .pagination .page-numbers:visited, .button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .pagination .page-numbers:hover { color: #fff; text-decoration: none; }
.button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus, .pagination .page-numbers:focus, .button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .pagination .page-numbers:hover { background-color: #ea6f00; color: #fff; }
.button:active, button:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active { background-color: #d16300; }
.button.small, button.small, input[type=submit].small, input[type=reset].small, input[type=button].small { font-size: 11px; margin-bottom: 0; padding: 0 4px; }
.button.big, button.big, input[type=submit].big, input[type=reset].big, input[type=button].big { font-size: 21px; padding: 20px 29px; }
.button.full-width, button.full-width, input[type=submit].full-width, input[type=reset].full-width, input[type=button].full-width { width: 100%; padding-left: 0!important; padding-right: 0!important; text-align: center; }
.button.grey, button.grey, input[type=submit].grey, input[type=reset].grey, input[type=button].grey { background-color: #ccc; color: #111; }
.button.grey:focus, button.grey:focus, input[type=submit].grey:focus, input[type=reset].grey:focus, input[type=button].grey:focus, .button.grey:hover, button.grey:hover, input[type=submit].grey:hover, input[type=reset].grey:hover, input[type=button].grey:hover { background-color: #bfbfbf; }
.button.grey:active, button.grey:active, input[type=submit].grey:active, input[type=reset].grey:active, input[type=button].grey:active { background-color: #b3b3b3; }
.button.dark, button.dark, input[type=submit].dark, input[type=reset].dark, input[type=button].dark, .pagination .current { background-color: #333; color: #eaeaea; }
.button.dark:focus, button.dark:focus, input[type=submit].dark:focus, input[type=reset].dark:focus, input[type=button].dark:focus, .button.dark:hover, button.dark:hover, input[type=submit].dark:hover, input[type=reset].dark:hover, input[type=button].dark:hover { background-color: #4d4d4d; }
.button.dark:active, button.dark:active, input[type=submit].dark:active, input[type=reset].dark:active, input[type=button].dark:active { background-color: #595959; }
 button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* forms */

form { margin-bottom: 24px; }
label, legend { display: block; font-weight: bold; font-size: 13px; }
label.checkbox { margin-bottom: 12px; }
input[type=text], input[type=password], input[type=email], input[type=date], textarea, select { border: 1px solid #bfbfbf; outline: none; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #111; background: #fff; width: 230px; max-width: 100%; display: block; margin: 0 0 12px; padding: 6px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type=text].full-width, input[type=password].full-width, input[type=email].full-width, input[type=date].full-width, textarea.full-width, select.full-width { width: 100%; }
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=date]:hover, textarea:hover, select:hover { border: 1px solid #a6a6a6; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus { border: 1px solid #ff891e; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 3px rgba(0,0,0,.15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); }
 input[type=text]:focus:invalid, input[type=password]:focus:invalid, input[type=email]:focus:invalid, input[type=date]:focus:invalid, textarea:focus:invalid, select:focus:invalid {
border-color: #e55;
}
input[type=text][readonly], input[type=password][readonly], input[type=email][readonly], input[type=date][readonly], textarea[readonly], select[readonly] { opacity: 0.5; cursor: not-allowed; }
.ie7 input[type=text].full-width, .ie7 input[type=password].full-width, .ie7 input[type=email].full-width, .ie7 input[type=date].full-width, .ie7 textarea.full-width, .ie7 select.full-width { width: 85%; }
textarea { width: 450px; min-height: 60px; overflow: auto; }
input.inline { display: inline-block; }
select { float: left !important; line-height: 27px; margin-left: 10px; text-indent: 1px; width: 126px !important; 
 

/*Reset Safari User Agent Styles*/

* {
-webkit-padding-start: 0px;
}
}
.oldie select { width: 240px; }
.page-widget select { width: 100%; margin-bottom: 24px; }
.page-widget blockquote p cite { text-indent: 0; }
.page-widget blockquote p cite:before { display: none; }
input[type=checkbox], input[type=radio] { display: inline; position: relative; top: 1px; }
label span, legend span { font-weight: normal; font-size: 12px; }

::-webkit-input-placeholder {
color: #ccc;
}
element.style {
}
p {
float: left !important;

}
:-moz-placeholder {
color: #ccc;
}
.wpcf7 input[type=text], .wpcf7 input[type=password], .wpcf7 input[type=email], .wpcf7 input[type=date], .wpcf7 textarea, .wpcf7 select, .wpcf7 input[type=submit] { margin-bottom: 0; }
div.wpcf7-response-output { margin: 0; }
div.wpcf7-validation-errors { border: 0; position: relative; margin-bottom: 12px; font-size: 13px; border-left: 3px solid #fff072; padding: 10px 12px; background-color: #fff8be; }
span.wpcf7-form-control-wrap { display: block; }
span.wpcf7-not-valid-tip { display: block; position: absolute; left: 0; top: 30px; width: auto; border: 0; font-size: 12px; line-height: 20px; padding: 0 5px; background-color: #fff8be; }
/* responsive video */

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: rgba(0, 0, 0, .02); }
.video-container iframe, .video-container object, .video-container embed, .video-container img, .video-container .map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-wrapper { max-width: 100%; }
/* separators */

.sep { margin-bottom: 24px; height: 2px; border-top: 1px solid #808080; position: relative; clear: both; }
.sep span { display: block; position: absolute; left: 0; top: 1px; width: 100%; border-top: 1px solid #808080; }
.sep-margin-top { margin-top: 24px; }
.sep-no-margin { margin-bottom: 0; }
/* thumb */

.thumb { position: relative; display: inline-block; margin-bottom: 24px; }
.oldie .thumb { display: block; }
.thumb img { width: 100%; display: inline-block; }
.thumb .overlay { content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: #000; }
.thumb .icon-fullsize, .thumb .icon-link, .thumb .icon-video { position: absolute; z-index: 2; top: 50%; left: 50%; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; background: url(images/sprite.png) no-repeat -999px 0; }
.thumb .overlay, .thumb .icon-fullsize, .thumb .icon-link, .thumb .icon-video { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }
.thumb .icon-link { background-position: 0 -60px; }
.thumb .icon-fullsize { background-position: -20px -60px; }
.thumb .icon-video { width: 17px; margin-left: -8px; background-position: -40px -60px; }
.thumb:hover .overlay { opacity: 0.4; filter: alpha(opacity=40); }
.thumb:hover .icon-fullsize, .thumb:hover .icon-link, .thumb:hover .icon-video { opacity: 1; filter: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
/* collapse */

.collapse { margin-left: 0; }
.collapse li { list-style-type: none; }
.collapse .collapse-title { cursor: pointer; padding-bottom: 5px; margin-bottom: 0; color: #8c7e7e; border-bottom: 1px dotted #666; }
.collapse .collapse-title:hover { color: #843f00; }
.collapse .collapse-title:before { content: '+'; margin-left: 7px; margin-right: 8px; font-size: 15px; font-family: Arial, sans-serif; }
.ie7 .collapse .collapse-title:before { content: ''; width: 0; margin: 0; display: none; }
.collapse .collapse-content { height: 0; margin-left: 22px; margin-bottom: 5px; overflow: hidden; opacity: 0; filter: alpha(opacity=0); }
.collapse .active .collapse-title { color: #1a1a1a; }
.collapse .active .collapse-title:before, .no-js .collapse .collapse-title:before { content: '\2013'; position: relative; top: -2px; }
.collapse .active .collapse-content, .no-js .collapse .collapse-content { padding-top: 5px; height: auto; opacity: 1; filter: none; }
.collapse .active .collapse-content { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }
/* dropcap */

.dropcap { float: left; background-color: #bbb; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 23px; margin: 2px 8px 0 0; }
.dropcap.color { background-color: #ff891e; color: #fff; }
/* alert boxes */

.alert { position: relative; margin-bottom: 24px; font-size: 13px; border-left: 3px solid #c4c4c4; padding: 10px 12px; }
.alert.info { background-color: #fff; }
.alert.success { background-color: #dbfac9; border-color: #acf483; }
.alert.notice { background-color: #fff8be; border-color: #fff072; }
.alert.error { background-color: #ffc7b9; border-color: #ff8a6d; }
/* tooltips */

#tooltip { display: none; opacity: 0; text-align: center; color: #fff; background-color: #222; position: absolute; left: 0; top: 0; z-index: 100; font-size: 11px; line-height: 1; padding: 8px 10px; max-width: 100%; border-radius: 2px; }
#tooltip:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #222; content: ''; position: absolute; left: 50%; bottom: -4px; margin-left: -4px; }
.oldie #tooltip:after { bottom: -3px; }
#tooltip.top:after { border-top-color: transparent; border-bottom: 4px solid #222; top: -8px; bottom: auto; }
#tooltip.left:after { left: 4px; margin: 0; }
#tooltip.right:after { right: 4px; left: auto; margin: 0; }
/* social icons */

.icon-social { display: inline-block; width: 16px; height: 16px; margin-right: 2px; background: url(images/sprite.png) no-repeat -999px 0; }
.icon-social:hover { opacity: 0.75; filter: alpha(opacity=75); }
.icon-twitter { background-position: -88px 0; }
.icon-facebook { background-position: -120px 0; }
.icon-insta { background-position: -180px 0; }
.icon-rss { background-position: -104px 0; }
.icon-dribbble { background-position: -136px 0; }
.icon-googleplus { background-position: -152px 0; }
.icon-pinterest { background-position: -168px 0; }
.icon-evernote { background-position: -88px -16px; }
.icon-vimeo { background-position: -104px -16px; }
.icon-youtube { background-position: -120px -16px; }
.icon-linkedin { background-position: -136px -16px; }
.icon-forrst { background-position: -152px -16px; }
.icon-flickr { background-position: -168px -16px; }
.icon-behance { background-position: -88px -32px; }
.icon-zerply { background-position: -104px -32px; }
.icon-tumblr { background-position: -120px -32px; }
.icon-email { background-position: -136px -32px; }
.icon-digg { background-position: -152px -32px; }
.icon-wordpress { background-position: -168px -32px; }
/* supersized */

#supersized-loader { position: fixed; z-index: -1; top: 80px; left: 50%; width: 40px; height: 40px; margin: 0 0 0 -20px; text-indent: -999em; background: #fff url('images/loading.gif') no-repeat center center; border-radius: 2px; opacity: 0.5; filter: alpha(opacity=50); }
#supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; margin: 0; visibility: hidden; background-color: #fff; background-color: rgba(255, 255, 255, .9); }
#supersized img { width: auto; height: auto; max-height: none; max-width: none; position: relative; display: none; outline: none; border: none; }
#supersized li { display: block; list-style: none; z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; }
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.image-loading { background: url(images/loading.gif) no-repeat center center; width: 100%; height: 100%; }
#supersized li.image-loading img { visibility: hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline; }
#supersized a { width: 100%; height: 100%; display: block; }
.page-template-template-fullpage-php #supersized { right: 0; height: 100%; width: 100%; }
#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }
/* header menu */

#header { margin-left: 20px; margin-bottom: 10px; width: 140px; z-index: 8; background-color: #fff; background-color: rgba(255, 255, 255, .9); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25); -moz-box-shadow: 0 0 5px rgba(0,0,0,.25); box-shadow: 0 0 5px rgba(0, 0, 0, .25); }
#header #logo { background: none repeat scroll 0 0 #FFFFFF; opacity: 0.8; padding-left: 26px; padding-right: 37px; width: 357px; }
#header #logo h1 { margin-bottom: 0; }
#header #logo.text-version h1 { font-size: 21px; }
#header #logo h1 a { display: block; text-decoration: none; }
#header #logo h1 a img { display: block; }
#header #logo .menu-toggle { padding-top: 17px; height: 8px; display: none !important; }
.expand-supersize #header #logo .menu-toggle { display: none; }
#header #logo .menu-toggle span { display: block; width: 20px; height: 10px; margin: 0 auto; cursor: pointer; background: url(images/sprite.png) no-repeat -68px -10px; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; }
#header #logo .menu-toggle span:hover { opacity: 1; filter: none; }
/* main */

#main { width: 360px; margin-top: 40px; z-index: 2; background: #f3f3f3 repeat top center fixed; background-color: #f3f3f3; }
#main .wrapper { padding: 20px 20px 1px 20px; }
.staff-title h4 { float: left; }
.staff-title .social-icons { float: right; margin-top: 3px; }
/* footer */

.tripadvisor { background: url("images/tripadv.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 28px; margin-left: 16px; margin-top: 10px; width: 138px; z-index: 999999999; }
.facebook { background: url("http://www.kedrosvillas.gr/wp-content/uploads/2016/04/facebook.png") no-repeat scroll center top rgba(0, 0, 0, 0); display: block; float: left; height: 56px; margin-left: -76px; margin-right: -15px !important; margin-top: 47px; width: 45px; }
.twitter { background: url("http://www.kedrosvillas.gr/wp-content/uploads/2016/04/twitter.png") no-repeat scroll center top rgba(0, 0, 0, 0); display: block; float: left; height: 56px; margin-left: -34px; margin-right: -5px !important; margin-top: 47px; width: 45px; }
#footer { padding: 10px 20px; z-index: 10000; font-size: 11px; background: none !important; background-color: none !important; }
#footer .right-side a { color:#ffffff; }

.searchform { position: relative; }
.searchform input { margin-bottom: 0; }
.searchform input[type=text] { width: 100%; padding-right: 80px; }
.searchform input[type=submit] { position: absolute; top: 0; right: 0; height: 30px; padding-top: 6px; padding-bottom: 6px; margin: 0; }
/* post item */

.post { position: relative; }
.post h3 { margin-bottom: 2px; margin-right: 32px; }
.post h3 a { color: #222; }
.post h3 a:hover { color: #843f00; }
.post .date { font-size: 12px; margin-bottom: 6px; color: #888; }
.post .meta { margin-bottom: 12px; color: #888; background-color: #fff; padding: 8px 12px; font-size: 12px; }
.post .meta p { margin-bottom: 0; }
.post .meta p span { position: relative; }
.post .meta p span:before { content: ''; float: left; position: relative; top: 3px; width: 13px; height: 13px; margin-top: 2px; margin-right: 4px; background: url(images/sprite.png) no-repeat -999px 0; }
.post .meta p span.permalink:before { background-position: -82px -48px; }
.post .meta p span.comments:before { width: 15px; background-position: -95px -48px; }
.post .meta p span.tags:before { margin-top: 3px; background-position: -110px -48px; }
.post .thumb { margin-bottom: 8px; }
.post a.all { position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; background: url(images/sprite.png) no-repeat -38px -30px; }
.post a.all:hover { background-position: -38px 0; }
/* comments */

.commentlist { list-style: none; margin-left: 0; }
.commentlist .comment { border-top: 1px solid #c4c4c4; padding-top: 24px; margin-top: 24px; }
.commentlist .bypostauthor { border-top: 3px solid #ff891e; }
.commentlist .comment .comment-author { float: left; width: 52px; margin-right: 10px; }
.commentlist .comment .comment-author img { display: block; }
.commentlist .comment h6 { margin-bottom: 5px; }
.commentlist .comment a.comment-reply-link { font-weight: normal; text-transform: none; font-size: 11px; margin-left: 5px; position: relative; top: -1px; }
.commentlist .comment p { font-size: 13px; line-height: 20px; margin-bottom: 0; margin-top: 5px; }
.commentlist .comment p.date { font-size: 12px; margin-bottom: 6px; }
.commentlist .comment p.date:before { content: ''; float: left; width: 13px; height: 15px; margin-right: 6px; position: relative; top: 1px; left: 1px; background: url(images/sprite.png) no-repeat -68px -48px; }
.commentlist .comment .children { margin: 0 0 0 2em; list-style: none; }
#comments #respond span.required { font-weight: 700; }
/* panorama plugin custom style */

.page-template-template-nocontent-php .panorama360 .controls { position: fixed; left: auto; right: 10px; bottom: 10px; }
.page-template-template-nocontent-php .panorama360 .controls a { padding: 0; margin-left: 5px; margin-right: 0; width: 30px; height: 30px; opacity: 0.5; filter: alpha(opacity=50); background-color: #fff; cursor: pointer; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -ms-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; }
.page-template-template-nocontent-php .panorama360 .controls a span { display: block; margin-top: 5px; background-image: url(images/sprite.png)!important; }
.page-template-template-nocontent-php .panorama360 .controls a.prev span { height: 20px; width: 13px; margin-left: 8px; background-position: -143px -48px; }
.page-template-template-nocontent-php .panorama360 .controls a.next span { height: 20px; width: 13px; margin-left: 8px; background-position: -156px -48px; }
.page-template-template-nocontent-php .panorama360 .controls a.stop span { height: 12px; width: 12px; margin-top: 9px; margin-left: 9px; background: #222; }
.page-template-template-nocontent-php .panorama360 a.title, .page-template-template-nocontent-php .panorama360 .title { padding: 0 10px; right: 115px; bottom: 10px; background-color: #fff; color: #222; font: inherit; line-height: 30px; font-weight: bold; }
.ok { background: none repeat scroll 0 0 #000000; display: block; float: right; height: 232px; overflow: hidden; position: fixed; right: 0; width: 500px; z-index: 999999999; }

@media (max-width: 1220px) {
	#menu {display: none !important;}
	
	}
#header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: none; margin-bottom: 10px; margin-left: 0; margin-top: 13px; width: 401px; z-index: 8; position: fixed; height: 100%; }
#header #logo { padding: 12px; padding-left: 31px; padding-right: 94px; }
@media (min-width: 768px) {
#header nav ul { font-size: 16px; }
#header nav ul ul { font-size: 14px; }
#header nav ul ul ul { font-size: 13px; }
#header nav ul li a { padding: 10px 20px; }
#header nav ul li ul a { padding-left: 25px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09); }
#main { position: absolute; width: 360px; top: 0; right: 0; min-height: 100%; margin-top: 0; }
#main .wrapper { padding: 20px 30px; opacity: 0.9; filter: alpha(opacity=90); }
#supersized-loader { top: 50%; margin: -20px 0 0 -170px; }
.expand-supersized #supersized-loader, .page-template-template-fullscreen-php #supersized-loader { margin-left: -20px; }
#supersized { width: auto; right: 300px; }
.expand-supersized #supersized, .page-template-template-fullscreen-php #supersized { width: 100%; right: 0; }
.supersized-fullscreen, .supersized-prev, .supersized-next { background-color: rgba(0, 0, 0, 0); bottom: 47px; cursor: pointer; display: none; height: 41px; opacity: 0.8; position: fixed; transition: opacity 0.25s linear 0s; width: 30px; z-index: 5; z-index: 5; filter: alpha(opacity=80); background-color: transparent; cursor: pointer; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -ms-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; }
.expand-supersized .supersized-fullscreen, .expand-supersized .supersized-prev, .expand-supersized .supersized-next { bottom: 20px; }
.supersized-fullscreen:hover, .supersized-prev:hover, .supersized-next:hover { opacity: 1; filter: none; }
.supersized-fullscreen span, .supersized-prev span, .supersized-next span { display: block; height: 34px; margin-top: 0px; width: 35px !important; background-image: url(images/sprite.png); }
.supersized-fullscreen { display: block; right: 320px; }
.expand-supersized .supersized-fullscreen, .page-template-template-fullpage-php .supersized-fullscreen { right: 20px; }
.supersized-fullscreen span { width: 44px !important; margin-left: 1px; background-position: -80px -85px; height: 37px; margin-top: -1px; }
.supersized-prev { right: 390px; }
.expand-supersized .supersized-prev, .page-template-template-fullpage-php .supersized-prev { right: 90px; }
.supersized-prev span { background-position: -2px -86px; height: 36px; margin-top: 3px; width: 39px !important; }
.supersized-next { right: 355px; }
.expand-supersized .supersized-next, .page-template-template-fullpage-php .supersized-next { right: 55px; }
.supersized-next span { background-position: -39px -82px; height: 40px; margin-left: 0; width: 38px !important; }
#footer { position: fixed; left: 0; bottom: 0; right: 300px; margin-top: 0; height: 27px; line-height: 16px; padding: 6px 0; }
.page-template-template-fullpage-php #footer { right: 0; }
#footer .left-side { float: left; margin-left: 6px; }
#footer .right-side { color: #F3F3F3; float: right; margin-right: 4px; margin-top: 15px !important; }
.expand-supersize #main, .expand-supersize #footer { display: none; }
}

@media (min-width: 992px) {

#footer { right: 360px; }
#supersized { right: 360px; }
#supersized-loader { margin-left: -200px; }
.supersized-fullscreen { right: 370px; bottom: 0; margin-top: 16px; }
.supersized-next { right: 415px; }
.supersized-prev { right: 450px; }
}

/* retina display */

@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.thumb .icon-fullsize, .thumb .icon-link, .thumb .icon-video, .icon-social, #header #logo .menu-toggle span, .post .meta p span:before, .post a.all, .commentlist .comment p.date:before, .page-template-template-nocontent-php .panorama360 .controls a span, .supersized-fullscreen span, .supersized-prev span, .supersized-next span { background-image: url(images/sprite2.png); -webkit-background-size: 184px 80px; -moz-background-size: 184px 80px; background-size: 184px 80px; }
.oldie .thumb .icon-fullsize, .oldie .thumb .icon-link, .oldie .thumb .icon-video, .oldie .icon-social, .oldie #header #logo .menu-toggle span, .oldie .post .meta p span:before, .oldie .post a.all, .oldie .commentlist .comment p.date:before, .oldie .page-template-template-nocontent-php .panorama360 .controls a span, .oldie .supersized-fullscreen span, .oldie .supersized-prev span, .oldie .supersized-next span { background-image: url(images/sprite.png); }
}
#header nav li a { color: #FFFFFF !important; display: block; font-family: melbourne; padding: 10px 15px; text-shadow: 1px 1px 1px #000000; text-transform: uppercase !important; transition: all 0.2s linear 0s; }

@media (max-width:940px) {
.supersized-fullscreen { display: none !important; }
.supersized-prev { display: none !important; }
.supersized-next { display: none !important; }
.bookingcontainersecond { float: left; margin-bottom: -30px; margin-right: 11px; margin-top: -11px; width: 100%; }
}

@media (max-width:840px) {
.virtuoso_banner { display: none !important; }
}

@media (max-width:842px) {
#footer { display: none !important; }
}
/***** Custom Css *************/

.expand-supersized #main, .expand-supersized #footer { display: block; }
#main { position: relative; float: right; background: none; }
#main .wrapper { background: none repeat fixed center top #F3F3F3; }
.slider-content h3 { color: #FFF; margin: 20px 16px 10px; text-align: right; text-shadow: 1px 1px 1px #000; font-family: melbourne; text-transform: uppercase; font-weight: 300; }
.slider-container { position: relative; max-width: 100%; float: left; clear: both; }
.slider-container li { list-style: none; float: left; }
.slider-container li a { float: left; max-height: 230px; max-width: 159px; border: rgba(235, 235, 235, 0.5) solid 5px; -webkit-border-radius: 0px; -moz-border-radius: 5px; border-radius: 0px; }
.nbs-flexisel-inner { overflow: hidden; float: left; width: 100%; }
.news-slider { position: relative; z-index: 9999; width: 99999px; float: left; margin: 0 0 20px; }
#main .wrapper { float: left; clear: both; width: 300px; }
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 26px; height: 42px; position: absolute; z-index: 9999; top: 30% !important; }
.nbs-flexisel-nav-left { background: url(images/prev.png) no-repeat; left: 5px; }
.nbs-flexisel-nav-left:hover { background: url(images/prev.png) no-repeat; left: 5px; cursor: pointer; }
.nbs-flexisel-nav-right { background: url(images/next.png) no-repeat; right: 15px; }
.nbs-flexisel-nav-right { background: url(images/next.png) no-repeat; right: 15px; cursor: pointer; }
.slider-container + .bookingcontainersecond .arrivalsecond.hasDatepicker { text-indent: 6px; width: 156px; }
.slider-container + .bookingcontainersecond select { margin-left: 6px; text-indent: 1px; width: 86px !important; height: 34px; }
#children { margin-left: -1px; width: 109px !important; }
.slider-container + .bookingcontainersecond .button, .slider-container + .bookingcontainersecond button, .slider-container + .bookingcontainersecond input[type="submit"], .slider-container + .bookingcontainersecond input[type="reset"], .slider-container + .bookingcontainersecond input[type="button"], .slider-container + .bookingcontainersecond .pagination .page-numbers { font-size: 13px; margin-bottom: 20px; padding: 9px 7px; margin-left: 5px; }
.expand-supersized .supersized-prev { margin-bottom: 22px; right: 444px; bottom: 0; }
.expand-supersized .supersized-next { margin-bottom: 22px; right: 407px; bottom: 0; }
.expand-supersize.expand-supersized .supersized-next { right: 55px; }
.expand-supersize.expand-supersized .supersized-prev { right: 90px; }
@media (max-width: 1220px) {
    #header{ position:static; width:100%;}
    #main { width:100%;}
    #main .wrapper { width:auto;}
    .slider-container li a { float:none;}
    .menuhead { float: left; position: static; }
    #sdrn_menu.top { float:left; }
}
@media (max-width: 490px) {
	#header #logo { width:247px; }
	
}

.sub-menu li { clear:both; }
.page-id-5854{ background:#ffffff; }
.wrapper ul li { font-family: roboto; font-weight: 300; font-size: 14px; }
#swipebox-overlay #swipebox-action {  bottom: 0; }
#swipebox-overlay #swipebox-caption { top:0; }
.tripvg a.link { float:left; clear:both;  margin-left: 16px;  margin-top: 5px;} 
.social { float:left; width:100%; padding:20px 0 30px; border-bottom: #aa9a40 solid 1px; }
.social span {float:left; color:#fff; font-family: georgia; font-size: 20px; margin: 4px 0 0 12px; text-shadow: 1px 1px 1px #000; }
.social a {float:left; margin-left: 12px; }

.information { float:left; margin-top: 5px; }
.information a{ float:left; margin-left: 15px; }