@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin,greek,greek-ext,cyrillic-ext,latin-ext,cyrillic);
* {font-family: 'Ubuntu', sans-serif; color: #707070; font-weight: 100 !important;}
.wrap {width:100%;}
.p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9, .p10 {/*width:50%;*/ margin:0; padding: 0; float:left; height:450px;}
.p11, .p12, .p13, .p14, .p15, .p16, .p17, .p18, .p19, .p20 {width:50%; margin:0; padding: 0; float:left; height:450px;}
.p1 div, .p4 div, .p5 div, .p8 div, .p9 div, .p12 div, .p13 div, .p16 div, .p17 div, .p20 div {background-size: cover; height: 450px; width:100%; background-position: center center;}

.p2 div, .p3 div, .p6 div, .p7 div, .p10 div, .p11 div, .p14 div, .p15 div, .p18 div, .p19 div  {width:72%; margin:0; padding: 11% 6%;}
.p3 div, .p7 div, .p11 div, .p15 div, .p19 div {float: right;}
.p2 p, .p3 p, .p6 p, .p7 p, .p10 p, .p11 p, .p14 p, .p15 p, .p18 p, .p19 p {padding-top: 5%;}
.p2, .p6, .p10, .p14, .p18 {text-align:left;}
.p3, .p7, .p11, .p15, .p19 {text-align:right;}

#lp1, #lp3, #lp5, #lp7, #lp9, #lp11, #lp13, #lp15, #lp17, #lp19 {cursor: pointer;}

.page-header {border-bottom: none !important;}
.items-leading, .item-page {/*text-align:center; width: 820px;*/ margin: 4% auto}
.items-leading h2, .item-page h2 {font-size: 50px; padding-bottom: 2%; text-align: center;}
.gallery .item-page {text-align:center; width: 100%; margin: 4% auto}

h2 {color: #b8752a; /* orange */ font-size: 33px;}
.logo img {width: 100%;}
.toplogo {width: 9.5%; margin: 0px auto 0 ; text-align:center; padding: 8px 15px 1px;}
.top {background: #1d1d1d; }
.langchanger {float: right; margin: 23px 19% 0 0;}
.lnc {float: left; margin-right:30px;}

.reserve {background:#b8752a; padding:5px 40px 5px 25px; color: #fff; float: left; position:relative;}
.reserve a {color: #fff !important; text-decoration:none; font-weight: 800 !important;}
.reserve p {margin: 0 !important;}
.reserve:after {content: url(../../../images/sidecarret.png); margin: 5px 0 0 0; position: absolute; right: 12px; top: 0;}
.reserve:hover {background:#fff; color: #b8752a;}
.reserve:hover a {color: #b8752a !important;}
.reserve:hover:after {content: url(../../../images/sidecarret_hover.png); margin: 5px 0 0 0; position: absolute; right: 12px; top: 0;}

.topsocial {margin: 23px 0 0 19%; float: left;}
.topmenu {text-align:center; border-bottom: 2px solid #B8752A; width: 100%; background: #1d1d1d; position:inherit;}
.nav {display: inline-block;}
.nav > li {display:inline-block;}
.nav > li > a {color:#bbbbbb; font-weight: 400 !important;}
.current a, .active a {color: #b8752a !important;}
.nav > li > a:hover {color:#b8752a; background: none;}
.slider {}

.stickyhide {opacity: 0; transition: all ease 0.5s;}
.sticky {position:fixed; top:0px; opacity: 1; z-index: 999999;}

.intextlink a {padding: 13px 35px 13px 15px; color:#707070; position:relative; border:1px solid #707070; transition: color 1s ease, background 1s ease; text-decoration:none; font-weight: 800 !important;}
.intextlink a:after {content: url(../../../images/sidecarretdark.png); margin: 11px 0 0 0; position: absolute; right: 12px; top: 0; transition: all ease 1s;}
.intextlink a:hover {background:#b8752a; color: #fff;}
.intextlink a:hover:after {content: url(../../../images/sidecarret.png);}

.p_slast, .p_last {text-align:center;}
.p_slast {clear:both; padding: 50px 0 0 0;}
.p_slast h2 {font-size: 48px; padding: 0 0 25px 0;}
.fforms .control-label {width:0 !important;}
div#fox-container-m107 .fforms .controls {text-align:center; float: none; padding: 15px 0;}
div#fox-container-m107 .fforms .btn {background: #fff; border-radius: 0 ; border: 1px solid #707070; padding: 8px 65px; font-weight: 800 !important; transition: all ease 1s;}
div#fox-container-m107 .fforms .btn:hover {background: #b8752a; color:#fff; }
div#fox-container-m107 .fforms .btn:hover span span {color:#fff; }
div#fox-container-m107 .fforms input {color: #B8752A; border: none; border-bottom: 2px solid #B8752A; border-radius: 0 !important; }

div#fox-container-m107 .fox-form input[type="text"]:hover, div#fox-container-m107 .fox-form textarea:hover, div#fox-container-m107 .fox-form input[type="text"]:focus, div#fox-container-m107 .fox-form textarea:focus {background: #fff !important;}

.custom .custom {padding:0;}
.footer {background: url(../../../images/all_images/footer.jpg) no-repeat center center; background-size: cover; text-align:center;}
.footer .footer1, .footer .footer2, .footer .footer3 {width:140px; clear: both; margin: 5px auto;}
.footer .footer1 p, .footer .footer2 p, .footer .footer3 p {color:#fff; font-size:13px;}
.footer1 img {width:80%;}
.footer1 {padding: 20px 0;} 
.footer3 {padding: 20px 0 10px;}
.footer .footer1 h3, .footer .footer2 h3, .footer .footer3 h3 {font-size: 14px; color: #B8752A; margin: 0;}

.halfy {width: 40%; float: left; margin: 0 5%; text-align:left;}
.halfy h3 {color: #b8752a; margin: 20px 0 5px 0; font-size: 15px; font-weight: 500 !important; position:relative;}
.whole {clear: both; width: 56%; color: #b8752a; margin: 0 auto; display: inline-block; padding-bottom: 65px;}
.halfy h3:before{position:absolute; margin:-16px 0 0 -18px; content: "·"; font-size: 51px; line-height: 40px;}

body {
    background-image: linear-gradient(to right, RGB(255,255,255), RGB(255,255,255)), linear-gradient(to right, RGB(36,36,36), RGB(36,36,36)); 
    background-repeat:no-repeat; background-position: 0 0, 0 bottom; background-size:100% calc(100% - 30px), 100% 30px;}
	
.main{
	max-width:1100px;
	margin-left:auto;
	margin-right:auto; }

#smenu {
	margin: -60px 0 0 0; 
	width: 100%; 
	text-align: center; 
	background: rgba(251, 251, 251, 0.55); 
	z-index: 100000000000; 
	display: inline-block; 
	padding: 0; position: absolute; 
	padding: 15px 0;}
	
#smenu a {color: #333 !important; border-right: 1px solid #333; padding: 6px 25px; }
#smenu a:nth-last-child(1) {border-right: none;}

::selection {
  background: #b8752a; color:#fff; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #b8752a; color:#fff; /* Gecko Browsers */
}

.form-horizontal .control-label {
    text-align: left !important;}
	
@media screen and (max-width: 480px) {
    .p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9, .p10 {
        text-align:center !important;
    }
	.p2 div, .p3 div, .p6 div, .p7 div, .p10 div, .p11 div, .p14 div, .p15 div, .p18 div, .p19 div {
    width: 100% !important;}
	
	#smenu {display:none !important;}
	
	.main {
    padding: 5px;}
	
	.toplogo {width: 60%; margin: 0px auto 0 ; text-align:center; padding: 8px 15px 1px;}
	
	.whole {width: 100%;}
	
	.halfy {width: 90%; padding:5px;}
	
}

@media (min-width: 768px){
div#fox-container-m107 .fox-row .fox-column:first-child {
    margin-left: 0;
    margin-top: 41px;
}}

@media screen and (max-width: 468px){
.controls input, textarea {
    max-width: 100%;
}}