/*custom styles for the Steffi Site theme*/

/* General=============*/
body{
	-webkit-font-smoothing: antialiased;
	  -webkit-text-size-adjust: 100%;
	 font-size: 16px!important;
	  overflow-x: hidden;
	  background-color: #FFF;
	  font-weight: 500!important;
	  min-height: 800px;
}
page{
	background: #fff;
}

.full-width{
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.row.container{
	margin-left: auto;
	margin-right: auto;
}


h1, h2, h3, h4, h5, h6{
	color: #5B2236;
	  margin-top: 0;
	  margin-bottom: 10px;
	  font-weight: 800;
}


h1{
	font-size: 36px;
	line-height: 30px;
}

h4{
	padding-top: 20px;
	font-size: 24px;
}



}
.region-third-left .block,
.region-third-right .block,
.region-sidebar-first .block,
.region-sidebar-second .block{
margin-bottom: 30px;	
}


h5{
	font-size: 18px;
	margin-top: 40px;
}

.car:before{
	font-family:var(--fa-font-solid);
	content: "\f1b9";
	padding-right: 15px;
}

.plane:before{
	font-family:var(--fa-font-solid);
	content: "\f072";
	padding-right: 15px;
}
  
 p{
 	margin-bottom: 15px!important;
 	line-height: 1.6;
 } 
  
 well{
 	margin-top: 20px;
 	margin-bottom: 20px;
 } 
 
 .well.orange{
 	background: #fff;
 	border-color: #ea8c02;
 }
 
 
 .well.brown{
 	background: #fff;
 	border-color: #ab4f01;
 	}
 	
 	.well.red{
 		background: #fff;
 		border-color: #5B2236;
 	}
.well 
  
.drupal_wall .edit_delete img{
	width: 20px!important;
}
  
label{
	font-size: 80%;
	text-shadow: none!important;
	color: #6f6559;
}  
  
 .reise{
 	margin-bottom: 50px;
 } 
  
 /*end underlying font and grey border - change html*/


h2{
	color: #5B2236;
	font-weight: 800;
	 font-size: 30px;
	 
}

h3{
	
	font-size: 22px;
	  line-height: 22px;
}

h5{
	font-size: 18px;
	text-transform:uppercase;
}

.main-container{
	padding-top: 60px;
	padding-bottom: 30px;
	
}


.front .main-container{
	display: none!important;
}



/*menu===========*/


/*Popups*/



/* Buttons=============*/
:focus{
	outline: none!important;
}
.btn{
	font-weight: 600;
}

.btn a{
color: #fff;
	font-weight: 600;
}
.btn a:hover{
	text-decoration: none;
}

.btn:focus{
	outline: none;
}
.btn-primary:focus, .btn-primary:hover{
		background-image: none;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-warning,
.btn-info,
.btn-danger,
.btn-default-rev,
.btn-primary-rev,
.btn-success-rev,
.btn-warning-rev,
.btn-danger-rev{
	box-shadow: none!important;
	text-shadow: none!important;
	background-image: none!important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus {
    color: #ffffff;
    background-color: #361420;
    border-color: #2e111c;
}

.top-border{
	margin-top: 80px;
	padding-top: 40px;
	border-top: 1px solid #c6c1bc;
	float: none;
	display: block;
	clear: both;
}

.text-center{
	float: none;
	display: block;
	clear: both;
}

a.sm-icon{
	padding-right: 50px;
	
}

a.sm-icon:before{
	color: #fff!important;
	font-size: 18px;
	font-family: var(--fa-font-solid);
	padding-right: 15px;
	
}

a.facebook:before{
	content: '\f09a';
}
a.pinterest:before{
	content: '\f0d3';
}

.icon-inline{
    width: 25px;
    height:auto;
    float:left;
    margin-left:-10px
    
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    height: 100%!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ab4f01/*{borderColorActive}*/;
    background: #ab4f01/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #ffffff/*{fcActive}*/;
}



/* Header & Menu=============*/
/*Languages*/

a.translation-link,
a.language-link{
	-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
}
a.translation-link,
a.language-link{
	color: #6f6559;
	font-size: 70%;
}

a.language-link:hover,
a.translation-link:hover{
	-webkit-filter: none;
		filter: none;
}

a.language-link:hover,
a.translation-link:hover{
	text-decoration: none;
}

ul.links.list-inline{
	margin-top: 10px;
	padding-top: 20px;
	border-top: 1px solid #c1c1c1;
	text-align: right;
	
}

ul.language-switcher-locale-url{
	list-style: none;
	text-align: right;
}

ul.language-switcher-locale-url li{
	display: inline-block;
	padding-right: 15px;
	}

.locale-untranslated {
    font-style: italic;
    text-decoration: none;
    -webkit-filter: grayscale(100%);
    	filter: grayscale(100%);
    	font-size: 70%;
    	color: #c1c1c1;
}

.locale-untranslated img{
	 -webkit-filter: brightness(180%); 
}

section#user_login{
	border-bottom: 0px;
	color:#fff ;
}

#navbar.container{
	

	max-width: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	border-bottom: 0px;
	border-radius: 0px;
}
.navbar-collapse{
margin-right:50px;
    margin-left:auto;
    display:block}


.navbar-nav{
	background-image: none;
	box-shadow: none;
    font-family: 'Bubblegum Sans';
    font-style: normal;
    font-weight: normal;
    
}

.navbar-nav>li>a{
	font-family: 'Bubblegum Sans';
    font-size:16px;
    font-style: normal;
    font-weight: normal;
	color: #6f6559!important;
}




.navbar-nav{
	margin-top: 15px;
	float: right;
	
}

.navbar-nav .navbar-nav>li>a:hover,
.navbar-nav .navbar-nav>li>a:focus{
color: #6f6559;
	}

.navbar-nav .navbar-nav>.active>a, .navbar-nav .navbar-nav>.open>a{
	background-image: none;
	box-shadow: none;
	color: #6f6559;
}

.navbar-nav .navbar-nav .open .dropdown-menu>li>a{
	color: #6f6559;
		font-family: 'Bubblegum Sans';
    font-style: normal;
    font-weight: normal;
}

.navbar-nav .navbar-nav .open .dropdown-menu>li>a:hover{

	background-color: #c6c1bc;
}


.dropdown-menu{
	background-color: #fff;
	border: 1px solid #6f6559;
	box-shadow: none!important;
	color: #6f6559;
	
}

.dropdown-menu .dropdown-menu{
	background-color: #fff;
	border: #6f6559;
	box-shadow: none!important;
	color: #6f6559;
	
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:active, .dropdown-menu>li>a:visited{
	background-image: none!important;
	color: #6f6559;
	text-decoration: none;
	outline: 0;
	background-color: #fff!important;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background-image: none!important;
	color: #6f6559;
	text-decoration: none;
	outline: 0;
	background-color: #edecea!important;}

.dropdown-menu>li.open>a
 {
  color: #6f6559;
  text-decoration: none;
  outline: 0;
  
  
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  color: #6f6559;
  text-decoration: none;
  outline: 0;
  background-color: #edecea!important;
}

.dropdown-menu{
	box-shadow: none;
}



.region-user-login .nav>li>a,
.region-user-login .nav>li
{
	display: inline !important;
	padding-bottom: 5px;
	color: #fff;
	font-size: 85%;
}

.region-user-login .nav>li>a:hover{
	color: #6f6559;
}

img{
	max-width: 100%;
	height:auto;
}

@media (min-width: 768px){
.navbar-nav {
    float: right!important;
    margin-right: 70px!important;
    margin-left: auto;
    display: block;}}

.navbar-header{
	width: 300px;
}
a.logo img{
	width:300px;
	height: auto;
}

/*Frontpage*/

h2.block-title{
	text-align: center;
	padding-bottom: 40px;
	font-size: 25px;
}

.region-sidebar-second .block{
	margin-bottom: 50px;
}

.region-sidebar-second h2.block-title{
	padding-bottom: 10px;
	border-bottom: 1px solid #edecea;
	font-size: 120%;
	text-align: left;
}
#block-block-4 h3{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#block-block-4 .jumble .icon img,
#block-block-4 .add-ons .icon img{
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-bottom: 30px;
}
#block-block-4 .jumble,
#block-block-4 .colour{
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #c1c1c1;
}

#block-block-4 .colour .icon{
	max-width: 550px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#block-block-4 .colour .icon img{
	width: 200px;
	padding-top: 30px;
}

#block-block-4 .colour .bigger{
	font-size: 110%;
		font-weight: bold;
	padding: 20px;
	font-style: italic;
	
}

#block-block-4 .jumble .text,
#block-block-4 .add-ons .text
{
	padding-left: 50px;
	
}
#block-block-4 .colour .text{
	padding-right: 10%;
	text-align: center;
}

/* Slider=============*/

#block-vwm-base-vwm-base-block-31 {
	position: absolute;
	z-index: 999;
	margin-top: -75px;
	right: 0%;
	left: auto;
	
}

#block-vwm-base-vwm-base-block-31 img{
	max-width: 100px;
}

@media  (min-width:992px) and (max-width:1326px){
	#block-vwm-base-vwm-base-block-31{
		margin-top: -50px;
	}
}

@media  (max-width:991px){
	#block-vwm-base-vwm-base-block-31{
		position: relative;
		margin-top: 0px;
		float: right;
	}
}
.carousel-indicators{
	display: none;
}

.carousel-control .icon-next,
.carousel-control .icon-prev{
	margin-top: -80px;
}
.region-slider .block img{
	width: 100%;
	height: auto;
	object-fit:cover
	
}


.view-hero-slider img{
	
width: 100%;
height::auto;
}

.below-image{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.below-image .text{
	text-align: center;
}

.below-image .text h2{
	font-size: 36px;
	color: #fff;
}
.below-image .text h3{
	font-size: 28px;
	color: #fff;
	line-height: 1.0;
}
.below-image .btn{
	font-size: 20px;
	
	margin-top: 10px;
	font-family: 'Bubblegum Sans';
	border: 3px solid #ab4f01;
	
}
.below-image .btn:hover{
	border: 3px solid #fff;
}
.below-image .edit-slide a{
	color: #fff;
	font-size: 10px;
}

/*.slider.primary{
	background-color: #6f6559;
	color: #fff;
}
.slider.warning{
	background-color: #ea8c02;
	color: #fff;
}
.slider.danger{
	background-color: #ea8c02;
	color: #5b2236;
}*/
.slider .below-image{
	background-color:rgba(171,79,1,0.8);
	color: #fff;
	margin-top:-170px;
	z-index: 1500;
	position: absolute;
	width: 100%;
}

/*.danger .below-image .text h2,
.danger .below-image .text h3

{
	color: #5b2236;
}*/




/* CTA Header=============*/

section#cta_header{
background-color: #ab4f01;	
color: #fff;	
}
.region-cta-header .block{
	padding-top: 5px;
	padding-bottom: 0px;
}

.cta-below-slider .text{
		text-align: center;
	color: #fff;
	padding-bottom: 5px;
}













/*----FAQ -----------------------------*/

.faq-question-answer {
border: 1px solid #e8e8e8;
background: #fff;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.faq-question-answer .faq-question {

padding: 13px 10px 13px 40px;
font-weight: normal;
text-transform: uppercase;}

.faq-question {
padding-top: 5px;
padding-left: 20px;
}

.faq-question a{
	color: #6f6559;
	
}
.faq-question a:hover{
	color: #6f6559;
	text-decoration: none;
	
}
.faq-question a:focus{
	text-decoration: none;
}


.faq-question.faq-dt-hide-answer:before{
font-family: FontAwesome;
content: "\f067";
padding-right: 10px;
color: #ff003d;
}

.faq-question.faq-qa-visible:before{
font-family: FontAwesome;
content: "\f068";
padding-right:10px;

}

.faq-answer{
	padding-bottom: 20px;
}



.carousel-control.left,
.carousel-control.right{
	background-image: none!important;
}

.carousel-control .icon-next:before,
.carousel-control .icon-prev:before{
	font-size: 250%!important;
	margin-top: -30px!important;
}

.carousel-control .icon-next{
	right: 30%!important ;
}

.carousel-control .icon-prev{
	left: 30%!important;
}
.view-faq-slider{
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 240px;
}
.view-faq-slider .views-field-title{
	font-size: 120%;
	width: 35%;
	float: left;
	padding-right: 10%;
	color: #ff003d;
	height: 150px;
	text-transform: uppercase;
}

.view-faq-slider .views-field-body{
	width: 55%;
	margin-right: 45%;
	font-size: 120%;
}

.view-faq-slider .views-field-nothing{
	width: 55%;
	margin-right: 45%;
	text-align: center;
	font-style: italic;
	font-size: 90%;
	padding-top: 10px;
	
}

/* Features=============*/

section#features .block{
	padding-top: 30px;
	padding-bottom: 0px;
}



.front-block,
.basic-block{
	padding: 20px;
	text-align: center;
}
.front-block-image{
	height: 90px;
}


.front-block img{
	max-width: 90px;
	width: 70%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	
}
.basic-truck-image,
.basic-wheel-image{
	height: 150px;
}


.basic-truck-image img{
	max-width: 180px;
	width: 70%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	
}

.basic-wheel-image img{
	max-width: 150px;
	width: 70%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	
}

.feature-icon i{
	margin-bottom: 15px;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	
	
	}


.feature-icon .feature-icon-border{
	border: 3px solid #e5e5e5;
	border-radius: 50px;
	width: 91px;
	height: 91px;
	margin-right: auto;
	margin-left: auto;
}

.feature-icon .feature-icon-border:hover{
	border: 3px solid #ff003d;
	background: #ff003d;
	border-radius: 50px;
	width: 91px;
	height: 91px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
}














/* Hallmarks=============*/

section#hallmarks{
background-color: #EA8C02;
color: #fff;
	}
.cta-below-slider .text{
	color: #fff;
	font-size: 130%;
}
.cta-below-slider .cta{
	padding-top: 5px;
}


section#hallmarks .block{
	padding-top: 5px;
	padding-bottom: 5px;
}

#block-block-17 p:last-child{
	display: none;
}

.cta-below-slider .text{
	padding-top: 10px;
}











/* Content=============*/

.main-container{
	padding-bottom: 100px;
}
.sharethis-buttons{
	padding-top: 30px;
	
}

.path-frontpage .main-container{
    display:none!important
}

@media all and (max-width:767){
    .main-container{
        padding-top:0px!important;
        padding-bottom:0px!important
    }}


img.float-left-image.foundation{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	max-width: 300px;
	height: auto;
	display: block;
}


.form-email{
	display: block;
	    width: 100%;
	    height: 35px;
	    padding: 6px 12px;
	    font-size: 15px;
	    line-height: 1.42857143;
	    color: #6f6559;
	    background-color: #fff;
	    background-image: none;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/*Nodes====================*/

.node h3{
	padding-bottom: 10px;
	border-bottom: 1px solid #edecea;
	margin-bottom: 15px;

}

.basic-page-text{
	padding: 20px;
}

.basic-page-image{
	padding: 0 40px 40px 0px;
}

.logo-about{
	max-width: 350px;
	float: left;
}
/*404-403*/

.megaprint{
	color: #edecea;
	font-size: 800%;
	font-weight: bold;
}

.largeprint h1{
	color: #c6c1bc;
	font-weight: bold;
	padding-bottom: 30px;
}
.largeprint{
	font-size: 100%;
	
}



/*VIEWS========================*/
article.article .field--name-body img{
    max-width: 600px!important;
    width:100%!important;
    height:auto!important;
    margin-right:auto!important;
    margin-left:auto!important;
    margin-bottom:30px!important;
    float:none!important;
    display:block!important;
}
article.article .field--name-body{
    max-width: 950px;
    width:100%!important;
    margin-right:auto!important;
    margin-left:auto!important;
    display:block!important;
    
}

article.article .field--name-body p{
    font-size:18px!important;
   
}

/*Hotspots*/

article.tour .field-collection-item-field-tour-stationen,
article.tour .field--name-field-tour-stationen .paragraph,
.hot-spot-list .hot-spot{
	padding: 40px;
	border: 2px solid #c6c1bc;
	margin-top: 20px;
	margin-bottom: 40px;
	border-radius: 4px;
}
article.tour .field--name-field-tour-stationen:before,
article.tour .field--name-field-tour-stationen:before{
	content: 'Tour Stationen';
	font-family: 'Bubblegum Sans';
	    font-style: normal;
	    font-weight: normal;
	    font-size: 30px;
	    text-align: center;
	    width: 164px;
	    margin-right: auto;
	    margin-left: auto;
	    color: #ab4f01;
	    display: block;
}
.node-hot-spots h2{
	font-size: 24px;
}
article.tour .field--name-field-untertitle{
   font-family: 'Bubblegum Sans';
    font-style: normal;
    font-weight: normal;
    padding-top: 20px;
    font-size: 24px; 
    color: #5B2236;
    margin-top: 0;
    margin-bottom: 10px;
}

.group-preis-leistung{
	padding: 40px;
	border: 2px solid #c6c1bc;
	margin-top: 20px;
	margin-bottom: 40px;
	border-radius: 4px;
	background-color: #f1f1f1;
	margin-right: 15%;
	margin-left: 15%;
}

.group-preis-leistung .field-label{
	width: 100px;
}
.field--label{
    font-weight:bold;
    
}

.group-preis-leistung .field{
	padding-bottom: 10px;
}

article.tour .field--name-field-tag-info{
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 2px solid #c6c1bc;
}

article.tour .node-hot-spots header h2 a{
	
	   pointer-events: none;
	   cursor: default;
	
}


article.hot-spots .content .field--name-field-photos .field--item,
.node-hot-spots .field--name-field-photos .field--item,

.hot-spot-list .views-field-field-photos .field-content img{
	
	display: inline-block;
	padding-right: 10px;
	margin-bottom:10px;
    max-width:250px
}

.hot-spot-list .views-field-field-photos{
	padding-top: 20px;
	
	clear: both;
	display: block;
}

.hot-spot-list .views-field-field-kurze-beschreibung{
float: right;
	padding-top: 20px;
	display: block;
	padding-bottom: 20px;
	width: 60%;
	
}
.node-hot-spots .field--name-field-activity,
.hot-spot-list .views-field-field-activity{
	clear: both;
	padding-top: 10px;
	display: block;
	padding-bottom: 10px;
	border-bottom: 2px solid #c6c1bc;
	border-top: 2px solid #c6c1bc;
	margin-bottom: 20px;
	margin-top: 20px;
	
}
.node-hot-spots .field--name-field-lodge,
.hot-spot-list .views-field-field-lodge
{
	padding-top: 20px;
	padding-bottom: 10px;
	
}

.node-hot-spots .field--name-field-weblink
{
	padding-bottom: 20px;
	
}
.hot-spot-list .views-field-field-lodge .views-label{
	float: left;
	margin-right: 10px;
}


.hot-spot-list .views-field .views-label{
	font-weight: bold;
	padding-bottom: 10px;
}

.hot-spot-list .views-field-field-location-data{
padding-top: 20px;
	margin-bottom: 20px;
}
.hot-spot .views-field-delete-node{
	float: left;
	margin-right: 30px;
}

.hot-spot-list .tour-spots{
	width: 100%;
	padding: 20px;
		
	border: 2px solid #c6c1bc;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 40px;
	border-radius: 4px;	
}

.hot-spot-list .tour-spots .views-field-field-kurze-beschreibung{
	float: none;
	width: 100%;
}

article.tour .field--name-field-tour-termine{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c6c1bc;
	border-top: 1px solid #c6c1bc;
	margin-bottom: 30px;
}

article.tour .field--name-field-tour-bild .field--item img{
	
	height: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
    width:150px;
	
}

article.tour .field--name-field-tour-bild {
	display:block;
    margin-bottom:30px;
	margin-right: 15px;
	margin-bottom: 15px;
}
article.tour .field-slideshow-caption-text{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

article.tour .field-slideshow-caption{
	text-align: center;
}


article.tour .field--name-body{
	display:block;
    float:none;
	margin-top: 30px;
	margin-bottom: 30px;
    clear:both
}

article.tour .field--name-body img{
	max-width: 350px;
	height: auto;
}
.node-article .field--name-body img,
.node-page .field--name-body img{
	width: 100%!important;
		height: auto!important;
		max-width: 450px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	



/*touren*/

.touren-teaser-block .views-field-title{
		font-size: 18px;
		height: 50px;
		padding-bottom: 5px;
}
.touren-teaser-block .views-field-title h3{
margin-bottom: 5px;
}

.touren-teaser-block .block-untertitle{
	font-size: 14px;
	text-align: center;
}
#block-views-touren-block{
margin-top: 80px;
}
.view-touren .views-row{
	float: left;
	margin-left: 10px;
	padding: 20px;
	padding-left: 0px;
	margin-bottom: 10px;
	max-width: 350px;
	height: 350px;
}

.view-touren .views-field-title{
	text-align: center;
	
}

/*COLOUR PALETTE*/


/*Users=====================*/




.view-user-list .views-row .views-accordion-header{
	border: none!important;
	background: none!important;
	height: 100%;
}


.view-user-list .views-row{
	min-height: 90px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}


.view-user-list .views-row .ui-accordion-content{
	height: 30px;
	padding: 0px;
	border: none;
}

.view-user-list .views-row .ui-accordion-content .userlist-subtext{
	padding-left: 0px!important;
	font-size: 90%;
	color: #6f6559;
}

.view-user-list #block-invite-invite-add-invite-by-email{
	width: 350px;
}

.view-user-list #field-invitation-email-address-add-more-wrapper{
	float: left;
	padding-right: 20px;
}

.view-user-list #block-invite-invite-add-invite-by-email button{
	margin-top: 20px;
	
}

.view-user-list .view-filters{
	padding-bottom: 10px;
	margin-bottom: 50px;
	border-bottom: 1px solid #e5e5e5;
}

/*Articles==================*/


.media_element{
	margin-bottom: 20px;
}

.post_meta{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	
}


.post_meta .line{
	margin-right: 10px;
		
}

.post_meta .line:after{
	content: "|";
	padding-left: 10px;
	
}


.share-this{
		padding-bottom: 20px;
	margin-bottom: 30px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-top: 30px;
}

article.land .field--name-body img{
    float:left;
    padding-right:20px;
    padding-bottom:10px;
}

.blog-comments h2{
	font-size: 130%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#block-views-events-block-3,
#block-views-articles-block{
	text-align: center;
}

.view-Events.view-display-id-block_3 .views-row,
.blog-page.view-display-id-block .views-row{
	padding-bottom: 5px;
	border-bottom: 1px dashed #c6c1bc;
	margin-bottom: 10px;
	padding-right: 20px;
	
}
.blog-page.view-display-id-page .views-row{
	min-height: 220px;
	margin-bottom: 30px;
	height: 100%;
	
}
.blog-page .views-row{
    min-height: 350px
}

.blog-page .views-field-nothing .title{
	font-size: 120%;
	padding-bottom: 10px;
}

.blog-page .views-field-nothing .blog-detail .post_meta_teaser,
.article .field--name-field-tags{
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 5px;
}

.article .field--name-field-tags{
    margin-top:40px;
    margin-bottom:40px
}

.blog-page .views-field-nothing .blog-detail .post_meta_teaser .line:after{
	content: "|";
	padding-left: 10px;
}
.article .field--name-field-tags .field--item a:after{
    content: "|";
	padding-left: 10px;
}


.blog-page .views-field-nothing .blog-detail .post_meta_teaser .line{
	margin-right: 10px;
}
.article .field--name-field-tags .field--item{
    width: max-content
}

.blog-page .views-field-nothing .blog-detail .post_meta_teaser .taxonomy .field--name-field-blog-categories,
.article .field--name-field-tags .field--item{
	display: inline;
	padding-right: 15px;
}

.blog-page .views-field-nothing .blog-detail .post_meta_teaser .taxonomy .field--name-field-blog-categories a:after,
.article .field--name-field-tags .field--item:after{
	padding-right: 10px;
}

.blog-page .views-field-nothing .blog-detail .post_meta_teaser .taxonomy .field--name-field-blog-categories a.last:after,
.article .field--name-field-tags .field--item a.last:after{
	content: "";
}


.blog-page .views-field-nothing .blog-detail .post_meta_teaser .fa{
	padding-right: 3px;
}

.blog-page .views-field-nothing .read-more{
	text-align: right;
	margin-top: 15px;
	margin-bottom: 30px;
}


.blog-page.view-display-id-block_1 .views-row{
	min-height: 220px;
	margin-bottom: 30px;
	height: 100%;
	}

.blog-page.view-display-id-block_1{
	padding-top: 60px;
	margin-bottom: 40px;
}


/*PROJECTS=============*/
.field--name-field-project-image,
.field--name-field-before-images{
	display: block;
	padding-bottom: 30px;
	
	}

.field--name-field-project-image img{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 180px;
	
	}

.field--name-field-before-images{
	clear: both;
	padding-top: 20px;
}

.field--name-field-before-images:before{
	content: 'Before Images:';
	font-style: italic;
	font-size: 90%;
}

.field--name-field-before-images img{
	padding: 5px;
	float: left;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.field--name-field-before-images img:hover{
	padding: 5px;
	float: left;
	filter: grayscale(30%);
	-webkit-filter: grayscale(30%);
}

.field--name-field-project-description{
	clear: both;
	padding-top: 50px;
	margin-bottom: 50px;
	display: block;
	padding-bottom: 30px;
	border-bottom: 1px solid #c1c1c1;
	
}
.node-project .field--name-field-subtitle .field--item{
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 120%;
	color: #6f6559;
}

.field--name-field-testimonial{
	clear: both;
	font-size: 90%;
	}
.field--name-field-testimonial:before{
	font-family:var(--fa-font-solid);
	content: '\f10e';
	font-size: 180%;
	padding-right: 30px;
	float: left;
}

.field--name-field-project-description .field-label,
.field--name-field-customer{
	
	font-style: italic;
	color: #6f6559;
	padding-top: 20px;
	font-size: 90%;
	font-weight: normal;
}

/*Product Lines*/

.node-product-line .field--name-field-product-line-image{
	width: 240px;
	float: left;
}

.node-product-line .field--name-field-product-line-image img{
	padding-bottom: 20px;
}
/*Views Latest Projects*/
/*Views Product Lines*/

.view-product-lines .views-row,
.view-latest-projects .views-row{
	min-height: 370px;
	margin-bottom: 30px;
	text-align: left;
}
.view-product-lines img,
.view-latest-projects img{
	padding-bottom: 20px;
}
.view-product-lines .title a,
.view-latest-projects .title a{
	color: #6f6559;
	padding-bottom: 20px;
	font-weight: bold;
}
.view-product-lines .title,
.view-latest-projects .title{
	padding-bottom: 10px;
}

.view-product-lines .title{
	padding-bottom: 30px;
}

.view-latest-projects .subtitle{
	color: #6f6559;
	padding-bottom: 40px;
	font-style: italic;
	font-size: 90%;
}
.view-product-lines .project_description,
.view-latest-projects .project_description{
	margin-bottom: 20px;
}


/*.form-text:focus{
	border-color: #c6c1bc;
	    outline: 0;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	    	    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}*/
	

/*Events===============*/

.node-event img.file-icon{
	width: 20px;
	height: auto;
}

.node-event .field--name-field-media{
	padding-bottom: 20px;
}


.node-event .field--name-field-event-date{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.node-event .field--name-body{
	margin-bottom: 30px;
}


.node-event .field--name-field-sign-up-link{
	margin-bottom: 30px;
}

.node-event .field--name-field-sign-up-link a{
	color: #fff;
}

.node-event .field--name-field-more-info-link{
	margin-bottom: 30px;
}

.node-event .field--name-field-download{
	margin-bottom: 30px;
}

.node-event .field-label{
	font-weight: normal;
	font-size: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.node-event .field-label:before{
	font-family: FontAwesome;
	content: "\f0a4";
	padding-right: 10px;}


.view-Events.view-display-id-page .views-row,
.view-Events.view-display-id-page_1 .views-row{
	display: block;
	min-height: 100px;
	height: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #c6c1bc;
}
.eventstart{
	padding: 3px;
	border: 1px solid #c6c1bc;
	max-width: 80px;
	text-align: center;
}

.eventday{
	float: left;
	padding-left: 10px;
}

.eventday,
.eventmonth{
	font-size: 120%;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
}

.eventmonth{
	}

.eventyear{
	font-size: 150%;
	font-weight: 600;
	color: #fff;
	background: #ff003d;
	clear: both;
	
}

.eventtitle{
	font-size: 120%;
	font-weight: 600;
	padding-bottom: 15px;
}

/*TEAM MEMBER=================*/

.node-team-member .col-md-6,
.node-team-member .col-sm-6,
.node-team-member .col-lg-6{
	padding-left: 0px!important;
	padding-right: 30px;
}
.node-team-member .col-xs-2,
.node-team-member .col-md-2,
.node-team-member .col-sm-2,
.node-team-member .col-lg-2{
	padding-left: 0px!important;
	padding-right: 10px;
}

.view-team .field--name-field-profile-picture img,
.node-team-member img{
	max-width: 250px!important;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.view-team .field--name-field-profile-picture img

.view-team .field--name-field-linkedin a,
.view-team .field--name-field-facebook a,
.view-team .field--name-field-email a,
.view-team .field--name-field-twitter a,
.view-team .field--name-field-googleplus a,
.node-team-member .field--name-field-linkedin a,
.node-team-member .field--name-field-facebook a,
.node-team-member .field--name-field-email a,
.node-team-member .field--name-field-twitter a,
.node-team-member .field--name-field-googleplus a{
	font-size: 0px;
	color: transparent;
	padding-left: 10px;
	display: inline-block;
}
.view-team .field--name-field-linkedin,
.view-team .field--name-field-facebook,
.view-team .field--name-field-email,
.view-team .field--name-field-twitter,
.view-team .field--name-field-googleplus a,
.node-team-member .field--name-field-linkedin,
.node-team-member .field--name-field-facebook,
.node-team-member .field--name-field-email,
.node-team-member .field--name-field-twitter,
.node-team-member .field--name-field-googleplus{
	font-size: 0px;
	color: transparent;
	padding-left: 10px;
	display: inline-block;
}

.node-team-member .field--name-field-linkedin a:before{
	font-family: FontAwesome;
	content: "\f0e1";
	padding-right: 0px;
	font-size: 24px!important;
	color: #6f6559;
	
	
}
.node-team-member .field--name-field-facebook a:before{
	font-family: FontAwesome;
	content: "\f09a";
	padding-right: 10px;
	font-size: 24px!important;
	color: #6f6559;
}
.node-team-member .field--name-field-email a:before{
	font-family: FontAwesome;
	content: "\f003";
	padding-right: 10px;
	font-size: 24px!important;
	color: #6f6559;
}
.node-team-member .field--name-field-twitter a:before{
	font-family: FontAwesome;
	content: "\f099";
	padding-right: 10px;
	font-size: 24px!important;
	color: #6f6559;
}
.node-team-member .field--name-field-google_plus a:before{
	font-family: FontAwesome;
	content: "\f0ed5";
	padding-right: 10px;
	font-size: 24px!important;
	color: #6f6559;
}

.node-team-member .field--name-field-facebook a:hover{
		color: #3b5998;
}
.node-team-member .field--name-field-linkedin a:hover{
		color: #007bb6;
}

.node-team-member .field--name-field-twitter a:hover{
		color: #00aced;
}

.node-team-member .field--name-field-email a:hover{
		color: #ff003d;
}

.node-team-member .field--name-field-google_plus a:hover{
		color: #dd4b39;
}

.node-team-member .field--name-body{
	padding-bottom: 60px;
}

.node-team-member .field--name-field-position{
	font-weight: 800;
	
	  font-size: 25px;
	  color: #c6c1bc;
}


.view-team .views-field-title{
	
	 text-align: center;
	  font-size: 18px;
	  color: #c6c1bc;
}
.view-team .field--name-field-position{
	
	 text-align: center;
	  font-size: 12px;
	  color: #c6c1bc;
	 
}


/*Posts======================*/

.field--name-field-user-image img{
	max-width: 100%!important;
	height: auto;
}

.hovertext{ max-width:100%; background:#FFF; font-size: 90%;opacity: 0; } 


.userpic:hover .hovertext { 
opacity: 1;
background: #fff;



} 

.view-og-content-vwm- .views-row{
	margin-bottom: 20px;

}

.view-og-content-vwm- .field--name-body{
	padding-bottom: 10px;
}

.view-og-content-vwm- .views-field-created{
	font-size: 80%;
	font-style: italic;
	color: #edecea;
}
/* Sidebars=============*/

.view-ical-block .feed-icon img{
	width: 34px;
	height: auto;
}


















/* First=============*/
section#first{
background-color: #fff;
color: #6f6559;
	}
	
	section#first .block{
		padding-top: 50px;
		padding-bottom:5px;
	}



section#first p{
	color: ##6f6559;
}
.features{
	padding-top: 50px;
}

.feature{
	min-height: 540px;
}
.feature .image,
.feature .feature-content{
	padding: 20px;
}

.feature p{
	font-size: 18px;
}
#third,
.copyright{
	background-color: rgb(44,44,44);
	color: #6f6559;
}


#first{
	background-color: #6f6559;
}

#first h2{
	color: #6f6559;
}


#third{
	position:fixed;
	   left:0px;
	   bottom:0px;
	  	   width:100%;
	   
}

#third .block{
	padding-top: 10px;
	padding-bottom: 10px;
}
#third #block-vwm-post-vwmpost .block-title{
	display: none;
}

#third #block-vwm-post-vwmpost .form-item-post-body{
	width: 80%;
	float: left;
	padding-right: 10px;
}


/* 404/403=============*/

.page404 i{
	font-size: 150px;
}

.text404{
	font-weight: 800;
}

#node-39 .sharethis-buttons,
#node-40 .sharethis-buttons{
	display: none;
}



/* Parallax1=============*/

#parallax1{
	
}






/* Second=============*/

#block-views-galleries-pl-block,
#block-views-galleries-pl-block-1,
#block-views-galleries-pl-block-2,
#block-views-galleries-pl-block-3,
#block-views-galleries-pl-block-4,
#block-views-galleries-pl-block-5,
#block-views-galleries-pl-block-6{
	padding-bottom: 50px;
	padding-top: 30px;
	border-top: 1px solid #edecea;
}

#block-views-galleries-pl-block h2.block-title,
#block-views-galleries-pl-block-1 h2.block-title,
#block-views-galleries-pl-block-2 h2.block-title,
#block-views-galleries-pl-block-3 h2.block-title,
#block-views-galleries-pl-block-4 h2.block-title,
#block-views-galleries-pl-block-5 h2.block-title,
#block-views-galleries-pl-block-6 h2.block-title{
	text-align: left;
	font-size: 110%;
	padding-bottom: 20px;
}


.view-galleries-pl .views-row .views-field-field-project-image .field-content a{
	padding: 5px;
}

.view-galleries-pl .views-row .views-field-field-project-image .field-content a img{
	padding-bottom: 10px;
}

.view-galleries-pl .views-row .views-field-field-project-image .field-content{
	padding-left: -20px;
}

.view-galleries-pl .views-row .views-field-title{
	font-size: 80%;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-left: 5px;
}

.view-galleries-pl .views-row .views-field-title a{
	color: #808080;
}

section#second{
	}
.region-second #block-block-10{
	padding-top: 50px;
	padding-bottom: 70px;
	}

.cta-below-slider .cta .btn a:before{
	font-family: "fontawesome";
	content: '\f003';
	padding-right: 10px;
	}
	.cta-below-slider .cta .btn{
		margin-bottom: 10px;
	}
	.cta-below-slider .cta span.phone{
		
		font-size: 120%;
	}
	
	.cta-below-slider .cta span.phone a{
		color: #fff;
	}
	.cta-below-slider .cta span.phone a:hover{
		text-decoration: none;
	}
.btn span.phone:before,
span.phone:before{
	font-family: "fontawesome";
	content: '\f095';
	padding-right: 10px;
	
	
}

@media all and (max-width:767px){
    .cta-below-slider .cta{
        max-width:80%;
        margin-right:auto;
        margin-left:auto;
        display:block
    }
}

.mission.portfolio img{
	border: 1px solid #c1c1c1;
}

.mission .catalogue a{
	padding-right: 10px;
	font-size: 80%;
	
}

a.houzz:before{
	font-family: "fontawesome";
	content: '\f27c';
	padding-right: 10px;
	color: #6f6559;
	
	
}


a.facebook:before{
	font-family: "fontawesome";
	content: '\f09a';
	padding-right: 10px;
	color: #6f6559;
	padding-left: 20px;
	
	
}
.socialmedia{
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #c1c1c1;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 350px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.socialmedia-contact a,
.socialmedia a{
	color:#6f6559
}
.socialmedia-contact a:hover,
.socialmedia a:hover{
	color: #ff003d!important;
	text-decoration: none;
}

.contact-details{
	font-size: 90%;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c1c1c1;
	}

.contact-details .phone-button{
 width: 40%;
 float: left;
 margin-right: 10%;
}

.contact-details-sidebar .phone-button{
	padding-bottom: 40px;
}






/* Parallax2=============*/
.parallax2{
	

background: url('/sites/default/files/2022-11/elephant_mama2.jpeg') no-repeat center top;
	border: none;
		 	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-size: 1800px;
	 	  
  	
}

.front .parallax2{
 min-height: 600px;
}


.region-parallax2 .block{
	max-width: 1170px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 20px;
	padding-left: 20px;
	
}
.region-parallax2 .aluminum-parallax{
	background-color: rgba(255,255,255,0.7);
	margin-top: 30px;
	color: #6f6559;
	padding: 40px;
	font-weight: normal;
	max-width: 800px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.region-parallax2 .aluminum-parallax ul{
	max-width: 450px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none!important;
}

.aluminum-parallax li:before{
	font-family: "fontawesome";
	content: '\f08a';
	padding-right: 10px;
	font-size: 80%;
	color: #ff003d;
}

.region-parallax2 .block h2.block-title,
.region-parallax2 .block p{
	text-align: center;
}










/* Third=============*/


section#third{
	
}
.region-third-center{
	padding-top: 10px;
}













/* Fourth=============*/

section#fourth{
	}



#block-views-team-block{
	padding-top: 60px;
}

#block-views-team-block{
	padding-bottom: 60px;
}


.region-fourth .block{
padding-top: 50px;
padding-bottom: 50px;
	}


.view-testimonials .views-row{
	
	
	padding-right: 20%;
	padding-left: 20%;
	min-height: 170px;

}

.view-testimonials .views-field-field-testimonial:before{
	font-family:var(--fa-font-solid);
	content: '\f10e';
	font-size: 180%;
	padding-right: 30px;
	float: left;
	
}

.view-testimonials .views-field-field-customer{
	text-align: right;
	font-style: italic;
}











/* CTA Postscript=============*/


section#cta_postscript{
	
	padding-bottom: 20px;
	color: #808080;
}





section#cta_postscript h2.block-title{
	color: #fff;
}




.block-mailchimp-signup{
	padding-top: 60px;
	padding-bottom: 60px;
}












/* Postscript=============*/

section#postscripts{
	
	background-color: #595959;
	color: #F2EFEB;
}
section#postscripts .block{
	padding-top: 60px;
	padding-bottom: 60px;
}

section#postscripts h2{
	color: #F2EFEB;
}

section#postscripts a,
section#footer a{
color: #fff;
}


section#footer span.phone:before{
	margin-left: 15px;

}
section#footer span.phone:before:hover{
	margin-left: 15px;
	color: #ff003d;

}

section#footer a:hover{
	
	text-decoration: none;
}
section#postscripts a:hover{
color: #f5f5f5;
}

section#postscripts #block-block-1 a i{
	
}

p.socialmediafooter{
	width: 160px;
	margin-left: auto;
	margin-right: auto;
}



section#postscripts .block{
	text-align: center;
	padding: 40px;
}












/* Footer=============*/



section#footer .block{
padding-top: 10px;
padding-bottom: 10px;
}
section#footer,
.copyright{
	background-color: #6f6559;
	color: #fff;
	
	font-size: 90%;
    padding-top:10px;
    padding-bottom:10px
	
	}

.copyright a{
    color:#fff
}
.copyright a:hover{
    color:#fff;
    text-decoration:none
}

section#footer .col-md-4{
	padding-left: 0px!important;
}

section#footer .nav>li{
	display: inline-block;
	
}

section#footer .nav>li>a{
	padding-left: 10px 10px;
}

section#footer a:hover{
	color: #f5f5f5;
}

#block-menu-menu-footer-menu a:hover{
	color: #6f6559!important;
}





/* Copyright=============*/














/* Media Queries=============*/


@media  (min-width:1550px)/*LARGE DESKTOP*/{
	#block-webform-client-block-7{
		top: 180px;
	}}

@media  (max-width:1549px)and (min-width:1300px)/*"Pretty" LARGE DESKTOP*/{
	#block-webform-client-block-7{
		top: 150px;
	}}


@media all and (max-width:1220px){
	.view-faq-slider .views-field-title{
		width: 100%;
		float: none;
		height: 100%;
		padding-right: 0px;
		padding-bottom: 15px;
		text-align: center;
	}
	
	.view-faq-slider .field--name-body,
	.view-faq-slider .views-field-nothing,
	.view-faq-slider .views-field-nothing-1{
		text-align: center;
		width: 100%;
	}

}


@media all and (max-width:1199px) and (min-width:991px)/*TABLETS to mid sized DESKTOP*/{



#node-7 .webform-component-checkboxes{
clear: both;
display: block;
padding-top: 0px;
}

#block-webform-client-block-7{
	padding: 15px;
	top: 120px;
	
}

}

@media all and (max-width:990px){
	#block-webform-client-block-7{
			top: 0px;
			position: relative;
			background-image: none
				}
				
				
				.view-faq-slider .views-field-nothing /*hover*/{
					display: none;
				}
			#block-webform-client-block-7 h2.block-title{
				font-size: 140%!important;
				
			}
			
			
			
			#block-webform-client-block-7 h3 br{
				display: none;
			}
			
			
			#block-webform-client-block-7 .webform-component-markup br{
				display: none;
			}
				
			#node-7 button.webform-submit{
				clear: none;
				margin-left: 100px;
				margin-top: 15px;
				display: inline;

			}
			
			#node-7 .webform-component-checkboxes	{
				float: none!important;			}
				
				
				
			.blog-detail{
				padding-bottom: 70px;
			}
			.media_element{
				margin-bottom: 0px;
			}
				
				
	}
	
@media (max-width: 991px){
	.slider .below-image{
		position: relative;
		margin-top: 0px;
		background-color:rgb(171,79,1)
	}
	
	.below-image .text h2{
		font-size: 140%;
		
	}
	.below-image .text h3{
		font-size: 120%;
		
	}
	
	.below-image .btn{
		font-size: 120%;
		
	}
}	
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:left;
        width: 100%;
    }
    .navbar-toggle {
      position: absolute!important;
     top: 10px;	
     right: 0px;  
    
    }
  
}



@media all and (min-width:769px) and (max-width:850px) /*TABLETS*/{







}


	




@media all and (min-width:768px) /*bigger than PHONE*/{
	
	.webform-component-textfield,
	.webform-component-email{
		width: 40%;
		margin-right: 10%;
	}	.
	
	.webform-component-textarea{
		width: 50%;
	}
	
	
	.region-third-center,
	.main-container .region-content{
		padding-right: 40px;
	}
	.region-third-left,
	.region-third-right,
	.region-sidebar-second,
	.region-sidebar-first{
		padding: 10px;
	}
}

@media all and (max-width:767px) /*PHONE*/{
	/*#block-webform-client-block-7{
		display: none;
	}*/
	
	.player {
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 35px;
	    height: 0;
	    overflow: hidden;
	    margin-bottom: 0px;
	}
	
	.player iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    margin-bottom: 0px;
	}
	
	
article.tour .field--name-field-tour-bild{
	max-width: 100%!important;
	height: auto;
}

article.tour .field--name-field-tour-bild img{
	max-width: 100%!important;
	height: auto!important;
}

article.tour .field-collection-item-field-tour-stationen, .hot-spot-list .hot-spot{
	padding: 20px;
}
.group-preis-leistung{
	margin-right: 5%;
	margin-left: 5%;
	padding: 20px;
}	
.navbar-nav {
    margin-top: 15px;
   float: none;
}

.slide-slogan{
	height: 40px;
}

.navbar-nav li{
	border-bottom: 1px dotted #c6c1bc;
}	
	.region-content{
		padding-bottom: 60px;
	}
	
	.region-third-left,
	.region-third-right,
	.region-sidebar-second,
	.region-sidebar-first{
		text-align: center;
	}
	
	.navbar-toggle {
	  position: absolute!important;
	 top: 10px;	
	 right: 0px;  
	
	}
	
#block-menu-menu-footer-menu{
	margin-top: 20px;
	text-align: center;
}	
#block-menu-menu-footer-menu .nav>li{
			font-size: 120%;
		padding: 10px;
	}
	
#block-block-7{
	text-align: center;
}	
	
.block-mailchimp-signup{
	text-align: center;
	
}

.eventstart{
	max-width: 150px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.eventyear{
	clear: none;
	margin-right: 5px;
	color: #6f6559;
	background-color: #fff;
}
.eventmonth{
	float: left;
	padding-left: 10px;
}
.event-info{
	text-align: center;
	padding-top: 15px;
}


	
}
	
@media all and (max-width:618px)and (min-width:520px){
	
	
}

@media all and (max-width:519px){
	
}

/*
@media all and (max-width:1342px)(min-width:1455px){

#block-webform-client-block-7 h2.block-title{
	font-size: 120%;
	
}
#block-webform-client-block-7 h3{
	font-size: 100%;
}*/

