/*
www.greekantiques.gr
author Emilio Kyriakakis 
@ e-millescreations.com
*/
body {webkit-tap-highlight-color:#5c511f; overflow-x:hidden; font-family:"Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#foothistory {color:#ffffff; text-decoration:none;}
#foothistory:hover {color:#867347;}
.map iframe { pointer-events:none; }
.map { width:100%; height:300px; }
.btn { background-color: #a29061; color: #333; }
.btn-outline { border: 2px solid #a29061; background-color: transparent; color: #a29061; }
.btn-outline:hover, .btn-outline:focus { color: #fff; border-color: #fff; background:#a29061; }
.btn-outline:hover:before, .btn-outline:focus:before { width: 100%; background-color: #a29061; }
a, a:focus, a:active, a.active {color: #af9c71;}
a:hover {color: #867347;}
h1, h2, h3, h4, h5, h6 {font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700;}
h3{font-size: 20px;}
/*p {line-height: 1.75;}*/
.alignleft {text-align:left; padding-left: 30px;}
.alignright {text-align:right; padding-right: 30px;}
.sidebar-nav {padding: 9px 0;}
.dropdown-menu .sub-menu {left: 100%; position: absolute; top: -0px; visibility: hidden; margin-top: -1px;}
.dropdown-menu li:hover .sub-menu {visibility: visible;}
.dropdown:hover .dropdown-menu {display: block;}
.dropdown-menu .dropdown-item { color:#fff; padding:0px;}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {margin-top: -50px; background:#666;}
.navbar .sub-menu:before {border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px;}
.navbar .sub-menu:after {border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px;}
.navbar-toggler {z-index: 1;}
.navlogo {display:block;}
#mainNav {background-color: rgba(0,0,0, .6); text-align:center;}
#mainNav.navbar-shrink ul li ul li a:hover { background:transparent; color:#fec503;}
#mainNav .reserv {background:#fec503; padding:0px; border:2px solid #fff; border-radius:5px; width:auto; text-align:center;}
#mainNav .reserv:hover {background:#a89d67;}
#mainNav.navbar-shrink .reserv a:link {color:#fff}
#mainNav .navbar-toggler {display:none}
#mainNav .navbar-toggler:hover {background-color: #867347; cursor: pointer; cursor: hand;}
#mainNav .container {padding: 0;}
#mainNav .container .navbar-nav .nav-item .nav-link, 
.dropdown-menu li 
{font-size: 90%; text-align:center; padding: 0.75em 0; font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; color:#fff;}
#mainNav .container .navbar-nav .nav-item .nav-link:hover, 
#mainNav .container .navbar-nav .nav-item .nav-link.active 
{color: #fec503; }
#mainNav .container .navbar-nav .nav-item .reserv:hover, 
#mainNav .container .navbar-nav .nav-item .reserv.active 
{color: #fff; }
#mainNav {background-color: transparent; padding: 25px 0; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s ;transition: padding 0.3s; border: none;}
#mainNav .navbar-nav {font-size: 0em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#mainNav .reserv {border:0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color:#fff;}
#mainNav img {width:0px; height:0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#mainNav ul li img {width:193px; height:62px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#mainNav.navbar-shrink .navbar-nav {padding: 12px 0; font-size: 1em; position:relative; top:10px;}
#mainNav.navbar-shrink ul li img {width:193px; height:62px; position:relative; top:-0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin:0; padding:0;}
#mainNav.navbar-shrink ul li ul li img {width:24px; height:24px; position:relative; top:-2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#mainNav.navbar-shrink .reserv {border:2px solid #fff; position:relative; top:-2px;}
#mainNav .navbar-nav .nav-item .nav-link {padding: 1.1em 1em !important;}
#mainNav .navbar-nav {padding: 0 !important;}
#mainNav .navlogo {padding: 0 !important;}
#mainNav.navbar-shrink {background-color: rgba(0,0,0, .6); padding:0; height:auto;}

.text-primary {color: #5c511f !important;}
.btn-primary {color: white; background-color: #5c511f; border-color: #5c511f; font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700;}
.btn-primary:focus, .btn-primary.focus {color: white; background-color: #fec503; border-color: #b48b01;}
.btn-primary:hover {color: white; background-color: #fec503; border-color: #f6bf01;}
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {color: white; background-color: #fec503; border-color: #f6bf01;}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {color: white; background-color: #dcab01; border-color: #b48b01;}
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {background-image: none; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {background-color: #5c511f; border-color: #5c511f;}
.btn-primary .badge {color: #5c511f; background-color: white;}
.btn-xl {color: white; background-color: #af9c71; border-color: #867347; font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; border-radius: 3px; font-size: 18px; padding: 20px 40px;}
.btn-xl:focus, .btn-xl.focus {color: white;background-color: #867347;border-color: #af9c71; }
.btn-xl:hover {color: white; background-color: #867347; border-color: #af9c71; }
.btn-xl:active, .btn-xl.active,
.open > .btn-xl.dropdown-toggle {color: white; background-color: #867347; border-color: #af9c71;}
.btn-xl:active:hover, .btn-xl:active:focus, .btn-xl:active.focus, .btn-xl.active:hover, .btn-xl.active:focus, .btn-xl.active.focus,
.open > .btn-xl.dropdown-toggle:hover,
.open > .btn-xl.dropdown-toggle:focus,
.open > .btn-xl.dropdown-toggle.focus {color: white; background-color: #867347; border-color: #af9c71; }
.btn-xl:active, .btn-xl.active,
.open > .btn-xl.dropdown-toggle {background-image: none;}
.btn-xl.disabled:hover, .btn-xl.disabled:focus, .btn-xl.disabled.focus, .btn-xl[disabled]:hover, .btn-xl[disabled]:focus, .btn-xl[disabled].focus,
fieldset[disabled] .btn-xl:hover,
fieldset[disabled] .btn-xl:focus,
fieldset[disabled] .btn-xl.focus {background-color: #867347;border-color: #af9c71;}
.btn-xl .badge {color: #867347; background-color: white;}
section {padding: 80px 0;}
section h2.section-heading {font-size: 40px; margin-top: 0; margin-bottom: 15px; }
section h3.section-subheading {font-size: 14px; font-family: "Noto Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; font-style: italic; font-weight: 400; margin-bottom: 75px;}
footer {padding: 25px 0; text-align: center;}
ul.social-buttons {margin-bottom: 0;}
ul.social-buttons li a {display: block; background-color: #420101; height: 40px; width: 40px; border-radius: 100%; font-size: 20px; line-height: 40px; color: white; outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {background-color: #a29061;}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {outline: none; }
::-moz-selection {text-shadow: none; background: #5c511f;}
::selection {text-shadow: none; background: #5c511f;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
button#menubut {background:url(/images/greekantiques-newlogo4.png); background-size:100px; background-repeat: no-repeat; width:300px; height:50px; border: 0;}
/*********************************************************************************/
@media (max-width: 992px) {
.navlogo {display:none;}
#mainNav img {width:116px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position:relative; top:-20px;}
#mainNav.navbar-shrink img {width:0px; height:0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#mainNav.navbar-shrink .navbar-toggler {border: 0; color:#af9c71; background-color:#fff; font-size:1.2em; text-transform: uppercase; font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0px; right: 0; display:block; position:relative; top:-20px;}
.navbar .dropdown-menu {margin-top: -0px;}
#mainNav.navbar-shrink .navbar-nav {padding: 12px 0; font-size: 1em; position:relative; top:0px; display:block;}
#menulogo {height:30px; float:left;}
}
/*********************************************************************************/
@media (max-width: 768px) {
nav > .container {width: 100%;}
.alignleft {text-align:center; padding-left: 0px;}
.alignright {text-align:center; padding-right: 0px;}
section {padding: 80px 0;} 
}

.flex-caption {font-family:sans-serif; color:#ffe399; text-shadow:2px 2px 2px #000000; font-size:60px; position:absolute; top:35%; width:100%; text-align:center; z-index:1; line-height: normal;}
.slide-image {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.flexslider .slides > li {
  float: left;
  margin-right: -100%;
  overflow: hidden;
  height: 740px; 
  position: relative;
}
.flex-active-slide .slide-image {
  -webkit-animation: zoomout 5s;
          animation: zoomout 5s;
}
@media (max-width: 768px) {
.flex-caption {font-size:20px; top:45%;}
.flexslider .slides > li {
  height: 300px; 
}
} 
@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}