/**************************************************************************************
Name:		custom.css
Auftrag: 	ALUSTAR - TEPOSTONE
Autor:		Dipl.-Ing. Waldemar Drinkmann, TEKOM Mitglied
Datum:		18.01.2018
**************************************************************************************/
@import "font-awesome-4.5.0/css/font-awesome.min.css";

.header {
	background-color: #FFFFFF !important;
	border-top: 4px solid #05649c;
}
.nav-area{
	position:absolute;
	z-index:999;
	padding:10px 0;
	width: 100%;
	background-color: #835D2E;}


@media (max-width: 992px) {
	.container {
	max-width: 100%;
	width: 100%;
	}
	.navbar-default .navbar-nav > li > a{padding: 3px 3px 3px;}
	.widget {
	text-align: center;
	}
	.valueable-client ul li{ margin:25px 5px;}
	.footer .social-icons li a{    width: 100%;height:auto;font-size: 20px;padding: 6px 0px;}
	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #05669e;
	}
	.navbar-default .navbar-toggle .icon-bar{
	background-color: #808040;
	}
	.navbar-default .navbar-toggle{
	border-color:#804000;
	position: absolute;
	right: 0;
	top: -121px;}
}


@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {


	.container {
	max-width: 100%;
	width: 100%;
	}
	.navbar-default .navbar-nav > li > a{padding: 3px 3px 3px;}
	.widget {
	text-align: center;
	}
	.valueable-client ul li{ margin:25px 5px;}
	.footer .social-icons li a{    width: 100%;height:auto;font-size: 20px;padding: 6px 0px;}
	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #05669e;
	}
	.navbar-default .navbar-toggle .icon-bar{
	background-color: #808040;
	}
	.navbar-default .navbar-toggle{
	border-color:#804000;
	position: absolute;
	right: 0;
	top: -121px;}

}



.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
	background:#C1AE97;
	border-radius:5px;
	font-weight:bold;
	/*
	color:#835D2E;
	*/
	color:#835D2E;
	text-shadow:none;
}

.dropdown-menu {
  /*background-color: #835D2E;*/
	z-index: 2000;
  background-color: #E5DDCD;
}

.dropdown-menu li > a {
  color: #FFFFFF;
  padding: 6px 15px 6px;
  text-decoration: none;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

/*********************************************************
                     CONTENT  Section
*********************************************************/
main {
  background: #FFFFFF;
}


.navigator {
	width:100%;
	background-color:#E5DDCD;
	position: absolute;
	padding-top:35px;
border:0px dotted #FF0000;
}

.breadcrumb {
	margin:0px 0px 0px 0px;
	padding:0px 0px 7px 0px;
	text-align:center;
border:0px dotted #0000FF;

  list-style: none;
  background-color: #E5DDCD !important;

  font-size:1.21em;
}


.breadcrumb a{
	color:#000000;
	}

.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content:none;

}
.breadcrumb > .active {
  color: #808080;
}




/*********************************************************
                     ПGallery Titel
*********************************************************/



.valueable-client h3 {
	color: #835D2E;
	font: 2.0em 'MyriadProSemiBoldItalic';
}



/*****************   Adressdaten   *********************/



.footer-Lbottom img {
	max-width:300px;
	margin: 10px  auto 0px auto;
}
.footer-Lbottom p {
	color: #464864;
	text-align: center;
    padding: 15px 0 20px;
    font-size: 12px;
border:0px dotted #FF0000;
}

/* СЛОГАНЫ  */

.carousel-caption .titel1{
	font-weight:bold;
	font-size:46px;
	text-shadow:0 2px 5px rgba(0, 0, 0, 0.6);}

.carousel-caption .titel2{
	margin:0px  0px 0px 0px;
	padding:41px  0px 0px 0px;
	font-size:35px;
	text-shadow:0 1px 5px rgba(0, 0, 0, 0.6);}

@media (max-width: 767px) {
.carousel-caption .titel1 {
    font-size: 41px;
  }
.carousel-caption .titel2 {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
.carousel-caption .titel1 {
    font-size: 17px;
  }
.carousel-caption .titel2 {
    font-size: 12px;
  }
}

/* Informations Block */

.carousel-caption h2{
	font-weight:bold;
	font-size:46px;
	text-shadow:0 2px 5px rgba(0, 0, 0, 0.6);}
.carousel-caption h3{
	font-size:21px;
	text-shadow:0 1px 5px rgba(0, 0, 0, 0.6);}

@media (max-width: 767px) {
.carousel-caption h2 {
    font-size: 41px;
  }
.carousel-caption h3 {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
.carousel-caption h2 {
    font-size: 17px;
  }
.carousel-caption h3 {
    font-size: 12px;
  }
}

/* ---- Галерея на главной странице --- */
.start-gallery {
	background-color: #835D2E;
	border-top: 1px solid #FFFFFF;
  }


.start-gallery h3 {
	text-align:center;
	    font-family: 'MyriadProRegular';
	    font-size: 1.8em;
	    color:#FFFFFF;
  }

.btn-gallery{
	color: #ffffff;
	background:#C1AE97;
}

.btn-gallery:hover,
.btn-gallery:focus,
.btn-gallery:active,
.btn-gallery.active{
	color: #835D2E;
	background:#C1AE97;
}
/* ---- /Галерея на главной странице  --- */

.vorteile-liste {
	background: #E5DDCD;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}
.vorteile-liste ul {
	padding: 0px 25px 5px 0px;
}
.vorteile-liste ul li {
	/*background: url("../images/check-li.png") no-repeat scroll left top 5px transparent;*/
	clear: left;
	color: #464864;
	display: block;
	margin-bottom: 0px;
	/*padding-left: 30px;*/
	text-align: left;
}
.vorteile-liste ul li i{
	color:#835D2E;
	font-size:22px;
	padding-right:15px;
}

/* ---- Коллекция камней --- */

.four-column h2 {
	color: #835D2E;
	font: 24px 'MyriadProSemiBold';
}



.kollektion-liste {
	background: #E5DDCD;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}

.kollektion-title-black, .kollektion-title {
	background-color: #835D2E;
	position: relative;
	text-align: center;
}
.kollektion-title:after {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 44%;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 14px 0 14px;
	border-color: #835D2E transparent transparent
}
.kollektion-title-black h1, .kollektion-title h1 {
	font: 1.5em "MyriadProRegular";
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	padding: 10px 0;
}

.kollektion {
	margin : 0px 0px 0px 0px;
	padding :0px 0px 21px 0px;
	/* border-bottom: double #C1AE97;*/
}
.kollektion img {
	display: block;
	margin-bottom: 0px;
	margin-left: 0px;
}

.kollektion-liste ul {
	padding: 30px 25px 5px 25px;
}
.kollektion-liste ul li {
	/*background: url("../images/check-li.png") no-repeat scroll left top 5px transparent;*/
	clear: left;
	color: #464864;
	display: block;
	margin-bottom: 0px;
	/*padding-left: 30px;*/
	text-align: left;
	font-size:1.41em;
}
.kollektion-liste ul li i{
	color:#835D2E;
	font-size:22px;
	padding-right:15px;
}



/* ---------- Anwendungsarten Виды применения  -------------------------------- */
.para{
	border:0px dotted #FF0000;
}


.thumba, .thumb {
  display: block;
  position: relative;
  overflow: hidden;
}

a.thumba, a.thumb {
  color: #FFFFFF;
  text-decoration: none;
}

.thumba img, .thumb img  {
  width: 100%;
  height: auto;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.thumba:hover img, .thumb:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


.thumba_overlay, .thumb_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ccc;
  background: transparent;
}

.objekt_computer {
	position: absolute;
	display:table;
	width:100%;
	margin-right:15px;
	height:30px;
	top:85%;
	text-align:center;
	opacity: 1;
	background: rgba(178, 154, 124, 0.7);
	font-size:1.0em;
	z-index:999;

border:0px dotted #FFFF80;
}

span.objekttitel {
	margin:0px 0px 0px 0px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:1.2em;
	color:#000000;
	text-transform: uppercase;


border:0px dotted #FFFF80;
}

.artikel-slaid-titel {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.artikel-slaid-titel {
	bottom:auto;
	top:17%;
border:0px dotted #FF0000;
	}

.artikel-slaid-titel h2{
	color: #FFFFFF;
	font-family: 'MyriadProR
	font-weight:bold;
	font-size:46px;
	text-shadow:0 2px 5px rgba(0, 0, 0, 0.6);}

.artikel-slaid-titel h3{
	font-size:12px;
	text-shadow:0 1px 5px rgba(0, 0, 0, 0.6);}

.artikel-slaid-titel h2 span{
	color: #FFFFFF;
	font-family: 'MyriadProSemiBoldItalic';
	font-size:1.1em;
}

.artikel-slaid-titel h3 span{
	color: #FFFFFF;
	font-family: 'MyriadProSemiBoldItalic';
	font-size:2.41em;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.col-lg-2 {
  position: relative;
  min-height: 1px;
  padding: 15px 15px 15px 15px !important;

}

.clickme1{
	color: #000000;
	font-family: 'MyriadProSemiBoldItalic';
	cursor:pointer;
}

.clickme2{
	color: #000000;
	font-family: 'MyriadProSemiBoldItalic';
	cursor:pointer;
}


.target{
	margin:0px 0px 0px 0px;
	color: #000000;
	font-family: 'MyriadProSemiBoldItalic';
	/* background-image: url("../images/bgimage.png"); */
	background-color: #408080;
	border:0px dotted #FF0000;
}


/* ---------- gallery-items ------------ */
.post {
	position: relative;
	border-bottom: none;
	cursor: pointer;
	padding:2px 2px 2px 2px;
}

.post:hover {
	border-bottom: none;
}



#gallery-items-0 {
  margin: 24px 0;
}
#gallery-items-0 .gallery-item {
  width:33.2%;
}
#gallery-items-0 .gallery-item img {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#gallery-items-0 .gallery-item img:hover {
  opacity: 0.9;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}



.gallery-items1 {
	float:left;
	 margin: 24px 0;

}
.gallery-items1 .gallery-item {
	float:left;
	width:33.2%;

}
.gallery-items1 .gallery-item img {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.gallery-items1 .gallery-item img:hover {
  opacity: 0.9;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}


/* ---------- ЦВЕТА РАСШИВКИ ------------ */
.fuga{}

.fuga span{
	display:inline-block;
	margin:0px 0px 0px 0px;
	height:20px;
	line-height:20px;
	white-space:nowrap;
	padding:0px;
	vertical-align:top;
	color:#6d5745;
}


.fuga a.fa-circle
{

    font-size:1.43em;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:2px 2px 2px 2px;
    width:25px; height:25px;
	cursor:pointer;
border:0px dotted #0000FF;
}





/* -- БЕЛЫЙ -- */
a.color1{color:rgb(255, 255, 255);}
a.color1:hover{background-image: url("../images/hover.png"); background-repeat:no-repeat;}
a.color1.active{color:rgb(255, 255, 255); background-image: url("../images/active.png"); background-repeat:no-repeat;}

/* -- АНТРАЦИТ 13 -- */
a.color2{color:rgb(160, 161, 165);}
a.color2:hover{background-image: url("../images/hover.png"); background-repeat:no-repeat;}
a.color2.active{color:rgb(160, 161, 165); background-image: url("../images/active.png"); background-repeat:no-repeat;}

/* -- КИРПИЧНЫЙ 49 -- */
a.color3{color:rgb(217, 83, 30);}
a.color3:hover{background-image: url("../images/hover.png"); background-repeat:no-repeat;}
a.color3.active{color:rgb(217, 83, 30); background-image: url("../images/active.png"); background-repeat:no-repeat;}

/* -- ОЛИВКОВЫЙ 73 -- */
a.color4{color:rgb(118, 117, 97);}
a.color4:hover{background-image: url("../images/hover.png"); background-repeat:no-repeat;}
a.color4.active{color:rgb(118, 117, 97); background-image: url("../images/active.png"); background-repeat:no-repeat;}

/* -- ПЕРСИК 28 -- */
a.color5{color:rgb(254, 219, 187);}
a.color5:hover{background-image: url("../images/hover.png"); background-repeat:no-repeat;}
a.color5.active{color:rgb(254, 219, 187); background-image: url("../images/active.png"); background-repeat:no-repeat;}

/* ---------- / ЦВЕТА РАСШИВКИ ------------ */






/* ---------- Данные варианта раскладки ------------ */
.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}


.datagrid{

}

.datagrid table td, .datagrid table th { padding:0px 0px 0px 0px;}

.datagrid table thead th {

	color:#FFFFFF;
	font-size: 1.21em;
	font-weight: normal;
	border-left: 0px solid #BF691E;
}

.datagrid table thead th:first-child { border: none; }

.datagrid table tbody td {
	color: #835D2E;
	border-left: 0px solid #D9CFB8;
	font-size: 1.00em;
	font-weight: normal;
}
.datagrid table tbody .alt td {
	background: #F0E5CC;
	color: #7F4614;
}

.datagrid table tbody td:first-child {
	border-left: none;
}

.datagrid table tbody tr:last-child td {
	border-bottom: none;
}
.datagrid table tfoot td div {
 border-top: 1px solid #A65B1A;
 background: #F0E5CC;
}

.datagrid table tfoot td {
padding: 0; font-size: 12px
}

.datagrid table tfoot td div{
padding: 2px;
}

.datagrid table tfoot td ul {
margin: 0; padding:0; list-style: none; text-align: right;
}

.datagrid table tfoot  li {
display: inline;
}

.datagrid table tfoot li a {
	text-decoration: none;
	display: inline-block;
	padding: 2px 8px;
	margin: 1px;color: #FFFFFF;
	border: 1px solid #A65B1A;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A65B1A), color-stop(1, #7F4614) );
	background:-moz-linear-gradient( center top, #A65B1A 5%, #7F4614 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A65B1A', endColorstr='#7F4614');
	background-color:#A65B1A;
}

.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover {
	text-decoration:
	none;border-color: #7F4614;
	color: #FFFFFF;
	background: none;
	background-color:#A65B1A;
}
div.dhtmlx_window_active, div.dhx_modal_cover_dv {
	position: fixed !important;
}
/* ---------- Данные варианта раскладки ------------ */



.paralles2{
	background-image:url("../images/parallex2.jpg");

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.gm-style-iw{ color:#000000 !important; font-size:1.21em!important;}

/* -------- Фиксируем меню при прокрутке страницы ----- */
/*шапка*/
.header {
height:150px;
}
/*фиксированное плавающее меню*/
#top_nav{
   top: 100px; /*высота шапки в пикселях*/
   position: fixed;
   z-index: 1000;
}