body{
	background: #FFF;
    margin: 0px;
	color: #1a1a1a;
	font-family: "Barlow Condensed";
    text-align: center;
    font-size: 18px;
	overflow-x: hidden;
}
.wrahea{
	width: 500px;
	margin: 0 auto;
}
.wrahea .wracouvis{
	height: 200px;
	overflow-y: scroll;
	margin-top: 10px;
}
.wrahea .hea{
	margin: 10px 0;
	clear: both;
}
.wrahea input.day, .wrahea select{
    float: right;
    max-width: 100%;
}
.wrahea input {
    margin: 0 5px 0 0;
}
.wrahea .tracou{
	display: none;
}
.tit {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    margin: 50px 0;
	color: #2a9cc9;
}
h1{
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: -1.3px;
}
h2{
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 0px;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}
h3{
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 0px;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}
header{
	background-color: #1a1a1a;
	height: 100vh;
	color: #FFF;
}
.white{
	background-color: #FFF;
}
header, .gray{
	background-color: #e0e0e0;
}
footer{
	background-color: #1a1a1a;
	display: flex;
    padding: 70px 0;
	clear: both;
	color: #FFF;
}
.desktop {
    display: flow-root;
}
.wradim{
	width: 400px;
	margin: 0 auto;
}
.wraspli, .wraser {
    padding: 80px 0;
    margin: 0 auto;
	clear: both;
	display: flow-root;
}
.wrapag{
    min-height: 300px;
    margin: 70px auto;
	clear: both;
	display: flow-root;
}
.wrapag img{
	width: 600px;
	margin: 20px 0 33px 0;
}
.wracov{
	width: 400px;
}
.wraspli .disfle{
	display: flex;
}
.wraspli h1{
	margin: 0px auto;
	padding-bottom: 20px;
}
.wraspli.gray h1{
	color: #1a1a1a;	
}
.spli{
	width: calc(33.33% - 50px);
    float: left;
    margin: 12.50px;
    padding: 12.50px;
}
.sho .spli{
	display: table;
	border: 1px solid #1a1a1a;
}
.spli img {
    height: 300px;
}
.company .spli img {
    height: 130px;
    width: 130px;
    border-radius: 50%;
}
.sin{
	width: 400px;
    margin: 0 auto;
}
form{
	margin: 0 auto;
}
form input[type="text"], form input[type="password"], form select {
    border: 0px;
    background: transparent;
    border-bottom: 1px solid #000;
    text-decoration: none;
    margin: 10px auto;
    width: 400px;
	outline: none;
}
form textarea {
    height: 200px;
    background: transparent;
    width: 100%;
    border: 1px solid #000;
    margin: 10px 0;
    width: 400px;
}
input[type="submit"], .button {
	text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-appearance: none;
    border: 1px solid #1976d2;
    background-color: #1976d2;
    padding: 15px 44px;
    font-weight: 700;
	color: #FFF;
}
footer .split{
	width: 33.33%;
	float: left;
}
footer .split .coprig{
	position: relative;
	height: 100%;
}
footer .split .coprig img{
    height: auto;
    width: 150px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    position: absolute;
}
footer .brand-logo{
	position: relative;
	height: 100%;
}
footer .brand-logo img{
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    position: absolute;
	width: 200px;
    height: auto;
}

/*Menu & logo*/
.mobile .brand-logo{
    width: 60px;
    position: absolute;
    top: 0px;
    left: 10px;
}
.desktop .brand-logo {
    float: left;
}
.desktop .brand-logo .ade{
	margin-left: 40px;
    margin-top: 20px;
    width: 250px;
}
.desktop .contmenwid a{
	list-style: none;
    letter-spacing: 0.7px;
    float: left;
    text-decoration: none;
    font-weight: 700;
    margin: 60px 30px;
	color: #FFF;
}
.desktop .contmenwid{
	float: right;
}
.desktop .contmentit img{
    width: 80px;
    right: -55px;
    position: absolute;
	height: 80px;
    top: 50%;
    margin-top: -40px;
}
header .brand-logo img{
	width: 100%;
	background-size: 100%;
}
.credit{
	position: absolute;
    bottom: 50px;
    left: 50PX;
    text-align: left;
    letter-spacing: 1px;
    font-size: 17px;
}
#owl-demo-wri{
	margin: 0px;
}
#owl-demo-wri .item{
	font-family: 'Bacalisties';
	font-size:50px;
}
#owl-demo-wri .item .wri{
    -webkit-text-stroke: 0.5px white;
}
#owl-demo-wri #vis{
    bottom: 100px;
    right: 100px;
}
#owl-demo-wri #log{
    bottom: 100px;
    left: 35px;
}
#owl-demo-wri #tra{
    top: 50px;
    right: 100px;
}
#owl-demo-wri #mob{
    bottom: 100px;
    left: 100px;
}
#owl-demo-wri #inn{
    bottom: 100px;
    right: 100px;
}
#owl-demo-wri #com{
    bottom: 100px;
    left: 100px;
}
#owl-demo-wri #gal{
    top: 100px;
    right: 100px;
}
#owl-demo-wri #sig{
    bottom: 100px;
    right: 100px;
}
.maremp, .wrainpreg{
	margin: 180px auto;
}
.wrapri{
	margin: 100px 0;
	display: flow-root;
}
#log-out {
    float: right;
    margin: 20px;
    cursor: pointer;
}
.wrafoo .consoc {
    display: inline-block;
    margin: 10px 0px;
}
.wrafoo .soc {
    float: left;
    margin: 0 20px;
}
.wrafoo .lab {
    margin: 10px 0px;
}
.wrafoo .cop{ 
	font-weight: 700;
}
.fa, .fab, .fal, .far, .fas{
	color: white;
	font-weight: bold;
	font-size: 30px;
}
.wrafil {
    display: inline-block;
}
.wrafil .fil{
	float: left;
	width: calc(25% - 40px);
	margin: 20px;
}
.wrafil .fil img{
	width: 100%;
}
.fa-trash{
	cursor: pointer;
}
.upl {
    border: 1px solid #000;
    width: 200px;
    margin: 0 auto;
}
.upl .plupload_start {
    margin-left: 10px;
}
.upl a {
    color: #000;
}
.upl .plupload_header_title, .upl .plupload_filelist_header, .upl #uploader-file-i_filelist, .upl #uploader-file-t_filelist{
    display: none;
}
.upl .plupload_header_text {
    margin: 20px 0;
}
.shodes{
	display: none;
}
.shobut{
	cursor: pointer;
}
a {
    text-decoration: none;
}
.cen{
	margin: 0 auto;
}
#owl-demo-tea .item img{
    width: 200px;
    height: 200px;
    background: #000;
    border-radius: 50%;
	filter: grayscale(50%);
}
.filgra {
    /* filter: grayscale(100%); */
    width: auto;
    height: 60px;
    padding: 10px;
    object-fit: cover;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);
    border: 8px solid #1a1a1a0d;
    border-width: 1px;
}
.owl-prev {
    background: url(/images/arrow-left.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -10px;
}
.owl-next {
    background: url(/images/arrow-right.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}
.owl-pagination{
	display: none;
}
a { color: inherit; } 
.desktop .contmenwid a, .credit, #owl-demo-wri .item{
	color: #1976d2;
}
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
    background-color: #1976d2 !important;
}
.wrapro img{
	width: 100%;
	height: 305px;
    object-fit: cover;
}
.card {
    width: calc(33.33% - 40px);
    margin: 0 20px;
    float: left;
    background: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
    border-width: 3px;
    border-radius: 3px;
	padding-bottom: 20px;
}
.cardapp {
	width: calc(50% - 80px);
    float: left;
    margin: 0 20px;
    background: #FFF;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
    border-width: 3px;
    border-radius: 3px;
    padding: 20px;
    display: inline-block;
}
.cardapp img{
	width: 75px;
	height: auto;
}
.cardapp .wrades{
	width: 50%;
    float: left;
}
.cardapp .wrapro{
	width: 50%;
    float: left;
}
.cardapp h2{
	display: inline;
}
.flex{
	display: flow-root;
}
.marbot{
	margin-bottom: 20px;
}
#wracoo{
	background: #1976d2 !important;
    border: 1px solid #FFF;
}
.wraacc{
	margin: 0 auto;
    display: inline-block;
}
.wraacc .acc{
    float: left;
    margin: 20px;
}
.wraspli.gray:last-child {
    margin-bottom: 0px;
}
iframe{
	margin: 20px 0;
}



#CNewLet{
	display: flex;
}
#CNewLet #CNewEma{
	width: calc(100% - 50px);
	padding: 10px 25px;
    background-color: #fff;
    height: 40px;
    font-size: 13px;
    border-radius: 42px 42px 42px 42px;
    box-shadow: none;
    border: none;
	color: #000;
}
#CNewLet #CConInp .button{
	position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 60px;
    border-radius: 0 42px 42px 0;
    margin: 10px 0;
}
#CNewLet .button i{
	font-size: 22px !important;
	cursor: pointer;
}
#CNewLet #CConInp{
	position: relative;
	width: 100%;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.owl-theme .owl-controls .owl-page span{
	border: 1px solid #1976d2;
    background-color: #1976d2;
}
#owl-demo-wri{
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
    border: 8px solid #fff;
    border-width: 8px 0;
    height: 400px;
}
#owl-demo-wri .item img{
	width: 100%;
    height: 400px;
    object-fit: cover;
	background-position: center center;
}
#owl-demo-wri .wri{
	position: absolute;
}
#owl-demo-awa .owl-prev{
    background: url(/images/arrow-left-b.png) no-repeat;
}
#owl-demo-awa .owl-next {
    background: url(/images/arrow-right-b.png) no-repeat;
}













@font-face {
  font-family: Fjallaone;
  src: url(../font/fjallaone/FjallaOne-Regular.ttf);
}
@font-face {
  font-family: Oswald;
  src: url(../font/oswald/Oswald-Regular.ttf);
}
@font-face {
  font-family: HelveticaNeue55Roman;
  src: url(../font/HelveticaNeue55Roman/NeueHelvetica55Roman.ttf);
}
@font-face {
  font-family: Bangers;
  src: url(../font/ofl/bangers/Bangers.ttf);
}
@font-face {
  font-family: Archivonarrow;
  src: url(../font/archivonarrow/ArchivoNarrow-Regular.ttf);
}
@font-face {
  font-family: Englebert;
  src: url(../font/ofl/englebert/Englebert-Regular.ttf);
}
@font-face {
  font-family: Plateia;
  src: url(../font/plateia/Plateia-Bold.ttf);
}
@font-face {
  font-family: Ramabhadra;
  src: url(../font/Ramabhadra/Ramabhadra-Regular.ttf);
}
@font-face {
  font-family: amalficoast;
  src: url(../font/amalficoast/Amalfi Coast.ttf);
}
@font-face {
  font-family: Chandiluna;
  src: url(../font/chandiluna/Chandiluna.ttf);
}
@font-face {
  font-family: Cherolina;
  src: url(../font/cherolina/Cherolina.ttf);
}
@font-face {
  font-family: Bacalisties;
  src: url(../font/bacalisties/Bacalisties.ttf);
}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}


@media (max-width: 1265px){
	.desktop .contmenwid, .desktop .brand-logo {
		display: table;
		float: none;
		margin: 0 auto;
	}
	.desktop .contmenwid a {
		margin: 60px 20px;
	}
}
@media (max-width: 1024px){
	footer{
		display: inline-block;
		width: 100%;
	}
	footer .split{
		width: 100%;
		margin: 20px auto;
	}
	footer .split .brand-logo img {
		height: 80px;
		width: auto;
		top: auto;
		left: auto;
		transform: unset;
		position: relative;
	}
	footer .split .coprig img{
		height: 160px;
		width: auto;
		top: auto;
		left: auto;
		transform: unset;
		position: relative;
	}
	#CNewLet #CConInp {
		width: 400px;
		margin: 20px auto;
	}
	.cardapp .wrades{
		width: 100%;
		margin-top: 20px;
	}
	.cardapp .wrapro{
		width: 100%;
	}
	.cardapp input[type="submit"]{
		width: 100%;
	}
	.card {
		width: calc(50% - 40px);
		margin: 20px;
	}
}
@media (max-width: 862px){
	.mobile {
		background-color: #e0e0e0 !important;
	}
	.menu {
		background: #e0e0e0 !important;
		top: 58px !important;
	}
	.menu li {
		border-bottom: #1976d2 1px solid !important;
		color: #1976d2 !important;
	}
	.menu li:hover {
		background: #fff !important;
	}
	#CNewLet #CConInp{
		display: inline-block;
	}
}
@media (max-width: 768px){
	#CNewLet{
		width: Calc(100% - 40px);
		position: relative;
		margin: 20px;
	}
	#CNewLet #CNewEma{
		width: 100%;
	}
	#CNewLet #CConInp{
		display: contents;
	}
	.card {
		width: calc(100% - 40px);
		margin: 20px;
	}
	.wraacc .acc {
		float: none;
	}
}
@media (max-width: 600px){
	.cardapp {
		width: calc(100% - 80px);
		margin: 20px;
	}
	.wrapag img{
		width: 100%;
	}
	iframe{
		width: 100%;
	}
}
@media (max-width: 500px){
	.wrahea{
		width: calc(100% - 40px);
	}
}
@media (max-width: 480px){
	header{
		height: Calc(100vh - 110px);
	}
	.credit {
		bottom: 20px;
		left: 20PX;
	}
	.button {
		padding: 10px 22px;
	}
	.wradim, .wracov{
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media (max-width: 320px){

}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.newcli{
		width: 100%;
	}
	table.newcli tr {
		margin: 50px 0;
	}
	
	table.newcli table, table.reserv table, table.alrcli table, table.newcli thead, table.reserv thead, table.alrcli thead, table.newcli tbody, table.reserv tbody, table.alrcli tbody, table.newcli th, table.reserv th, table.alrcli th, table.newcli td, table.reserv td, table.alrcli td, table.newcli tr, table.reserv tr, table.alrcli tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.newcli thead tr, table.reserv thead tr, table.alrcli thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.newcli td, table.reserv td, table.alrcli td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.newcli td:before, table.reserv td:before, table.alrcli td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.newcli td:nth-of-type(1):before { content: "User"; }
	.newcli td:nth-of-type(2):before { content: "Name"; }
	.newcli td:nth-of-type(3):before { content: "Surname"; }
	.newcli td:nth-of-type(4):before { content: "Born"; }
	.newcli td:nth-of-type(5):before { content: "Email"; }
	.newcli td:nth-of-type(6):before { content: "Number"; }
	.newcli td:nth-of-type(7):before { content: "Documents"; }
	.newcli td:nth-of-type(8):before { content: "Yes"; }
	.newcli td:nth-of-type(9):before { content: "No"; }

	.alrcli td:nth-of-type(1):before { content: "User"; }
	.alrcli td:nth-of-type(2):before { content: "Name"; }
	.alrcli td:nth-of-type(3):before { content: "Surname"; }
	.alrcli td:nth-of-type(4):before { content: "Born"; }
	.alrcli td:nth-of-type(5):before { content: "Email"; }
	.alrcli td:nth-of-type(6):before { content: "Number"; }

	.reserv td:nth-of-type(1):before { content: "User"; }
	.reserv td:nth-of-type(2):before { content: "Name"; }
	.reserv td:nth-of-type(3):before { content: "Surname"; }
	.reserv td:nth-of-type(4):before { content: "Email"; }
	.reserv td:nth-of-type(5):before { content: "Number"; }
	.reserv td:nth-of-type(6):before { content: "Check in"; }
	.reserv td:nth-of-type(7):before { content: "Check out"; }
	.reserv td:nth-of-type(8):before { content: "Adults"; }
	.reserv td:nth-of-type(9):before { content: "Children"; }
	
}