/* karla-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/karla/karla-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Karla';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/karla/karla-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Karla';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/karla/karla-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-700italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Karla';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/karla/karla-v31-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/worksans/work-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/worksans/work-sans-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/worksans/work-sans-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*body.sub.device-lg #top-bar{


   display: none;
}*/
#header{
	height: 125px;
}
#header-wrap{
	height: 80px;
	background-color: #fff;
}
@media (max-width: 768px) {
	#header-wrap{
		height: 125px!important;
	}
}
/*.home #header.full-header #logo{
	height: 80px;
}*/
.home #header.sticky-header.full-header #logo {
	height: 76px;
}
#header.full-header #logo{
	height: 76px;
}
#logo img{
	height: 40px;
	margin-top: 25px;
}
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img{
	height: 33px;
	margin-top: 28px;
}
#header.sticky-header.full-header #logo {
	height: 76px;
	padding-right: 0px;
}
/*.home #header.full-header #primary-menu > ul {
	height: 80px;
}*/
/*.home #header.sticky-header.full-header #primary-menu > ul{
	height: 76px;
}*/

#header.sticky-header.full-header #primary-menu > ul li a{
	color: #555;
}
#header.sticky-header.full-header #primary-menu ul li.current > a,
#header.sticky-header.full-header #primary-menu ul li:hover > a{
	color: #010101;
}
#header.sticky-header.full-header #logo {
border-right: none;
}
/*#header.sticky-header.full-header #primary-menu ul > li.current > a:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 0;
border-top: 4px solid #010101;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
width: 100%;
}*/
#primary-menu ul li > a{
	color: #777;
}
#primary-menu ul ul li > a{
	font-weight: 400;
}
#primary-menu ul li:hover > a,
#primary-menu ul li.current > a {
color: #010101;
}
#primary-menu ul li.current > a {
font-weight: 700;
}
.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content {
	background-color: #fff;
	border-color: #fff;
	border-left: none;
	border-right: none;
	border-top-color: #010101;
}
.dark #primary-menu:not(.not-dark) ul ul li:hover > a,
#primary-menu.dark ul ul li:hover > a {
	background-color: rgba(0,0,0,0.1);

	color: #010101 !important;
}
#primary-menu ul ul > li:hover > a {
	padding-left: 18px!important;
	color: #010101;
}
#primary-menu ul ul li:hover > a {
	background-color: rgba(0,0,0,0.1);
}
.top-links ul li.current a{
	/*background: #0C386F;*/
	color: #000!important;
	font-weight: 700;
}
.top-links ul li.current a:hover{
	color: #000;
}
.vdp-siegel {
	position: absolute;
	bottom: 0;
	right: 0;
}
#vdpsupporter_seal_widget_yQtv img,
#vdpsupporter_seal_widget_peyy img{
	width: 150px!important;
	height: 150px!important;
}
[id^="vdpsupporter_seal_widget"] img{
	width: 150px!important;
	height: 150px!important;
}
/*#primary-menu ul ul > li.sub-menu:hover > a{
	background-color: rgba(0,0,0,0.1);
}*/
/*#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
	background-image: url("../img/assets/submenu.png")!important;
	background-position: right center;
	background-repeat: no-repeat;
}*/
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.overlay-menu #primary-menu.dark > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close,
.overlay-menu #primary-menu.dark > #overlay-menu-close,
.dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-cart a,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a,
.dark #header-wrap:not(.not-dark) #top-account a,
.dark #top-cart .top-cart-item-desc a,
body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-search a:hover,
.dark #header-wrap:not(.not-dark) #top-cart a:hover,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,
.dark #header-wrap:not(.not-dark) #top-account a:hover,
.dark #header-wrap:not(.not-dark) #top-search form input {
	color: #777;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current > a {
color: #fff;
}
.justify{
	text-align: justify;
}
.noborderradius{
	border-radius: 0px!important;
}
#top-bar{
z-index: 999;
background: #fff!important;
/*border-bottom: 1px solid #999!important;*/
font-family: 'Work Sans', sans-serif;
}
#top-bar .col_half{
/*margin-left: 20px;*/
margin-right: 0;
padding-left: 89px;
}
#top-bar .col_half.col_last{
	/*margin-right: 26px!important;*/
}
#top-bar .col_half #top-social ul li{
	border-left: 1px solid #e6e6e6!important;
}
#top-bar .col_half #top-social ul li a{
	color: #999;
}
#top-bar .col_half #top-social ul li a:hover span{
color: #010101;
text-shadow: none;
}
#top-bar .col_half .top-links ul li{
	border-left: 1px solid #e6e6e6!important;
}
#top-bar .col_half .top-links ul li a{
color: #999;
}
#top-bar .col_half .top-links ul li a:hover{
	color: #000;
	text-shadow: none;
}
#top-bar .col_half .top-links ul li ul li a{
color: #5f5a5a;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#top-bar img.zerticon {
	width: 14px;
	margin-top: -3px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
}
/*#top-bar .col_half .top-links ul li ul li a:hover{
	color: #010101;
	text-shadow: none;
	background: #e6e6e6;
	padding-left: 18px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}*/
/*#top-bar .col_half .top-links ul li.current a:hover{
	background: #010101;
	color: #fff!important;
}*/
#top-bar .col_half .top-links ul li:last-child {
	border-right: 1px solid #e6e6e6!important;
}
.si-email3{
	border-right: 1px solid #e6e6e6;
}
.si-call:hover,
.si-email3:hover{
background-color: #fff !important;
text-shadow: none;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.infoNotif {
 top: -10px;
 right: 1px;
 padding: 2px 5px 2px 6px;
 background-color: #a50404;
 color: #fff;
 font-size: 0.65em;
 border-radius: 50%;
 box-shadow: 1px 1px 1px #808080;
 position: relative;
}
#top-bar .col_half #top-social ul li a:hover span.infoNotif {
color: #fff!important;
}
/*#infoShow .fa {
	margin-left: 15px;
}*/
/*.dark .top-links ul ul{
	background: #fff;
}*/
/*#top-bar  li.sfHover a.sf-with-ul{
	background: #fff;
	color: #474747!important;
	text-shadow: none;
}*/
/*#top-bar  li.sfHover ul li a{
	background: #fff;
	color: #d4d4d4;
	text-shadow: none;
}*/
/*#top-bar  li.sfHover ul li a:hover{
color: #010101;
}*/
/*#top-bar  .sf-with-ul:hover{
	background: #010101;
}*/
.sub #header-wrap{
	background: #fff;
	box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), 0 -38px 38px 38px #999;
}
#side-panel-trigger {
	display: block;
	cursor: pointer;
	z-index: 11;
	/*margin: 26px 26px 26px 26px;*/
	margin: 15px;
	width: 50px;
	height: 50px;
}
#side-panel-trigger a {
display: block;
position: relative;
/*width: 25px;
height: 25px;*/
font-size: 20px;
/*line-height: 15px;*/
text-align: center;
color: #5f5a5a;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
padding: 15px 15px 15px 15px;
}
.addnav{
	margin-bottom: 100px!important;
}
.addnav li a{
font-size: 10px!important;
color: #999!important;
}

#side-panel .side-panel-wrap{
	padding-top: 0;
}
#side-panel-trigger-close{

}
#logo-side-panel img{
	width: 150px;
	padding-bottom: 20px;
}
#logo-side-panel{
	border-bottom: 1px solid #cdcdcd;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 215px;
}
.nav-tree li a {
	display: block;
	padding: 15px 0;
	color: #555;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 2px;
	font-family: 'Work Sans', sans-serif;
}
.nav-tree ul ul a {
	font-size: 12px;
	padding: 16px 0;
	padding-left: 16px;
	letter-spacing: 1px;
	/*font-family: 'Work Sans', sans-serif;*/
	color: #777;
	margin-right: 10px;
	border-bottom: 1px solid #cdcdcd;
}
.nav-tree li.current > a{
font-weight: 700;
color: #010101;
}
.nav-tree hr{
	width: 215px;
	margin-left: 0;
	border-color: #cdcdcd;
}
li.sub-menu ul li a div{
	letter-spacing: 1px;
}
/*#primary-menu li.current.sub-menu > a{
	font-weight: 700;
}*/
.content-wrap{
	padding-top: 50px;
	padding-bottom: 0;
}
.video-wrap{
	-webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	   -ms-filter: grayscale(100%);
	   -o-filter: grayscale(100%);
	   filter: grayscale(100%);
}

.zfront {
	z-index: 999!important;
}
.colorb{
	color: #000;
}
.videoplay-on-hover .vertical-middle { z-index: 2; }

.videoplay-on-hover .video-wrap { z-index: 1; }

.videoplay-on-hover .vertical-middle a:hover h2:after  {
	content: '';
	display: block;
	width: 40px;
	border-top: 2px solid #eee;
	margin: 20px auto;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.videoplay-on-hover .vertical-middle h2 {
text-shadow: 0px 0px 3px #000;
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
}

.device-xs .videoplay-on-hover .vertical-middle h2 { font-size: 32px; }

.device-xxs .videoplay-on-hover .vertical-middle h2 { font-size: 26px; }

.intro h2{
color: #000;
font-size: 36px;
}
.intro h4.fi{
color: #555;
font-weight: 100;
font-size: 18px;
margin-bottom: 10px;
}
.sub h1{
	color: #000;
}
.sub h3{
	letter-spacing: 1px;
}
.home .intro h1{
color: #555;
font-size: 36px;
/*font-weight: 200;*/
}
.home h2.fh{
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
	color: #555;
}
.home h3.fh{
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
	color: #616161;
}
.home .intro.firstslide h1{
	font-size: 48px;
	color: #000;
}
.home .intro.firstslide h1 span{
	color: #000;
}
.home .intro.firstslide h2{
	color: #555;
	font-size: 26px;
	font-weight: 500;
}
.home .intro.firstslide h3{
	color: #999;
	/*font-size: 26px;
	font-weight: 500;*/
	/*text-shadow: 1px 1px rgba(0, 0, 0, .01), 2px 2px rgba(0, 0, 0, .03), 3px 3px rgba(0, 0, 0, .025), 4px 4px rgba(0, 0, 0, .02), 5px 5px rgba(0, 0, 0, .015), 6px 6px rgba(0, 0, 0, .01), 7px 6px rgba(0, 0, 0, .01), 8px 8px rgba(0, 0, 0, .01), 9px 8px rgba(0, 0, 0, .01), 10px 10px rgba(0, 0, 0, .01), 11px 11px rgba(0, 0, 0, .01), 12px 12px rgba(0, 0, 0, .01), 13px 13px rgba(0, 0, 0, .01), 14px 14px rgba(0, 0, 0, .01), 15px 15px rgba(0, 0, 0, .01), 16px 16px rgba(0, 0, 0, .01), 17px 17px rgba(0, 0, 0, .01), 18px 18px rgba(0, 0, 0, .01), 19px 19px rgba(0, 0, 0, .01), 20px 20px rgba(0, 0, 0, .01), 21px 21px rgba(0, 0, 0, .01), 22px 22px rgba(0, 0, 0, .01), 23px 23px rgba(0, 0, 0, .01)*/
}
.home .intro.firstslide img{
	width: 400px;
	margin-top: 20px;
}
.homefbck{
background-color: #616161;
}
.homesbck{
background-color: #515151;
}
.hometbck{
background-color: #414141;
}
.hometeaserboxes h3{
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #fff;
}
.hometeaserboxes div div p{
line-height: 1.8;
color: #e6e6e6;
letter-spacing: 1px;
}
.hometeaserboxes div div h4{
font-weight: 600;
}
.hometeaserboxes div div a{
}
.hometeaserboxes .col-padding{
	/*padding: 40px 20px 40px 20px;*/
	/*text-align: justify;*/
}
.home .portfolio-overlay{
background-color: rgba(0, 0, 0, 0.8);
cursor: default;
}
.section.transparent{
	background: transparent;
}
.homereferenzen .portfolio-overlay .portfolio-desc h3{

}
.divider img {
	width: 20px;
}
.bgicon {
	display: block;
	position: absolute;
	bottom: -30px;
	right: -30px;
	font-size: 180px;
	color: rgba(0,0,0,0.1);
	color: RGBA(255, 255, 255, 0.1);
}
.bglteaser{
	background: #e9e9e9;
	padding-top: 30px;
	padding-bottom: 30px;
}
.heading-block.fancy-title h4 span{
	color: #555;
}
 .home .footer-stick{
 	margin-top: 0;
 	margin-bottom: 20px!important;
 	padding-bottom: 0;
 }
.button.button-full strong{
	border-bottom: 3px solid #5f5a5a;
}

/*.button.button-reveal span,
.button.button-reveal.button-light i{
color: #999;
}
.button.button-reveal:hover span,
.button.button-reveal.button-light:hover i{
color: #fff;
}*/
.button.btnfs{
	background: #616161;
	border-bottom: 3px solid #000;
}
.button.btnfsw{
	background: transparent;
	color: #616161;
	text-shadow: none;
	/*border-bottom: 3px solid #000;*/
}
/*.button.button-3d {
	border-radius: 0px;
	border-bottom: 3px solid rgba(0,0,0,0.15);
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}*/

.button.button-3d:hover {
	background-color: #010101 !important;
	opacity: 0.9;
}

#footer{
/*font-family: 'Lato', sans-serif;*/
}
#footer p {
	margin: 5px;
}
#footer #copyrights{
background: #232323;
padding: 25px;
}
#footer #copyrights .flink a{
color: rgba(255,255,255,0.25);
border-bottom: 1px dotted rgba(255,255,255,0.25);
display: inline-block;
margin: 0;
}

.fbold{
	font-weight: bold;
}
.minpad{
margin-left: -15px;
margin-right: -15px;
}
.nomp {
   padding: 0 !important;
   margin: 0 !important;
}
.nomtop{
	margin-top: 0!important;
}
.nomleft{
	margin-left: 0;
}
.nomright{
	margin-right: 0;
}
.nombottom{
	margin-bottom: 0;
}
.nopleft{
	padding-left: 0;
}
.noptop{
	padding-top: 0;
}
.nopbottom{
	padding-bottom: 0;
}
.nopright{
	padding-right: 0;
}
.nopleftg{
	padding-left: 0;
}
.noprightg{
	padding-right: 0;
}
.noplr{
padding-left: 0;
padding-right: 0;
}
.nomtop{
margin-top: 0!important;
}
.nombot{
	margin-bottom: 0!important;
}
.mtop10{
	margin-top: 10px!important;
}
.mtop15{
	margin-top: 15px!important;
}
.mtop20{
	margin-top: 20px!important;
}
.mtop30{
	margin-top: 30px!important;
}
.mtop40{
	margin-top: 40px!important;
}
.mtop50{
	margin-top: 50px!important;
}
.mtop80{
	margin-top: 80px!important;
}
.mtop60{
	margin-top: 60px!important;
}
.mbot80{
	margin-bottom: 80px!important;
}
.mbot50{
	margin-bottom: 50px!important;
}
.mbot40{
	margin-bottom: 40px!important;
}
.mbot30{
	margin-bottom: 30px!important;
}
.mbot20{
	margin-bottom: 20px!important;
}
.mbot10{
	margin-bottom: 10px!important;
}
.ml5{
	margin-left: 5px!important;
}
.pad20{
	padding: 20px!important;
}
.pad30{
	padding: 30px!important;
}
.ptop30{
	padding-top: 30px!important;
}
.pbot20{
	padding-bottom: 20px!important;
}
.pbot30{
	padding-bottom: 30px!important;
}
.pbot40{
	padding-bottom: 40px!important;
}
.pbot50{
	padding-bottom: 50px!important;
}
.pbot60{
	padding-bottom: 60px!important;
}
.pad30{
	padding: 30px!important;
}
.heading-block h2 + span {
letter-spacing: 2px;
}
.si-line-mail:hover{
background-color: #010101!important;
}
.tabs.mediathek .tab-container .tab-content {
	margin-top: -20px;
}
.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
	/*font-weight: bold;*/
}
.tabs.tabs-bb ul.tab-nav li a {
	font-weight: normal;
}
ul.tab-nav.tab-nav2 li a {
border: 1px solid rgba(0,0,0,0.07);
font-weight: normal;
}
ul.tab-nav.tab-nav2 li.ui-state-active a {
	border: none;
	font-weight: normal;
}
.tabs.tabs-bb ul.tab-nav li a:hover {
	color: #010101;
}


.changeorientation{
text-align: center;
background: #f9f9f9;
padding: 10px;
border: 2px solid #5f5a5a;
color: #5f5a5a;
display: none;
}
.changeorientation img{
	display: block;
	margin: 0 auto;
	width: 80px;
}
.modal-header {
  background: #e6e6e6;
  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15);
  font-weight: 700;
}
h4.modal-title {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  	color: #5f5a5a;
  	font-weight: 700!important;
  	font-size: 20px;
}
/*#modalRH{
	background: #fff;
}
#modalRH div.descr{
	padding: 50px;
}*/
#hotlineModal .modal-body h4{
margin-bottom: 10px;
}
#hotlineModal .modal-body p span{
font-weight: 600;
}
.modal-content {
	background: #c0c0c0 url('../img/assets/bckpattern.png') repeat fixed!important;
}

.modal-body .hotlinenumber h3{
padding-top: 20px;
}
.modal-body .hotlinenumber h3{
padding-top: 20px;
color: #000;
}
.modal-body{
	padding: 30px;
	padding-bottom: 0;
}
.modal-body p{
	color: #5f5a5a;
	margin-bottom: 0;
	letter-spacing: 1px;
	font-size: 16px;
	padding: 10px;
	padding-bottom: 0;
/*	text-align: center;*/
}
.modal-body p span.qci{
	display: block;
	color: #010101;
	font-weight: 700;
}
.modal-footer {
  border-top: none;
  background: #c0c0c0 url('../img/assets/bckpattern.png') repeat fixed!important;
}
a.hiddenimg{
	display: none;
}
.parallax-parent{

}
.parallax {
background-color: transparent;
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
overflow: hidden;

-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;


}
.parallax.withGrid {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;

	background-position: center center;
	-webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;


}
.withGrid:before {
content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('../img/core/grid.png') repeat;
  }
.sw{
	-webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	   -ms-filter: grayscale(100%);
	   -o-filter: grayscale(100%);
	   filter: grayscale(100%);
}
.ttupcase{
text-transform: uppercase;
}
#page-title h3.text-rotater{
	margin-bottom: 0;
}
#page-title h4.text-rotater span{
text-transform: uppercase;
/*font-size: 26px;*/
}
#page-title:before {
content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('../img/core/grid.png') repeat;
  }

.quote:before {
	font-style: italic;
	left: -30px;
	color: #999;
}
.quote h4{
	margin-bottom: 20px;
	font-weight: 100;
	font-style: italic;
	color: #555;
}
img.img-responsive.tabs{
	max-width: 200px;
}
.alignright {
	float: right;
	margin: 5px 0 13px 20px;
}
i.tabsicon{
	font-size: 140px;
}

.sub h3{
	color: #555;
	font-weight: 100;
	font-size: 18px;
	margin-bottom: 10px;
}
.pricing-box.clean {
background-color: transparent!important;
box-shadow: none;
border: none;
}
.pricing-box.clean.pricing-extended .pricing-features ul {
padding: 0;
}
.pricing-box.clean.pricing-extended .pricing-features li {
	padding: 6px 0;
	font-size: 15px;
	width: 25%;
	float: left;
}
/*.panel-heading a{
  color: #555;
  font-weight: 700;
}*/
.panel-group .panel-heading {
  color: #555;
  font-weight: 700;
}

#accordion .panel-heading { padding: 0;}
#accordion .panel-title > a {
	display: block;
	padding: 10px;
    outline: none;
}
#accordion .panel-body{
	margin-left: 22px;
}


#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before  {
    content:"\f077";
    float: left;
    font-family: FontAwesome;
	margin-right:  10px;
	padding-bottom: 30px;
	clear: both;
}
#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  {
    content:"\f078";
}
.transparent {
background: transparent!important;
}
/*#google-map {
	position: relative;
	width: 100%;
	height: 550px;
	margin-top: 20px;
}*/
/*#header.transparent-header + #page-title.page-title-parallax .breadcrumb {
margin-top: 200px !important;
margin-right: 0!important;
}*/
.zermit h5 {
	color: #999;
}
.zermit img {
width: 50px;
}
/* ############################################*/
/*				RESPONSIVE						*/
/* ############################################*/
/*@media (max-width: 1200px) {
.panel.teaser .panel-body{
  max-height: 94px;
}
}*/
/* Base Button Style */
.btn {
  position: relative;
  display: block;
  width: 250px;
  margin: 20px auto;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transform-style: flat;
  transition: all 250ms ease-out;
}
.btn:before, .btn:after {
  content: "";
  position: absolute;
  z-index: -2;
  transition: all 250ms ease-out;
}
.paper {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
  border-color: #dedede;
}
.paper-flatten {
  border: 1px solid transparent;
}
.paper-flatten:before, .paper-flatten:after {
  bottom: 15px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  box-shadow: 0 15px 12px rgba(31, 31, 31, 0.7);
}
.paper-flatten:before {
  left: 10px;
  transform: rotate(-3deg);
}
.paper-flatten:after {
  right: 10px;
  transform: rotate(3deg);
}
.paper-flatten:hover {
  border-color: #ccc;
}
.paper-flatten:hover:before, .paper-flatten:hover:after {
  transition: box-shadow 600ms ease-out, left 200ms, right 200ms;
  box-shadow: 0 8px 8px rgba(31, 31, 31, 0.5);
}
.paper-flatten:hover:before {
  left: 5px;
}
.paper-flatten:hover:after {
  right: 5px;
}
/*SILVER UI*/
.cwhite{
	/*color: #fff!important;*/
}
section.mcpattern{
	/*background: #C0C0C0!important;*/
	background: #c0c0c0 url('../img/assets/bckpattern.png') repeat fixed!important;
}
.section.bck{
	/*background: #C0C0C0!important;*/
	background: #c0c0c0 url('../img/assets/bckpattern.png') repeat fixed!important;
}
#top-bar{
/*background: #C0C0C0!important;*/
background: #c0c0c0 url('../img/assets/bckpattern.png') repeat fixed!important;
color: #777!important;
}
#header-wrap {
/*background: #C0C0C0!important;*/
background: #c0c0c0 url('../img/assets/bckpattern.png') repeat fixed!important;
}
#header.full-header #logo {
	padding-right: 29px;
}

#header.transparent-header.full-header #logo {
border-right-color: #eee;
}
.top-links li > a {
	color: #777!important;
	font-weight: 200;
}
#top-bar .col_half #top-social ul li a{
	color: #777;
	font-weight: 200;
}
#primary-menu ul ul:not(.mega-menu-column){
	background: #c0c0c0 url('../img/assets/bckpattern.png') repeat;
}
.section.footer-stick{
/*background: #C0C0C0!important;*/
background: #c0c0c0 url('../img/assets/bckpattern.png') repeat fixed!important;
}
.bglteaser{
/*background: #C0C0C0!important;*/
background: #c0c0c0 url('../img/assets/bckpattern.png') repeat fixed!important;
}

.homeseperatorf{
	border-top: 1px solid #c0c0c0;
margin-bottom: 50px;
}
.homeseperator{
	border-top: 1px solid #c0c0c0;
	margin-top: 50px;
}
/*END SILVER UI*/



@media (min-width: 1300px) {
/*#primary-menu ul li > a{
	letter-spacing: 1px;
	/*padding: 33px 18px 33px 18px;*!/
}*/
}
@media (min-width: 1200px) {
#primary-menu ul li a{
	letter-spacing: 1px;
}
}
@media (min-width: 1181px) {
#top-bar{
padding-left: 155px;
padding-right: 44px;
}
/*#header.full-header #primary-menu ul li a{
padding: 33px 20px 33px 20px;
}*/
#header.sticky-header.full-header #primary-menu ul li a{
/*padding: 33px 20px 33px 20px;*/
}
#header.full-header #primary-menu ul li ul li a,
#header.sticky-header.full-header #primary-menu ul li ul li a{
	padding: 15px;
}
}
@media (max-width: 1180px) {

#logo img{
height: 26px;
margin-top: 29px;
}
#top-bar{
padding-left: 90px;
padding-right: 44px;
}

}
@media (max-width: 1090px) {
#primary-menu > ul li a{
padding: 33px 15px 33px 15px;
font-size: 12px;
}
/*#logo img{
height: 30px!important;
margin-top: 30px!important;
}*/
}
@media (min-width: 992px) {
.home .half-screen {
	position: relative;
	top: 96px;
	height: 50%;
	height: calc(50% - 48px);
}
.home #slider {
	overflow: visible;
}
#google-map {
	position: relative;
	width: 100%;
	height: 450px;
}
.sub #google-map {
	position: relative;
	width: 100%;
	/*height: 450px;*/
	margin-top: 120px;
}
#header.transparent-header + #slider,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	top: -145px;
	margin-bottom: -145px;
	font-variant: normal;
}
#header.transparent-header.floating-header + #slider,
#header.transparent-header.floating-header + #google-map {
	top: -145px;
	margin-bottom: -145px;
}
.slider-parallax-inner{
}
/*#top-bar{
padding-left: 155px;
padding-right: 44px;
}*/
  #side-panel-trigger{
  	display: none;
  }
  .swiper_wrapper .swiper-container {
  /*margin-top: 45px;*/
  }
  .swiper-wrapper{
  	/*margin-top: 45px;*/
  }
}
@media (min-width: 992px) and (max-width: 1000px) {

}

@media (max-width: 991px) {
.pricing-box.clean.pricing-extended .pricing-features li {
width: 50%;
}
.home .half-screen {
	position: relative;
	top: 0px;
	height: 50%;
	height: calc(50% - 48px);
}

#top-bar .col_half{
/*margin-left: 20px;*/
margin-right: 0;
padding-left: 0px;
}
#top-bar{
padding-left: 0px;
padding-right: 0px;
}
#logo img{
height: 35px;
margin-top: 28px;
}
#side-panel-trigger {
	display: block;
	cursor: pointer;
	z-index: 11;
}
#header-wrap{
/*background: #fff;*/
}
.sub  #header.transparent-header.full-header #header-wrap {
box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), 0 -38px 38px 38px #999;
}
#top-bar .col_half{
margin-left: 0;
}
#top-bar .col_half.col_last{
margin-right: 0!important;
}
#side-panel-trigger {
left: 0px;
}
body.side-push-panel #side-panel-trigger-close a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #474747;
	background-color: #d4d4d4;
	border-radius: 0 0 0 0px;
}
#side-panel .side-panel-wrap {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	/*width: 300px;*/
	height: 100%;
	overflow: auto;
	padding: 20px 10px 50px 40px;
}
.nopleftgftoggle{
	padding-right: 0;
}
}
@media (min-width: 768px) {
.mobiletel{
	cursor: default;
}
}

@media (max-width: 767px) {
/*#logo img{
height: 26px;
margin-top: 29px;
}*/
.centerm{
	text-align: center!important;
}
.centerm .heading-block:after {
	content: '';
	display: block;
	width: 40px;
	border-top: 2px solid #e1e1e1;
	margin: 20px auto;
}
#top-bar .col_half .top-links ul li{
	border-left: none!important;
	padding-left: 0!important;
	padding-right: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
	border-bottom: 1px solid #e6e6e6;
}
#top-bar .col_half .top-links ul li a {
border-top: none!important;
}
#top-bar .col_half .top-links ul li:hover{
	border-left: none!important;
	margin-left: 0!important;
	padding-left: 0!important;
}
#top-bar .col_half .top-links ul li a:hover,
#top-bar .col_half .top-links ul li a:active{
	background: #010101;
	color: #fff;
	text-shadow: none;
}
#side-panel-trigger {
	display: block;
	cursor: pointer;
	z-index: 11;
	margin: 60px 26px 26px 0px;
	width: 50px;
	height: 50px;
}
#slider-arrow-left,
#slider-arrow-right{
display: none;
}
.button.button-reveal{
	margin-left: -10px;
}

#footer #copyrights .col_half{
width: 100%!important;
}
#footer #copyrights{
padding: 10px;
}
#footer #copyrights a{
	text-decoration: underline;
}
}
@media (max-width: 480px){
.pricing-box.clean.pricing-extended .pricing-features li {
width: 100%;
}
#page-title h1 {
	font-size: 26px!important;
}
.intro.heading-block h1 {
font-size: 26px;
}
.intro h2{
color: #000;
font-size: 22px!important;
}
.intro h1{
}
.intro h3{
font-size: 20px!important;
}
.heading-block h4 {
	font-size: 18px!important;
}
.home .intro.firstslide img{
display: none;
}
}
@media (max-width: 480px) and (orientation : portrait) {
.changeorientation{
display: block;
}
}