/* signika-300 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/signika-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/signika-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-v20-latin-300.svg#Signika') format('svg'); /* Legacy iOS */
}

/* signika-regular - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/signika-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/signika-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-v20-latin-regular.svg#Signika') format('svg'); /* Legacy iOS */
}

/* signika-600 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/signika-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/signika-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-v20-latin-600.svg#Signika') format('svg'); /* Legacy iOS */
}

/* signika-700 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/signika-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/signika-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/signika-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/signika-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/signika-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/signika-v20-latin-700.svg#Signika') format('svg'); /* Legacy iOS */
}



body{
	margin:0px;
	padding:0px;
	color:#888888;
	font-weight:lighter;
	overflow-x:hidden;
}

/*font*/
body, h1, h2, h3, h4, p, .rightsearchopen input[type='text'],
.newsletterfooter input[type="text"], input[type="text"], textarea, input[type="submit"],
.contactform input[type="text"], .contactform input[type="submit"], .contactform textarea {
	font-family: 'Signika', sans-serif;
}
/*end font*/

/*start tag*/
h1{
	color:#fff;
	font-size:30px;
	margin:0px;
	padding:0px;
	font-weight:300;
}
h2{
	color:#7d7d7d;
	font-size:25px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-transform: uppercase;
}
h3,
h3 a {
	color:#7d7d7d;
	font-size:20px;
	margin:0 0 20px;
	padding:0px;
	font-weight:300;

}
h4{
	color:#96a0af;
	font-size:17px;
	margin:0px;
	padding:0px;
	font-weight:lighter;
}
p{
	font-size:17px;
	margin:0px;
	padding:0px;
	font-weight:lighter;
}
a{
	text-decoration:none;
}
a:hover, a:focus {
	border-bottom: 1px dotted;
}
a img{
	border:0px;
}
input[type="text"]{
	width:96%;
	float:left;
	border:0;
	background-color:#F9FAFC;
	padding:0 2%;
	height:50px;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
}
textarea{
	width:96%;
	float:left;
	border:0;
	background-color:#F9FAFC;
	padding:2%;
	height:200px;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
}
input[type="submit"]{
	float:left;
	background-color:#1ABC9C;
	cursor:pointer;
	border:0px;
	font-size:15px;
	color:#FFF;
	margin:0px;
	padding:10px 20px;
}
code{
	float:left;
	width:100%;
}
/*end tag*/


/*start header*/
header{
	float:left;
	width:100%;
	position:fixed;
	z-index:999;
	top:0px;
	left:0px;
}
header select{
	float:right;
	width:100px;
	display:none;
	border:1px solid #EBEEF2;
	padding:10px;
	margin:10px 0px;
	background-color: #f9fafc;
	-webkit-appearance: none;
}
.navigationmenudark{
	background-color:#434A54;
	-webkit-box-shadow: 0 1px 10px #434A54;
	box-shadow: 0 1px 10px #434A54;
}

/* small browser */
.navigationmenudark select{
	border:1px solid #55738F;
	background-color: #434A54;
	color: #B3BBC6;
}
.logo{
	margin: 12px 0px;
	float:left;
}
/*end header*/


/*navigation menu*/
.gridnavigation{
	margin:0px 10px !important;
	position: relative;
}

.sound-button {
	position: absolute;
	bottom: -40px;
	right: 0;
	z-index: 1000;
	background: url('../img/header/turn-sound-on.png') no-repeat;
	display: block;
	width: 90px;
	height: 21px;
	cursor: pointer;
}
	.sound-button:hover, .sound-button:focus { border: none; }
	.sound-button.stop-sound {
		background: url('../img/header/turn-sound-off.png') no-repeat;
	}
.menufilter{
	float:left;
	width:100%;
	height:3px;
	background-image:url('../img/header/filtermenu.png');
	background-position:right;
	background-repeat:no-repeat;
}
/*navigation menu*/


/*slider*/
.greybgtextslider{
	color:#FFF;
	background-color:rgba(67, 74, 84, 0.4);
	padding:15px 20px;
	font-size:20px;
	line-height:25px;
	font-weight:lighter;
}
/*slider*/


/*start services / teaser with round pictures*/
#homeservices{
	background-color:#434a54;
}
.homeservice h2, .homeservice p{
	color:#b3bbc6;

	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.homeservice a{
	color:#b3bbc6;

	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.homeservice a:hover{
	color:#5e6d81;
}
.homeservice{
	margin-top:0px !important;
	margin-bottom:0px !important;
	border-top:4px solid #55738f;
	text-align:center;

	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.homeservice:hover{
	background-color:#f9fafc;
	-webkit-box-shadow: 0 0px 10px #B3BBC6;
	box-shadow: 0 0px 10px #B3BBC6;
}
.homeservice:hover h2{
	color:#5e6d81 !important;
}
.homeservice p{
	font-size:15px;
	margin:10px 0px 20px 0px;
}
.homeservice h2{
	margin-top:20px;
	display:inline-block;
}
.imgservice{
	width:100%;
	float:left;
	z-index:999;
	margin-top:-70px;
}
.imgserviceopen{
	width:100%;
	float:left;
	position:relative;
	background-color:#F36;
	margin-top:-4px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.imgserviceopen img{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0;
}
.homeservice:hover .imgserviceopen{
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position:relative;
	z-index:97;
}
.homeservice:hover .imgserviceopen img{
	height:auto;
}
canvas{
	position:absolute;
	left:0;
	top:0;
}
.percentagehome{
	position:relative;
	z-index:98;
	margin:auto;
}
.chart{
	position:relative;
	z-index:98;
}
/*end services*/


/*tooltip*/
.ui-tooltip {
	padding: 10px 20px;
	position: absolute;
	z-index: 9999;
	background-color:#434A54;
	opacity:0.8;
	color:#fff;
	font-size:15px;
}
/*end tooltip*/


/*start home prices*/
.price{
	background-color:#fff;
	text-align:center;
	float:left;
	width:100%;
	-webkit-box-shadow: inset 0px 0px 0px 1px #F4F4F6;
	box-shadow: inset 0px 0px 0px 1px #F4F4F6;
	}
.price ul{
	float:left;
	width:100%;
	margin:10px 0px;
	padding:0px;
	list-style:none;
	text-align:center;
	}
	.price ul li{
		border-bottom:1px solid #EBEEF2;
		}
		.price ul li p{
			margin:10px 0px;
			font-size:15px;
			}
.titleprice{
	color:#b1bac3;
	padding:20px 0px;
	background-color:#434A54;
	}
.triangle{
	width: 0;
	height: 0;
	line-height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #14B9D5;
	margin:0px auto;
	}
.descriptionprice{
	font-size:15px !important;
	}
.valueprice{
	padding:10px 0px;
	background-image:url(../img/overview/filter.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	.valueprice p{
		color:#FFF;
		font-size:50px;
		}
		.valueprice p .currency, .valueprice p .littledescription{
			font-size:20px;
			vertical-align:middle;
			}
.footerhomeprices{
	float:right;
	width:100%;
	background-color:#f9fafc;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	}
	.footerhomeprices a{
		color:#888;
		text-decoration: none;
		text-transform: uppercase;
		}
.contacthomeprice, .morehomeprice{
	width:50%;
	float:left;
	text-align:center;
	border-bottom:1px solid #f4f4f6;
	border-top:1px solid #f4f4f6;
	-webkit-box-shadow: inset -1px 0px 0px 0px rgba(244, 244, 246, 1.0);
	box-shadow: inset -1px 0px 0px 0px rgba(244, 244, 246, 1.0);
	}
	.contacthomeprice span, .morehomeprice span{
		margin:15px 0px;
		display:inline-block;
		font-size:15px;
		}
	.contacthomeprice img, .morehomeprice img {
		margin-right: 5px;
		}
	.contacthomeprice a:hover, .contacthomeprice a:focus,
	.morehomeprice a:hover, .morehomeprice a:focus {
		text-decoration: none;
		border: none;
		}
.intro-img {
	max-width: 100%;
	}
	.intro-img img {
		width: 100%;
		height: auto;
		}
/*end home prices*/



/* start impressum */
.impressum a {
	color: #14B9D5;
	}
.address span {
	display: inline-block;
	width: 70px;
	}
/* end impressum */


/*start footer*/
#footer{
	float:left;
	width:100%;
	background-color:#434a54;
	margin-top:10px;
}
.gridfooter{
	padding:50px 10px;
	margin:0px 0px !important;
}
.gridfooter.google iframe {
	width: 100%;
	height: 255px;
	border: 1px solid #fff;
	}
.footerfilter{
	background-color:#4a515b;
}

#copyright{
	float:left;
	width:100%;
	background-color:#4a515b;
	text-align:center;
}
#copyright p{
	font-size:15px;
	color:#fff;
	margin:10px 0px;
}
#copyright a { color: #fff; }

#footer p, #footer h3{
	margin:10px 0px;
	float:left;
	width:100%;
}
#footer h3 { text-transform: uppercase; }
#footer p { color:#FFF; }
#footer a { color: #14b9d5; }

.backtotop{
	float:right;
	background-color:#434A54;
}
.backtotop img{
	padding:24px;
	float:left;
}
/*end footer*/


/*start internal page*/
.header-page{
	float:left;
	width:100%;
	margin-bottom:10px;
	background: url(../img/header-page/dafault.jpg) 50% 0 fixed;
}
.header-page div{
	color:#FFF;
	font-weight:lighter;
	text-align:center;
	padding:150px 0px;
}
.header-page .header-pagetitle{
	color:#FFF;
	opacity:0.8;
	background-color:rgba(67, 74, 84, 0.5);;
	padding:10px 20px;
	display:inline-block;
	font-weight:lighter;
}
.header-pagedescription{
	font-size:17px;
}

.header-page-fewo-norderfeld{
	background: url(../img/header-page/fewo-norderfeld.jpg) 50% 0 fixed;
}
.header-page-fewo-norderfeld2{
	background: url(../img/header-page/fewo-norderfeld2.jpg) 50% 0 fixed;
}
.header-page-fewo-norderfeld3{
	background: url(../img/header-page/fewo-norderfeld3.jpg) 50% 0 fixed;
}
.header-page-fewo-leuchtfeuer{
	background: url(../img/header-page/fewo-leuchtfeuer.jpg) 50% 0 fixed;
}
.header-page-gallery{
	background: url(../img/header-page/gallery.jpg) 50% 85% fixed;
}
#belegungsplan .header-page-gallery {
	background: url(../img/header-page/gallery.jpg) 50% 85% fixed !important;
}

#internalpage{
	float:left;
	width:100%;
}
/*end internal page*/



/*start blog post masonry*/
.stylemasonry{
	float:left;
	width:100%;
}
/*end blog post masonry*/



blockquote{
	background-color:#F9FAFC;
	margin:20px;
	padding:20px;
	border:1px solid #F4F4F6;
	font-style:italic;
}


/*start gallery*/
.singleimagegallery{
	float:left;
	width:100%;
	position:relative;
}
.singleimagegallery:hover .btngallerypage{
	bottom:50%;
	margin-bottom:-25px;
	opacity:1;
}
.singleimagegallery img{
	float:left;
	width:100%;
}
.titlesingleimagegallery{
	float:left;
	background-color:#434A54;
	width:100%;
	position:absolute;
	bottom:0;
}
.titlesingleimagegallery p{
	font-size:15px;
	padding:10px;
	color:#b1bac3;
}
.bulletgallery{
	float:right;
	width:6px;
	height:6px;
	border-radius:5px;
	margin:5px 0 5px 11px;
}
.btngallerypage{
	width:46px;
	height:46px;
	position:absolute;
	bottom:0;
	right:50%;
	margin-right:-25px;
	border:2px solid #fff;
	border-radius:25px;
	background-image:url(../img/destinations/btngalleryarchivedestination.png);
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;

	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
#options{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
.gridoptions{
	margin:0px 10px 40px 10px !important;
}
/*end gallery*/


/*start single project / flat*/
.titlesingleproject{
	background-color:#434A54;
}
.titlesingleproject h4{
	padding:20px 20px 20px 150px;
}
.pricesingleproject{
	border: 2px solid #FFFFFF;
	border-radius: 100px;
	float: left;
	position:absolute;
	margin: -28px 20px 0;
	z-index: 1;
}
.pricesingleproject p {
    color: #FFFFFF;
    font-size: 25px;
    font-weight: 400;
    height: 110px;
    line-height: 110px;
    text-align: center;
    width: 110px;
}
.contentflexslider{
	float:left;
	width:100%;
}
.datedaysingleproject {
    background-color: #F9FAFC;
	-webkit-box-shadow: inset 0px 0px 0px 1px #F4F4F6;
	box-shadow: inset 0px 0px 0px 1px #F4F4F6;
    float: left;
    width: 100%;
}
.datesingleproject {
    /*
    auskommentiert 9.10.15
    float: left;
    */
    /*
    ergaenzt 9.10.15
    */
    text-align: right;
    padding: 20px;
}
.daysingleproject {
    background-color: #F0F1F5;
    float: right;
    line-height: 1;
    padding: 10px 20px;
    text-align: center;
    /*
    ergaenzt 17.02.16
    */
    display: none;
}
.daysingleproject p {
    font-size: 25px;
}
.daysingleproject span {
    font-size: 10px;
}
.contentinfo{
	float:left;
	padding:20px;
}
.contentinfo p{
	font-size:15px;
	margin-bottom:10px;
}

.contentinfo blockquote strong { color: #494949; }
/*end single project*/


/*start contact page*/
.contactmap{
	float:left;
	width:100%;
	position:relative;
}
.infocontact{
	width:280px;
	position:absolute;
	left:50%;
	margin-left:-140px;
	bottom:20%;
	z-index:1;
}
.titleinfocontact{
	color:#FFF;
	padding:15px 0px;
	width:100%;
	text-align:center;
}


/*dark*/
.infocontactdark .contentinfocontact{
	background-color:#434A54;
}
.infocontactdark .markercontactmap .innercirclemarker{
	background-color:#434A54;
}
.infocontactdark .triangleinfocontact span{
	border-top: 10px solid #434A54;
}
.infocontactdark .contentinfocontact ul li{
	border-bottom:1px solid #434A54;
}
.infocontactdark .contentinfocontact ul li p{
	color:#FFF;
}
/*end dark*/


/*light*/
.infocontactlight .contentinfocontact{
	background-color:#fff;
}
.infocontactlight .markercontactmap .innercirclemarker{
	background-color:#fff;
}
.infocontactlight .triangleinfocontact span{
	border-top: 10px solid #fff;
}
.infocontactlight .contentinfocontact ul li{
	border-bottom:1px solid #EBEEF2;
}
.infocontactlight .contentinfocontact ul li p,
.infocontactlight .contentinfocontact ul li p a {
	color:#A9A9A9;
}
/*end light*/


.contentinfocontact{
	float:left;
	width:100%;
	text-align:center;
}
.contentinfocontact ul{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	list-style:none;
}
.contentinfocontact ul li{
	float:left;
	width:100%;
}
.contentinfocontact ul li:last-child{
	border-bottom-width:0px;
}
.contentinfocontact ul li img{
	float:left;
}
.contentinfocontact ul li p{
	font-size:13px;
	padding:15px 20px;
}
.triangleinfocontact{
	width:100%;
	float:left;
	height:20px;
}
.triangleinfocontact span{
	width: 0;
	height: 0;
	line-height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position:absolute;
	left:50%;
	margin-left:-10px;
}
.markercontactmap{
	width:40px;
	height:50px;
	margin:auto;
}
.markercontactmap .circlemarker{
	float:left;
	width:40px;
	height:40px;
	border-radius:20px;
}
.markercontactmap .innercirclemarker{
	float:left;
	width:16px;
	height:16px;
	margin:12px;
	position:absolute;
	border-radius:10px;
}
.markercontactmap .trianglemarker{
	width: 0;
	height: 0;
	line-height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	margin-top:-20px;
	float:left;
}
.contactform{
	float:left;
	width:100%;
}
	.contactform a {
		color: #14B9D5;
		font-weight: 400;
		}

.contactform input[type="text"],
.contactform select{
	width:96%;
	float:left;
	border:0;
	background-color:#e8e8e8;
	padding:0 2%;
	height:50px;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	}
	.contactform select {
		padding-right: 0;
		/*padding-top: 15px;*/
		width: 100%;
		}
		.inputopject-select { position: relative; }
		.inputopject-select:after {
			content:'<>';
			font:20px "Consolas", monospace;
			-webkit-transform:rotate(90deg);
			-moz-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
			transform:rotate(90deg);
			right:8px;
			top:10px;
			padding:0 0 6px;
			border-bottom:1px solid #ddd;
			position:absolute;
			pointer-events:none;
		}
		.inputopject-select:before {
			content:'';
			right:0;
			top:0;
			width:33px;
			height:50px;
			background:#f8f8f8;
			position:absolute;
			pointer-events:none;
			display:block;
		}
.contactform input[type="submit"],
.contactform input[type="reset"] {
	float:right;
	border:0;
	background-color:#1bbc9b;
	padding:13px 20px 13px 70px;
	color:#FFF;
	font-size:17px;
	font-weight:normal;
	cursor:pointer;
	background-image:url(../img/contact/bgsubmit.png);
	background-repeat:no-repeat;
	margin-left: 20px;
	margin-bottom: 10px;
}
	.contactform input[type="reset"] {
		background-color: #F3A46B;
		background-image:url(../img/contact/bgreset.png);
		margin-left: 0;
		/*margin-right: 20px;*/
		}
.contactform textarea{
	width:96%;
	float:left;
	border:0;
	background-color:#e8e8e8;
	padding:2%;
	height:200px;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	box-shadow: inset 0px 0px 0px 1px rgba(244, 244, 246, 1.0);
	}


.filterinputicon{
	background-image:url(../img/contact/filter.png);
	}
.contactform .inputicon{
	float:left;
	width:100%;
	height:50px;
	background-position:center;
	background-repeat:no-repeat;
	}
.contactform ul{
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	list-style:none;
}
.contactform ul li{
	float:left;
	margin:0px;
	padding:0px;
	width:15%;
}
.contactform ul li:last-child{
	width:85%;
}

.inputfirstname{
	background-image:url(../img/contact/firstname.png);
}
.inputlastname{
	background-image:url(../img/contact/lastname.png);
}
.inputemail{
	background-image:url(../img/contact/mail.png);
}
.inputdate{
	background-image:url(../img/contact/date.png);
}
.inputphone{
	background-image:url(../img/contact/phone.png);
}
.inputobject{
	background-image:url(../img/contact/object.png);
}
.inputpets{
	background-image:url(../img/contact/pets.png);
}

#map-canvas{
	float:left;
	width:100%;
	height:600px;
}
/*end contact page*/



/*start divider*/
.divider{
	float:left;
	width:100%;
}
.divider span{
	height:1px;
	width:100px;
	background-color:#e5e5e5;
	margin:50px auto;
	display:block;
}
.dividerheight40{
	height:40px;
	width:100%;
	float:left;
}
.dividerheight30{
	height:30px;
	width:100%;
	float:left;
}
.dividerheight20{
	height:20px;
	width:100%;
	float:left;
}
.dividerheight10{
	height:10px;
	width:100%;
	float:left;
}
/*end divider*/


/*start btn*/
.btn {
	display:inline-block;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	}
.btn:hover, .btn:focus {
	border: none;
	opacity: 0.7;
	}
.btn p{
	padding:10px;
	font-size:15px;
	color:#fff;
	margin:0px;
}
/*end btn*/


/*start class*/
.titlesection{
	text-align:center;
	padding:0px 0px 40px 0px;
}
.titlesection h4{
	margin-top:10px;
}
.container{
	width:1200px;
	margin:auto;
	padding: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sectionhome{
	float:left;
	width:100%;
}

.sectionparallax{
	float:left;
	width:100%;
	padding:50px 0px;
	margin:10px 0px;
}

.titlewithborder{
	border-bottom:1px solid #F4F4F6;
	padding-bottom:0px;
	color:#5E6D81;
	margin:0px;
}
.titlewithborder span{
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.weather iframe {
	margin-top: -30px;
	}
/*end class*/


/*start opacity background*/
.opacitybg{
	background:rgba(255,255,255,0.2) !important;
	box-shadow: 0 0 0 1px #FFFFFF inset !important;
	}
.opacitybg .descriptiondestination, .opacitybg .memberdescription, .opacitybg ul li p{
	color:#fff !important;
	}
.opacitybg .infodestination, .opacitybg .socialmember ul, .opacitybg .footerhomeprices{
	background:rgba(255,255,255,0.3) !important;
	box-shadow: 0 0 0 1px #FFFFFF inset !important;
	}
.opacitybg .likedestination, .opacitybg .commentsdestination{
	box-shadow: 1px 0 0 0px #FFFFFF inset !important;
	}
/*end opacity background*/


/*start color*/
.white .titlewithborder span{
	border-bottom: 1px solid #fff;
	}
.white  h2{
	color: #fff;
	}
.blue .datedayhometour, .blue .ui-tabs-active a, .btnpromotion .blue, .blue .valueprice, .blue .priceleftarchivetour, .blue .areadmoresinglepostmasonry, .blue .btngalleryarchivedestination, .blue .btngallerypage, .blue .filterinputicon, .blue .titleinfocontact, .blue .markercontactmap .circlemarker, .blue .datearchivesinglepost, .blue .btn, .blue .readmoredestinationsingleproject, .blue .pricesingleproject, .blue .arrowcarouselprev, .blue .arrowcarouselnext, .blue .memberposition, .blue .progressbartitle, .blue .datesinglepost{
	background-color:#14b9d5;
	}
.blue .bulletlisthometour, .blue .bulletevidenceleftmenu, .blue .bulletarchivedestination, .blue .bulletgallery{
	border:2px solid #14b9d5;
	}
.sf-menu .blue{
	-webkit-box-shadow: inset 0px 3px 0px 0px rgba(20, 185, 213, 1.0);
	box-shadow: inset 0px 3px 0px 0px rgba(20, 185, 213, 1.0);
	}
	.sf-menu .blue ul li:hover{
		-webkit-box-shadow: inset 3px 0px 0px 0px rgba(20, 185, 213, 1.0);
		box-shadow: inset 3px 0px 0px 0px rgba(20, 185, 213, 1.0);
		}
.blue .triangle{
	border-top: 10px solid #14B9D5;
	}
.blue .markercontactmap .trianglemarker{
	border-top: 30px solid #14B9D5;
	}
.blue blockquote, .blue .textevidence, .blue-borderleft{
	border-left:2px solid #14B9D5 !important;
	}
.blue .titlewithborder span{
	border-bottom: 1px solid #14B9D5;
	}



.green .datedayhometour, .green .ui-tabs-active a, .btnpromotion .green, .green .valueprice, .green .priceleftarchivetour, .green .areadmoresinglepostmasonry, .green .btngalleryarchivedestination, .green .btngallerypage, .green .filterinputicon, .green .titleinfocontact, .green .markercontactmap .circlemarker, .green .datearchivesinglepost, .green .btn, .green .readmoredestinationsingleproject, .green .pricesingleproject, .green .arrowcarouselprev, .green .arrowcarouselnext, .green .memberposition, .green .progressbartitle, .green .datesinglepost{
	background-color:#1bbc9b;
	}
.green .bulletlisthometour, .green .bulletevidenceleftmenu, .green .bulletarchivedestination, .green .bulletgallery{
	border:2px solid #1bbc9b;
	}
.evidenceleftmenu .green{
	-webkit-box-shadow: inset 3px 0px 0px 0px rgba(27, 188, 155, 1.0);
	box-shadow: inset 3px 0px 0px 0px rgba(27, 188, 155, 1.0);
	}
.sf-menu .green{
	-webkit-box-shadow: inset 0px 3px 0px 0px rgba(27, 188, 155, 1.0);
	box-shadow: inset 0px 3px 0px 0px rgba(27, 188, 155, 1.0);
	}
	.sf-menu .green ul li:hover{
		-webkit-box-shadow: inset 3px 0px 0px 0px rgba(27, 188, 155, 1.0);
		box-shadow: inset 3px 0px 0px 0px rgba(27, 188, 155, 1.0);
		}
.green .triangle{
	border-top: 10px solid #1bbc9b;
	}
.green .markercontactmap .trianglemarker{
	border-top: 30px solid #1bbc9b;
	}
.green blockquote, .green .textevidence, .green-borderleft{
	border-left:2px solid #1bbc9b !important;
	}
.green .titlewithborder span{
	border-bottom: 1px solid #1bbc9b;
	}



.yellow .datedayhometour, .yellow .ui-tabs-active a, .btnpromotion .yellow, .yellow .valueprice, .yellow .priceleftarchivetour, .yellow .areadmoresinglepostmasonry, .yellow .btngalleryarchivedestination, .yellow .btngallerypage, .yellow .filterinputicon, .yellow .titleinfocontact, .yellow .markercontactmap .circlemarker, .yellow .datearchivesinglepost, .yellow .btn, .yellow .readmoredestinationsingleproject, .yellow .pricesingleproject, .yellow .arrowcarouselprev, .yellow .arrowcarouselnext, .yellow .memberposition, .yellow .progressbartitle, .yellow .datesinglepost{
	background-color:#FFD205;
}
.yellow .bulletlisthometour, .yellow .bulletevidenceleftmenu, .yellow .bulletarchivedestination, .yellow .bulletgallery{
	border:2px solid #FFD205;
}
.evidenceleftmenu .yellow{
	-webkit-box-shadow: inset 3px 0px 0px 0px rgba(255, 210, 5, 1.0);
	box-shadow: inset 3px 0px 0px 0px rgba(255, 210, 5, 1.0);
}
.sf-menu .yellow{
	-webkit-box-shadow: inset 0px 3px 0px 0px rgba(255, 210, 5, 1.0);
	box-shadow: inset 0px 3px 0px 0px rgba(255, 210, 5, 1.0);
}
.sf-menu .yellow ul li:hover{
	-webkit-box-shadow: inset 3px 0px 0px 0px rgba(255, 210, 5, 1.0);
	box-shadow: inset 3px 0px 0px 0px rgba(255, 210, 5, 1.0);
}
.yellow .triangle{
	border-top: 10px solid #FFD205;
}
.yellow .markercontactmap .trianglemarker{
	border-top: 30px solid #FFD205;
}
.yellow blockquote, .yellow .textevidence, .yellow-borderleft{
	border-left:2px solid #FFD205 !important;
}
.yellow .titlewithborder span{
	border-bottom: 1px solid #FFD205;
}



.orange .datedayhometour, .orange .ui-tabs-active a, .btnpromotion .orange, .orange .valueprice, .orange .priceleftarchivetour, .orange .areadmoresinglepostmasonry, .orange .btngalleryarchivedestination, .orange .btngallerypage, .orange .filterinputicon, .orange .titleinfocontact, .orange .markercontactmap .circlemarker, .orange .datearchivesinglepost, .orange .btn, .orange .readmoredestinationsingleproject, .orange .pricesingleproject, .orange .arrowcarouselprev, .orange .arrowcarouselnext, .orange .memberposition, .orange .progressbartitle, .orange .datesinglepost{
	background-color:#F3A46B;
}
.orange .bulletlisthometour, .orange .bulletevidenceleftmenu, .orange .bulletarchivedestination, .orange .bulletgallery{
	border:2px solid #F3A46B;
}
.evidenceleftmenu .orange{
	-webkit-box-shadow: inset 3px 0px 0px 0px rgba(243, 164, 107, 1.0);
	box-shadow: inset 3px 0px 0px 0px rgba(243, 164, 107, 1.0);
}
.sf-menu .orange{
	-webkit-box-shadow: inset 0px 3px 0px 0px rgba(243, 164, 107, 1.0);
	box-shadow: inset 0px 3px 0px 0px rgba(243, 164, 107, 1.0);
}
.sf-menu .orange ul li:hover{
	-webkit-box-shadow: inset 3px 0px 0px 0px rgba(243, 164, 107, 1.0);
	box-shadow: inset 3px 0px 0px 0px rgba(243, 164, 107, 1.0);
}
.orange .triangle{
	border-top: 10px solid #F3A46B;
}
.orange .markercontactmap .trianglemarker{
	border-top: 30px solid #F3A46B;
}
.orange blockquote, .orange .textevidence, .orange-borderleft{
	border-left:2px solid #F3A46B !important;
}
.orange .titlewithborder span{
	border-bottom: 1px solid #F3A46B;
}



.red .datedayhometour, .red .ui-tabs-active a, .btnpromotion .red, .red .valueprice, .red .priceleftarchivetour, .red .areadmoresinglepostmasonry, .red .btngalleryarchivedestination, .red .btngallerypage, .red .filterinputicon, .red .titleinfocontact, .red .markercontactmap .circlemarker, .red .datearchivesinglepost, .red .btn, .red .readmoredestinationsingleproject, .red .pricesingleproject, .red .arrowcarouselprev, .red .arrowcarouselnext, .red .memberposition, .red .progressbartitle, .red .datesinglepost{
	background-color:#F76570;
}
.red .bulletlisthometour, .red .bulletevidenceleftmenu, .red .bulletarchivedestination, .red .bulletgallery{
	border:2px solid #F76570;
}
.evidenceleftmenu .red{
	-webkit-box-shadow: inset 3px 0px 0px 0px rgba(247, 101, 112, 1.0);
	box-shadow: inset 3px 0px 0px 0px rgba(247, 101, 112, 1.0);
}
.sf-menu .red{
	-webkit-box-shadow: inset 0px 3px 0px 0px rgba(247, 101, 112, 1.0);
	box-shadow: inset 0px 3px 0px 0px rgba(247, 101, 112, 1.0);
}
.sf-menu .red ul li:hover{
	-webkit-box-shadow: inset 3px 0px 0px 0px rgba(247, 101, 112, 1.0);
	box-shadow: inset 3px 0px 0px 0px rgba(247, 101, 112, 1.0);
}
.red .triangle{
	border-top: 10px solid #F76570;
}
.red .markercontactmap .trianglemarker{
	border-top: 30px solid #F76570;
}
.red blockquote, .red .textevidence, .red-borderleft{
	border-left:2px solid #F76570 !important;
}
.red .titlewithborder span{
	border-bottom: 1px solid #F76570;
}




.violet .datedayhometour, .violet .ui-tabs-active a, .btnpromotion .violet, .violet .valueprice, .violet .priceleftarchivetour, .violet .areadmoresinglepostmasonry, .violet .btngalleryarchivedestination, .violet .btngallerypage, .violet .filterinputicon, .violet .titleinfocontact, .violet .markercontactmap .circlemarker, .violet .datearchivesinglepost, .violet .btn, .violet .readmoredestinationsingleproject, .violet .pricesingleproject, .violet .arrowcarouselprev, .violet .arrowcarouselnext, .violet .memberposition, .violet .progressbartitle, .violet .datesinglepost{
	background-color:#C377E4;
}
.violet .bulletlisthometour, .violet .bulletevidenceleftmenu, .violet .bulletarchivedestination, .violet .bulletgallery{
	border:2px solid #C377E4;
}
.evidenceleftmenu .violet{
	-webkit-box-shadow: inset 3px 0px 0px 0px rgba(195, 119, 228, 1.0);
	box-shadow: inset 3px 0px 0px 0px rgba(195, 119, 228, 1.0);
}
.sf-menu .violet{
	-webkit-box-shadow: inset 0px 3px 0px 0px rgba(195, 119, 228, 1.0);
	box-shadow: inset 0px 3px 0px 0px rgba(195, 119, 228, 1.0);
}
.sf-menu .violet ul li:hover{
	-webkit-box-shadow: inset 3px 0px 0px 0px rgba(195, 119, 228, 1.0);
	box-shadow: inset 3px 0px 0px 0px rgba(195, 119, 228, 1.0);
}
.violet .triangle{
	border-top: 10px solid #C377E4;
}
.violet .markercontactmap .trianglemarker{
	border-top: 30px solid #C377E4;
}
.violet blockquote, .violet .textevidence, .violet-borderleft{
	border-left:2px solid #C377E4 !important;
}
.violet .titlewithborder span{
	border-bottom: 1px solid #C377E4;
}
/*end color*/


/*start hover effect*/
/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
/*rotate*/



/*opacity*/
.opacity{
	opacity: 1;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.opacity:hover{
	opacity: 0.8;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transition: opacity;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
/*opacity*/


/*end hover effect*/


.plan { height: 700px; }

@media only screen and (max-width: 1199px) {
	.logo {
		font-size: 22px;
		margin: 15px 0 0;
		}
	#navigationmenu .sf-menu a {
		padding: 20px 10px 19px;
		}
	#navigationmenu .sf-arrows .sf-with-ul:after {
		right: 50%;
		top: 80%;
		}
	.daysingleproject { padding: 10px; }
	}