.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  transition: 1s all;
}

.mfp-bg {}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}


/* overlay animate in */

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}


/* overlay animate out */

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


.gdpr{

    position:fixed;
    padding:15px;
    background-color:#000;
    color:#ccc;
        width:100%;
    bottom:0px;
    z-index:99999;

}







dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}



::selection {
 background: #996;
 color: #FFF;
 text-shadow: none;
}



::-moz-selection {
 background: #1ABC9C; /* Firefox */
 color: #FFF;
 text-shadow: none;
}



::-webkit-selection {
 background: #1ABC9C; /* Safari */
 color: #FFF;
 text-shadow: none;
}
:active, :focus {
	outline: none !important;
}
body {
	line-height: 1.5;
	color: #555;
	font-family: 'Lato', sans-serif;
}
a {
	text-decoration: none !important;
	color:#333;
}
a:hover {
	color: #222;
}
a img {
	border: none;
}
img {
	max-width: 100%;
}
iframe {
	border: none !important;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 30px 0;
	font-family: 'Playfair Display', serif;
}
h5, h6 {
	margin-bottom: 20px;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h4 p {
	font-size: 12px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
h4 {
	font-weight: 600;
}
h5, h6 {
	font-weight: bold;
}
 h1 > span:not(.nocolor), h2 > span:not(.nocolor), h3 > span:not(.nocolor), h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor) {
 color: #1ABC9C;
}
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
	margin-bottom: 30px;
}
small {
	font-family: 'Lato', sans-serif;
}
.uppercase {
	text-transform: uppercase !important;
}
.lowercase {
	text-transform: lowercase !important;
}
.capitalize {
	text-transform: capitalize !important;
}
.nott {
	text-transform: none !important;
}
.tright {
	text-align: right !important;
}
.tleft {
	text-align: left !important;
}
.fright {
	float: right !important;
}
.fleft {
	float: left !important;
}
.fnone {
	float: none !important;
}
.ohidden {
	position: relative;
	overflow: hidden !important;
}
#restaurants-dubrovnik {
	position: relative;
	float: none;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.line, .double-line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 60px 0;
	border-top: 1px solid #EEE;
}
.line.line-sm {
	margin: 30px 0;
}
span.middot {
	display: inline-block;
	margin: 0 5px;
}
.double-line {
	border-top: 3px double #E5E5E5;
}
.noradius {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}
.scroll-down {
	width: 45px;
	height: 45px;
	margin-left: -40px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.scroll-down:before {
	display: block;
	content: "";
	width: 45px;
	height: 45px;
	margin: 0 0 0 -10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	z-index: 1;
}
.scroll-down:hover:before {
	opacity: .6;
}
.scroll-down-icon {
	display: block;
	width: 30px;
	height: 30px;
	margin-left: -3px;
	position: absolute;
	left: 50%;
	bottom: 7px;
	color: #111;
	font-size: 35px;
	-webkit-animation: scroll-down-anim 1s infinite;
	-moz-animation: scroll-down-anim 1s infinite;
	-o-animation: scroll-down-anim 1s infinite;
	animation: scroll-down-anim 1s infinite;
	z-index: 2;
}
.clear {
	clear:both;
}
.vertical-middle {
	height: auto !important;
	left: 0;
}
.page-loader {
	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;
}
.loader {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-right: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	border-left: 1px solid rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: spinner 700ms infinite linear;
	-moz-animation: spinner 700ms infinite linear;
	-ms-animation: spinner 700ms infinite linear;
	-o-animation: spinner 700ms infinite linear;
	animation: spinner 700ms infinite linear;
	z-index: 100001;
}
 @-webkit-keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-moz-keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-o-keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes spinner {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.magnific-max-width .mfp-content {
	max-width: 800px;
}
.section {
	position: relative;
	margin: 60px 0;
	padding: 60px 0;
	background-color: #F9F9F9;
	overflow: hidden;
}
.parallax {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
}
.mobile-parallax, .video-placeholder {
	background-size: cover !important;
	background-attachment: scroll !important;
	background-position: center center;
}
.section .container {
	z-index: 2;
}
.section .container + .video-wrap {
	z-index: 1;
}
.revealer-image {
	position: relative;
	bottom: -100px;
 transition: bottom .3s ease-in-out;
 -webkit-transition: bottom .3s ease-in-out;
 -o-transition: bottom .3s ease-in-out;
}
.section:hover .revealer-image {
	bottom: -50px;
}
.postcontent, .sidebar {
	margin-right: 40px;
}
.col_full {
	clear: both;
	float: none;
	margin-right: 0;
}
.postcontent.col_last, .sidebar.col_last {
	float: right;
}
.col_last {
	margin-right: 0 !important;
	clear: right;
}
#slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.restaurants-top {
	background-color:rgba(0, 0, 0, 0.5);
	height:35px;
	font-family: 'Dosis', sans-serif;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#ccc;
	font-weight:300;
	padding-top:8px;
	padding-right:50px;
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	display:block;
}
.restaurants-top a {
	color:#CCC;
	padding:0px 10px;
}
.restaurants-top a:hover {
	color:#fff;
}
.fixed .top-smaller {
	margin-top:-35px;
}
.slider-parallax, .slider-parallax {
	visibility: visible;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-backface-visibility: hidden;
}
#content {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
}
.intro {
	padding:20px 0px;
	background-color:#FFF;
	position:relative;
}
.val {
	position: relative;
	margin-top: -80px;
	height: 85px;
	width: 100%;
	background-image: url(https://www.nautikarestaurants.com/restaurant-nautika/images/val.png);
	background-position:center top;
	z-index: 99;
}
.textshadow {
	text-shadow: 2px 2px 2px rgba(20, 20, 20, 1);
}
.val-bottom {
	position: relative;
	margin-bottom: -80px;
	height: 80px;
	width: 100%;
	background-image: url(https://www.nautikarestaurants.com/restaurant-nautika/images/valBottom.png);
	background-position:center top;
	z-index: 99;
}
#restaurants {
	position: relative;
	overflow: hidden;
	padding:40px 0px;
	background-color:#F2F2F2;
}
#restaurants h3 {
	letter-spacing:3px;
}
.big-border {
	border:14px #fff solid;
	outline: 1px solid #E4E4E4;
	box-shadow: inset 0 0 0 1px #E4E4E4;
	;
}
.footer-italic {
	font-size:28px;
}
.follow-us {
	margin-left:15px;
}
#map {
	width:100%;
	height:500px;
}
#card_number {
	background-image: url(https://www.dubrovnik-airport-carhire.com/images/cards.png);
	background-position: 3px 3px;
	background-size: 50px 300px; /* 89 x 560 */
	background-repeat: no-repeat;
	padding-left: 70px;
}
#section-about {
	margin-top:50px;
}
#content p {
	line-height: 1.8;
}
.content-wrap {
	position: relative;/*padding: 80px 0;*/

}
#content .container {
	position: relative;
}
.lightitalic {
	font-family: 'Playfair Display', serif;
	font-style:italic;
	font-weight:400;
}
.menu-homepage {
	font-size:29px;
	padding:15px 0px;
	height:68px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.smaller .menu-homepage {
	font-size:17px;
	padding:8px 0px !important;
	height:48px;
}
.menu-left-title {
	font-size:29px;
	margin-left:25%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.smaller .menu-left-title {
	font-size:17px;
	margin-left:37%!important;
	float:left;
}
.menu-right-title {
	font-size:29px;
	margin-right:24%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.smaller .menu-right-title {
	font-size:17px;
	margin-right:36%!important;
	float:right;
}
.znak {
	background-image:url(images/znak.png);
	position:absolute;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	margin-top:-5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.smaller .znak {
	margin-left:-15px;
	width:30px;
	height:30px;
	margin-top:0px;
}
#footer {
	background-color:#333;
	color: #999;
	padding-top:50px;
}
#footer a {
	color: #999;
}
#footer a:hover {
	color: #fff;
}
#footer h2 {
	color: #666;
}
#bottom {
	background-color:#222;
	padding: 10px 0px;
	width:100%;
	margin-top:20px;

}
#bottom .bottom-text{


	color:#999;
	font-size:10px;


}

.intl-tel-input {

    width: 100%;
}


.preloaderbox img {
	max-width:20%;
	margin-top:150px;
	margin-bottom:30px;
}
.preloaderbox p {
	font-size:30px;
	font-family: 'Playfair Display', serif;
	font-style:italic;
	font-weight:300;
}
.dnolink ul {
	margin-left:10px;
	margin-top:15px;
}
.dnolink ul li {
	list-style-type:none;
}
.dnolink ul li .fa {
	color:#666;
}
.btn-homepage {
	padding-bottom:7px;
	border-bottom:#CCC 1px solid;
	letter-spacing:3px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.btn-homepage:hover {
	padding-bottom:12px;
}
.youtubebtn {
	width:120px;
	height:90px;
	background-image:url(images/video_btn.png);
	background-position:top center;
	background-repeat: no-repeat;
	padding:0px;
	border:none;
	background-color:transparent;
}
.youtubebtn:hover {
	background-image:url(images/video_btn.png);
	background-position:bottom center;
}
.reservation {
	padding-bottom: 80px;
}
.reservation .reservation-form {
	border: 1px solid #f3f1ed;
	padding: 25px 50px;
}
.reservation .reservation-form input[type=checkbox] {
  transform: scale(1.5);
}

.reservation-form .form-group {
	padding: 10px 0px;
	position: relative;
}
.reservation-form .form-group .form-control {
	padding: 0px 50px 0px 25px;
	font-size: 15px;
	height: 50px;
}
 .reservation-form .form-group input[type=number]::-webkit-inner-spin-button,  .reservation-form .form-group input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
.reservation-form .reservation-btn {
	text-align: center;
	padding: 20px 0px;
}
.reservation-form .reservation-btn a {
	padding: 15px 40px;
}
.reservation-form i {
	position: absolute;
	right: 20px;
	top: 58px;
	color: #999;
	font-size: 16px;
}

.reservation-form .intl-tel-input i {
    position: absolute;
    right: 35px;
    top: 10px;
    font-size: 21px;
}

.reservation-footer {
	position: relative;
	text-align: center;
	background-color: #fafafa;
	overflow: visible;
	padding-top: 20px;
}
.reservation-footer p {
	margin-bottom: 20px;
	color: #000;
	font-size: 22px;
}
.reservation-footer span {
	position: relative;
	bottom: -1px;
	display: block;
	width: 100%;
	height: 5px;
	text-align: center;
}
.reservation td .active {
	background-color: #f9c56a !important;
}
.help-block {
	margin-top: 10px;
	font-size: 16px;
	font-weight: normal;
}
small.help-block {
	margin-top: 10px;
	font-size: 12px;
	line-height:1.2em;
	font-weight: normal;
	font-style:italic;
}
.top-space {
	margin-top: 15px;
}
.form-group label {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	font-family: 'Playfair Display', serif;
	font-style:italic;
}
.form-group input,  .form-group textarea,  .form-group select,  .select2-container {
	border-radius: 0px;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	background-color: #f3f1ed !important;
	padding: 10px 15px;
	height:50px;
}

select {
	padding: 0px 50px 0px 15px;
	font-size: 16px;
	height: 40px;
	border: none;
	border-radius: 0px;
	border: medium none !important;
	box-shadow: none !important;
	background-color: #F3F1ED;
	width: 100%;
}
.btn-lg {
	font-weight: 700;
	padding: 18px 42px;
	font-size: 17px;
}
.subscribe .btn-default {
	padding: 0 15px;
	height: 50px;
	border: none;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #000;
	color: #fff;
	box-shadow: none;
}
.dnolink {
	font-size:11px;
}
/* POLY FUN */

.poly-top {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	z-index:100;
}
.poly-bottom {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:auto;
	z-index:100;
}
.left-poly-side {
	position: absolute;
	width: 0px;
	height: 0px;
	border-style: solid;
}
.right-poly-side {
	position: absolute;
	width: 0px;
	height: 0px;
	right:0px;
	border-style: solid;
}
.vip {
	width:250px;
	height:165px;
}
.poly-bottom .left-poly-side,  .poly-bottom .right-poly-side {
	bottom:0px
}
.poly-top .left-poly-side,  .poly-top .right-poly-side {
	top:0px
}
.tp-banner .sliderText {
	min-height: 0px;
	min-width: 0px;
	line-height: 16px;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 3px;
	font-size:22px;
	color:#fff;
	font-weight:500;
	font-family: 'Roboto', sans-serif;
	transform: translate3d(0px, 0px, 0px);
	text-transform:uppercase;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.tp-banner .sliderHeading {
	min-height: 0px;
	min-width: 0px;
	line-height: 16px;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	font-size: 78px;
	color:#fff;
	font-family: 'Playfair Display', serif;
	font-weight:400;
	font-style:italic;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
}
.bcklight {
	padding:20px 0px;
	background-color:#F2F2F2;
}
#footer hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #666;
}
.dzwrapper {
	height:600px;
}
.dzwrapper-test {
	margin-top:350px;
}
.dzwrapper-test h1 {
	font-size:40px;
}
.dzwrapper-test-a {
	margin-top:350px;
}
/*    social icon    */





.social li {
	float: left;
	display: inline;
	margin-right: 7.5px;
	margin-bottom: 5px;
}
.social li a {
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	display: block;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.social {
/*margin-left:20px !important;*/

}
.sc-1 {
	background: url(images/social.png) 0px 0px no-repeat;
}
.sc-2 {
	background: url(images/social.png) -39px 0 no-repeat;
}
.sc-3 {
	background: url(images/social.png) -78px 0px no-repeat;
}
.sc-4 {
	background: url(images/social.png) -117px 0px no-repeat;
}
.sc-5 {
	background: url(images/social.png) -156px 0px no-repeat;
}
.sc-6 {
	background: url(images/social.png) -195px 0px no-repeat;
}
.sc-7 {
	background: url(images/social.png) -234px 0px no-repeat;
}
.sc-8 {
	background: url(images/social.png) -273px 0px no-repeat;
}
.sc-9 {
	background: url(images/social.png) -312px 0px no-repeat;
}
.sc-10 {
	background: url(images/social.png) -351px 0px no-repeat;
}
.sc-1:hover {
	background: url(images/social.png) 0px -32px no-repeat;
}
.sc-2:hover {
	background: url(images/social.png) -39px -32px no-repeat;
}
.sc-3:hover {
	background: url(images/social.png) -78px -32px no-repeat;
}
.sc-4:hover {
	background: url(images/social.png) -117px -32px no-repeat;
}
.sc-5:hover {
	background: url(images/social.png) -156px -32px no-repeat;
}
.sc-6:hover {
	background: url(images/social.png) -195px -32px no-repeat;
}
.sc-7:hover {
	background: url(images/social.png) -234px -32px no-repeat;
}
.sc-8:hover {
	background: url(images/social.png) -273px -32px no-repeat;
}
.sc-9:hover {
	background: url(images/social.png) -312px -32px no-repeat;
}
.sc-10:hover {
	background: url(images/social.png) -351px -32px no-repeat;
}
.i-rounded,  .i-plain,  .i-circled,  .i-bordered,  .social-icon {
	display: block;
	float: left;
	margin: 4px 11px 7px 0;
	text-align: center !important;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	font-style: normal;
}
 body:not(.device-touch) .i-rounded,  body:not(.device-touch) .i-plain,  body:not(.device-touch) .i-circled,  body:not(.device-touch) .i-bordered,  body:not(.device-touch) .social-icon {
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
}
.i-rounded,  .i-circled,  .i-bordered {
	width: 52px !important;
	height: 52px !important;
	line-height: 52px !important;
	background-color: #444;
	border-radius: 3px;
}
.i-bordered {
	border: 1px solid #555;
	line-height: 50px !important;
	background-color: transparent !important;
	color: #444;
	text-shadow: none;
}
.i-plain {
	width: 36px !important;
	height: 36px !important;
	font-size: 28px;
	line-height: 36px !important;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
}
.i-plain:hover {
	color: #777;
}
.i-circled {
	border-radius: 50%;
}
.i-light {
	background-color: #F5F5F5;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
	box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}
.i-alt {
	background-image: url('images/icons/iconalt.svg');
	background-position: center center;
	background-size: 100% 100%;
}
.i-rounded:hover,  .i-circled:hover {
	background-color: #1ABC9C;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}
.i-bordered:hover {
	background-color: #444 !important;
	color: #FFF;
	border-color: #444;
}
.i-small.i-rounded,  .i-small.i-plain,  .i-small.i-circled,  .i-small.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 14px;
}
.i-small.i-rounded,  .i-small.i-circled,  .i-small.i-bordered {
	width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
}
.i-small.i-bordered {
	line-height: 26px !important;
}
.i-small.i-plain {
	width: 18px !important;
	height: 18px !important;
	font-size: 14px;
	line-height: 18px !important;
}
.i-medium.i-rounded,  .i-medium.i-plain,  .i-medium.i-circled,  .i-medium.i-bordered {
	margin: 6px 13px 9px 0;
	font-size: 21px;
}
.i-medium.i-rounded,  .i-medium.i-circled,  .i-medium.i-bordered {
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
}
.i-medium.i-bordered {
	line-height: 34px !important;
}
.i-medium.i-plain {
	width: 28px !important;
	height: 28px !important;
	font-size: 20px;
	line-height: 28px !important;
}
.i-large.i-rounded,  .i-large.i-plain,  .i-large.i-circled,  .i-large.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 42px;
}
.i-large.i-rounded,  .i-large.i-circled,  .i-large.i-bordered {
	width: 64px !important;
	height: 64px !important;
	line-height: 64px !important;
}
.i-large.i-bordered {
	line-height: 62px !important;
}
.i-large.i-plain {
	width: 48px !important;
	height: 48px !important;
	font-size: 42px;
	line-height: 48px !important;
}
.i-xlarge.i-rounded,  .i-xlarge.i-plain,  .i-xlarge.i-circled,  .i-xlarge.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 56px;
}
.i-xlarge.i-rounded,  .i-xlarge.i-circled,  .i-xlarge.i-bordered {
	width: 84px !important;
	height: 84px !important;
	line-height: 84px !important;
}
.i-xlarge.i-bordered {
	line-height: 82px !important;
}
.i-xlarge.i-plain {
	width: 64px !important;
	height: 64px !important;
	font-size: 56px;
	line-height: 64px !important;
}
.i-xxlarge.i-rounded,  .i-xxlarge.i-plain,  .i-xxlarge.i-circled,  .i-xxlarge.i-bordered {
	margin: 6px 15px 10px 0;
	font-size: 64px;
}
.i-xxlarge.i-rounded,  .i-xxlarge.i-circled,  .i-xxlarge.i-bordered {
	width: 96px !important;
	height: 96px !important;
	line-height: 96px !important;
}
.i-xxlarge.i-bordered {
	line-height: 94px !important;
}
.i-xxlarge.i-plain {
	width: 80px !important;
	height: 80px !important;
	font-size: 64px;
	line-height: 80px !important;
}
.i-overlay,  .i-overlay a {
	display: block;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.2) url('images/grid.png') repeat;
}
.i-overlay a {
	background: transparent;
}
.i-overlay img,  .i-overlay i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
	width: 48px !important;
	height: 48px !important;
	font-size: 48px;
	line-height: 1;
	color: #E5E5E5;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.i-overlay i {
	margin: -18px 0 0 -18px;
	width: 36px !important;
	height: 36px !important;
	line-height: 36px;
	font-size: 24px;
}
.on-hover.i-overlay {
	opacity: 0;
}
 body:not(.device-touch) .on-hover.i-overlay {
 -webkit-transition: opacity 0.3s linear;
 -o-transition: opacity 0.3s linear;
 transition: opacity 0.3s linear;
}
.on-hover.i-overlay:hover {
	opacity: 1;
}
.social-icon {
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 38px !important;
	color: #555;
	text-shadow: none;
	border: 1px solid #AAA;
	border-radius: 3px;
	overflow: hidden;
	background-color:#fff;
}
.si-rounded {
	border-radius: 50%;
}
.si-borderless {
	border-color: transparent !important;
}
.si-dark {
	background-color: #444;
	color: #FFF !important;
	border-color: transparent;
}
.si-light {
	background-color: rgba(0, 0, 0, 0.05);
	color: #666 !important;
	border-color: transparent;
}
.si-colored {
	border-color: transparent !important;
}
.si-colored i {
	color: #FFF;
}
.social-icon.si-large {
	margin: 0 10px 10px 0;
	width: 56px;
	height: 56px;
	font-size: 30px;
	line-height: 54px !important;
}
.social-icon.si-small {
	width: 32px;
	height: 32px;
	font-size: 14px;
	line-height: 30px !important;
}
.social-icon i {
	display: block;
	position: relative;
}
 body:not(.device-touch) .social-icon i {
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
}
.social-icon i:last-child {
	color: #FFF !important;
}
.social-icon:hover i:first-child {
	margin-top: -38px;
}
.social-icon.si-large:hover i:first-child {
	margin-top: -54px;
}
.social-icon.si-small:hover i:first-child {
	margin-top: -30px;
}
.social-icon:hover {
	color: #555;
	border-color: transparent;
}
.si-colored.social-icon {
	border-color: transparent;
}
.si-sticky {
	position: fixed;
	top: 50%;
	left: 5px;
	width: 36px;
	z-index: 100;
}
.si-sticky.si-sticky-right {
	left: auto;
	right: 8px;
}
.si-share {
	position: relative;
	padding-left: 5px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}
.si-share span {
	line-height: 36px;
	font-weight: bold;
	font-size: 13px;
}
.si-share div {
	float: right;
}
.si-share .social-icon {
	margin: -1px 0;
	border-radius: 0;
	font-size: 15px;
}
.si-facebook:hover,  .si-colored.si-facebook {
	background-color: #3B5998 !important;
}
.si-delicious:hover,  .si-colored.si-delicious {
	background-color: #205CC0 !important;
}
.si-paypal:hover,  .si-colored.si-paypal {
	background-color: #00588B !important;
}
.si-flattr:hover,  .si-colored.si-flattr {
	background-color: #F67C1A !important;
}
.si-android:hover,  .si-colored.si-android {
	background-color: #A4C639 !important;
}
.si-smashmag:hover,  .si-colored.si-smashmag {
	background-color: #E53B2C !important;
}
.si-gplus:hover,  .si-colored.si-gplus {
	background-color: #DD4B39 !important;
}
.si-wikipedia:hover,  .si-colored.si-wikipedia {
	background-color: #333 !important;
}
.si-stumbleupon:hover,  .si-colored.si-stumbleupon {
	background-color: #F74425 !important;
}
.si-foursquare:hover,  .si-colored.si-foursquare {
	background-color: #25A0CA !important;
}
.si-call:hover,  .si-colored.si-call {
	background-color: #444 !important;
}
.si-ninetyninedesigns:hover,  .si-colored.si-ninetyninedesigns {
	background-color: #F26739 !important;
}
.si-forrst:hover,  .si-colored.si-forrst {
	background-color: #5B9A68 !important;
}
.si-digg:hover,  .si-colored.si-digg {
	background-color: #191919 !important;
}
.si-spotify:hover,  .si-colored.si-spotify {
	background-color: #81B71A !important;
}
.si-reddit:hover,  .si-colored.si-reddit {
	background-color: #C6C6C6 !important;
}
.si-blogger:hover,  .si-colored.si-blogger {
	background-color: #FC4F08 !important;
}
.si-cc:hover,  .si-colored.si-cc {
	background-color: #688527 !important;
}
.si-dribbble:hover,  .si-colored.si-dribbble {
	background-color: #EA4C89 !important;
}
.si-evernote:hover,  .si-colored.si-evernote {
	background-color: #5BA525 !important;
}
.si-flickr:hover,  .si-colored.si-flickr {
	background-color: #FF0084 !important;
}
.si-google:hover,  .si-colored.si-google {
	background-color: #DD4B39 !important;
}
.si-instapaper:hover,  .si-colored.si-instapaper {
	background-color: #333 !important;
}
.si-klout:hover,  .si-colored.si-klout {
	background-color: #FF5F52 !important;
}
.si-linkedin:hover,  .si-colored.si-linkedin {
	background-color: #0E76A8 !important;
}
.si-vk:hover,  .si-colored.si-vk {
	background-color: #2B587A !important;
}
.si-rss:hover,  .si-colored.si-rss {
	background-color: #EE802F !important;
}
.si-skype:hover,  .si-colored.si-skype {
	background-color: #00AFF0 !important;
}
.si-twitter:hover,  .si-colored.si-twitter {
	background-color: #00ACEE !important;
}
.si-youtube:hover,  .si-colored.si-youtube {
	background-color: #C4302B !important;
}
.si-vimeo:hover,  .si-colored.si-vimeo {
	background-color: #86C9EF !important;
}
.si-aim:hover,  .si-colored.si-aim {
	background-color: #FCD20B !important;
}
.si-yahoo:hover,  .si-colored.si-yahoo {
	background-color: #720E9E !important;
}
.si-email3:hover,  .si-colored.si-email3 {
	background-color: #6567A5 !important;
}
.si-macstore:hover,  .si-colored.si-macstore {
	background-color: #333333 !important;
}
.si-myspace:hover,  .si-colored.si-myspace {
	background-color: #666666 !important;
}
.si-podcast:hover,  .si-colored.si-podcast {
	background-color: #E4B21B !important;
}
.si-cloudapp:hover,  .si-colored.si-cloudapp {
	background-color: #525557 !important;
}
.si-dropbox:hover,  .si-colored.si-dropbox {
	background-color: #3D9AE8 !important;
}
.si-ebay:hover,  .si-colored.si-ebay {
	background-color: #89C507 !important;
}
.si-github:hover,  .si-colored.si-github {
	background-color: #171515 !important;
}
.si-googleplay:hover,  .si-colored.si-googleplay {
	background-color: #DD4B39 !important;
}
.si-itunes:hover,  .si-colored.si-itunes {
	background-color: #222 !important;
}
.si-plurk:hover,  .si-colored.si-plurk {
	background-color: #CF5A00 !important;
}
.si-pinboard:hover,  .si-colored.si-pinboard {
	background-color: #0000E6 !important;
}
.si-soundcloud:hover,  .si-colored.si-soundcloud {
	background-color: #FF7700 !important;
}
.si-tumblr:hover,  .si-colored.si-tumblr {
	background-color: #34526F !important;
}
.si-wordpress:hover,  .si-colored.si-wordpress {
	background-color: #1E8CBE !important;
}
.si-yelp:hover,  .si-colored.si-yelp {
	background-color: #C41200 !important;
}
.si-intensedebate:hover,  .si-colored.si-intensedebate {
	background-color: #009EE4 !important;
}
.si-eventbrite:hover,  .si-colored.si-eventbrite {
	background-color: #F16924 !important;
}
.si-scribd:hover,  .si-colored.si-scribd {
	background-color: #666666 !important;
}
.si-stripe:hover,  .si-colored.si-stripe {
	background-color: #008CDD !important;
}
.si-print:hover,  .si-colored.si-print {
	background-color: #111 !important;
}
.si-dwolla:hover,  .si-colored.si-dwolla {
	background-color: #FF5C03 !important;
}
.si-statusnet:hover,  .si-colored.si-statusnet {
	background-color: #131A30 !important;
}
.si-acrobat:hover,  .si-colored.si-acrobat {
	background-color: #D3222A !important;
}
.si-drupal:hover,  .si-colored.si-drupal {
	background-color: #27537A !important;
}
.si-buffer:hover,  .si-colored.si-buffer {
	background-color: #333333 !important;
}
.si-pocket:hover,  .si-colored.si-pocket {
	background-color: #EE4056 !important;
}
.si-bitbucket:hover,  .si-colored.si-bitbucket {
	background-color: #0E4984 !important;
}
.si-stackoverflow:hover,  .si-colored.si-stackoverflow {
	background-color: #EF8236 !important;
}
.si-hackernews:hover,  .si-colored.si-hackernews {
	background-color: #FF6600 !important;
}
.si-xing:hover,  .si-colored.si-xing {
	background-color: #126567 !important;
}
.si-instagram:hover,  .si-colored.si-instagram {
	background-color: #3F729B !important;
}
.si-quora:hover,  .si-colored.si-quora {
	background-color: #A82400 !important;
}
.si-openid:hover,  .si-colored.si-openid {
	background-color: #E16309 !important;
}
.si-steam:hover,  .si-colored.si-steam {
	background-color: #111 !important;
}
.si-amazon:hover,  .si-colored.si-amazon {
	background-color: #E47911 !important;
}
.si-disqus:hover,  .si-colored.si-disqus {
	background-color: #E4E7EE !important;
}
.si-plancast:hover,  .si-colored.si-plancast {
	background-color: #222 !important;
}
.si-appstore:hover,  .si-colored.si-appstore {
	background-color: #000 !important;
}
.si-pinterest:hover,  .si-colored.si-pinterest {
	background-color: #C8232C !important;
}
.si-fivehundredpx:hover,  .si-colored.si-fivehundredpx {
	background-color: #111 !important;
}
/* Social Icons Text Color

-----------------------------------------------------------------*/



.si-text-color.si-facebook i {
	color: #3B5998;
}
.si-text-color.si-delicious i {
	color: #205CC0;
}
.si-text-color.si-paypal i {
	color: #00588B;
}
.si-text-color.si-flattr i {
	color: #F67C1A;
}
.si-text-color.si-android i {
	color: #A4C639;
}
.si-text-color.si-smashmag i {
	color: #E53B2C;
}
.si-text-color.si-gplus i {
	color: #DD4B39;
}
.si-text-color.si-wikipedia i {
	color: #333;
}
.si-text-color.si-stumbleupon i {
	color: #F74425;
}
.si-text-color.si-foursquare i {
	color: #25A0CA;
}
.si-text-color.si-call i {
	color: #444;
}
.si-text-color.si-ninetyninedesigns i {
	color: #F26739;
}
.si-text-color.si-forrst i {
	color: #5B9A68;
}
.si-text-color.si-digg i {
	color: #191919;
}
.si-text-color.si-spotify i {
	color: #81B71A;
}
.si-text-color.si-reddit i {
	color: #C6C6C6;
}
.si-text-color.si-blogger i {
	color: #FC4F08;
}
.si-text-color.si-cc i {
	color: #688527;
}
.si-text-color.si-dribbble i {
	color: #EA4C89;
}
.si-text-color.si-evernote i {
	color: #5BA525;
}
.si-text-color.si-flickr i {
	color: #FF0084;
}
.si-text-color.si-google i {
	color: #DD4B39;
}
.si-text-color.si-instapaper i {
	color: #333;
}
.si-text-color.si-klout i {
	color: #FF5F52;
}
.si-text-color.si-linkedin i {
	color: #0E76A8;
}
.si-text-color.si-vk i {
	color: #2B587A;
}
.si-text-color.si-rss i {
	color: #EE802F;
}
.si-text-color.si-skype i {
	color: #00AFF0;
}
.si-text-color.si-twitter i {
	color: #00ACEE;
}
.si-text-color.si-youtube i {
	color: #C4302B;
}
.si-text-color.si-vimeo i {
	color: #86C9EF;
}
.si-text-color.si-aim i {
	color: #FCD20B;
}
.si-text-color.si-yahoo i {
	color: #720E9E;
}
.si-text-color.si-email3 i {
	color: #6567A5;
}
.si-text-color.si-macstore i {
	color: #333333;
}
.si-text-color.si-myspace i {
	color: #666666;
}
.si-text-color.si-podcast i {
	color: #E4B21B;
}
.si-text-color.si-cloudapp i {
	color: #525557;
}
.si-text-color.si-dropbox i {
	color: #3D9AE8;
}
.si-text-color.si-ebay i {
	color: #89C507;
}
.si-text-color.si-github i {
	color: #171515;
}
.si-text-color.si-googleplay i {
	color: #DD4B39;
}
.si-text-color.si-itunes i {
	color: #222;
}
.si-text-color.si-plurk i {
	color: #CF5A00;
}
.si-text-color.si-pinboard i {
	color: #0000E6;
}
.si-text-color.si-soundcloud i {
	color: #FF7700;
}
.si-text-color.si-tumblr i {
	color: #34526F;
}
.si-text-color.si-wordpress i {
	color: #1E8CBE;
}
.si-text-color.si-yelp i {
	color: #C41200;
}
.si-text-color.si-intensedebate i {
	color: #009EE4;
}
.si-text-color.si-eventbrite i {
	color: #F16924;
}
.si-text-color.si-scribd i {
	color: #666666;
}
.si-text-color.si-stripe i {
	color: #008CDD;
}
.si-text-color.si-print i {
	color: #111;
}
.si-text-color.si-dwolla i {
	color: #FF5C03;
}
.si-text-color.si-statusnet i {
	color: #131A30;
}
.si-text-color.si-acrobat i {
	color: #D3222A;
}
.si-text-color.si-drupal i {
	color: #27537A;
}
.si-text-color.si-buffer i {
	color: #333333;
}
.si-text-color.si-pocket i {
	color: #EE4056;
}
.si-text-color.si-bitbucket i {
	color: #0E4984;
}
.si-text-color.si-stackoverflow i {
	color: #EF8236;
}
.si-text-color.si-hackernews i {
	color: #FF6600;
}
.si-text-color.si-xing i {
	color: #126567;
}
.si-text-color.si-instagram i {
	color: #3F729B;
}
.si-text-color.si-quora i {
	color: #A82400;
}
.si-text-color.si-openid i {
	color: #E16309;
}
.si-text-color.si-steam i {
	color: #111;
}
.si-text-color.si-amazon i {
	color: #E47911;
}
.si-text-color.si-disqus i {
	color: #E4E7EE;
}
.si-text-color.si-plancast i {
	color: #222;
}
.si-text-color.si-appstore i {
	color: #000;
}
.si-text-color.si-pinterest i {
	color: #C8232C;
}
.si-text-color.si-fivehundredpx i {
	color: #111;
}
.si-text-color:hover {
	color: #FFF;
}
.mobile-separator {
	width: 100%;
	background-size: 190% auto;
	background-repeat:no-repeat;
	background-position:center center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 300px;
	font-size:25px;
	font-family: 'Playfair Display', serif;
	font-style:italic;
	color:#fff;
	text-align:center;
	padding:0px 30px;
}
.preloaderbox p {
	padding:0px 30px;
}
.followus {
	color:#666;
	font-size:20px;
	line-height:1.4em;
	font-family: 'Playfair Display', serif;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
form .error {
	color: #C30;
}
 .has-feedback label~.form-control-feedback {
 top: 59px;
 right: 30px;
 font-size:21px;
}













   /* Large Devices, Wide Screens */

    @media only screen and (min-width : 1200px) {
}
 @media (min-width: 768px) and (max-width: 991px) {
 .vip {
 width:200px;
 height:143px;
}
 #vip .container {
 width:100% !important;
 margin:0px !important;
 padding:10px !important;
}
}
 @media (max-width: 767px) {
 .dzwrapper-test {
 margin-top:200px;
}
 .dzwrapper-test h1 {
 font-size:30px;
}
 .dzwrapper-test-a {
 margin-top:150px;
}
 .menuzord-brand {
 margin: 13px 40px 0 40px;
 float: left;
 color: #333;
 text-decoration: none;
 font-size: 22px !important;
 font-weight: 500;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}
 .reservation-form .reservation-btn {
 text-align: center;
 padding: 10px 0px!important;
}
 .reservation-form .reservation-btn a {
 padding: 15px 20px!important;
}
 .btn-lg {
 font-weight: 700;
 padding: 14px 18px;
 font-size: 17px;
}
 .subscribe .btn-default {
 padding: 0 15px;
 height: 50px;
 border: none;
 -webkit-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 background: #000;
 color: #fff;
 box-shadow: none;
}
 .vip {
 width:200px;
 height:143px;
}
 #vip .container {
 width:100% !important;
 margin:0px !important;
 padding:10px !important;
}
 .preloaderbox img {
 max-width:40%;
 margin-top:50px;
 margin-bottom:30px;
}
 .preloaderbox p {
 font-size:30px;
 font-family: 'Playfair Display', serif;
 font-style:italic;
 font-weight:300;
}
}
 @media (max-width: 480px) {

 .make-reservation-sidebtn{
   display:none;
 }

.head-mobile-reservation{
      display:block;
      position:fixed;
      top:24px;
      z-index:500;
      width:100%;
      left:0px;
  }



 .preloaderbox img {
 max-width:60%;
 margin-top:50px;
 margin-bottom:30px;
}
 .preloaderbox p {
 font-size:30px;
 font-family: 'Playfair Display', serif;
 font-style:italic;
 font-weight:300;
}
 .vip {
 width:300px;
 height:203px;
}
 #vip .container {
 width:100% !important;
 margin:0px !important;
 padding:10px !important;
}
 .dzwrapper-test {
 margin-top:100px;
}
 .dzwrapper-test-a {
 margin-top:300px;
}
 .dzwrapper-test h1 {
 font-size:30px;
}

.reservation .reservation-form {
   border: 0px solid #fff;
   padding: 0px 0px;
}
}