.navbar.navbar-inverse {
    background-color: #1d1d1b;
}

h2 {
	font-size: 20px;
}

.blog-content {
  padding-top: 175px;
}

.row1  {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}


div.navbar-fixed-top {
	height: 52px;
}



@media (min-width: 768px) {

div.wiam-products-content {
	min-height:10px;
}

.blog-post-content p {
    text-align: justify;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.row .row1 {
   display: flex;
   flex-wrap: wrap;
}

.row1 > div[class*='col-'] {
  display: flex;
  flex-direction: column;
}

.panel {
  display: flex;
  flex-direction: column;
}

.panel .border-top {
		border-top: solid #ddd 1px;
}

div.navbar-image {
  border-radius: 0px;
  border: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.12);
}

div.navbar {
  border-radius: 0px;
  border: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.62), 0 0 0 0 rgba(0, 0, 0, 0.12);
}


div.navbar-fixed-top .navbar-wrapper {
  padding-top: 48px;
}

div.navbar-fixed-top .navbar-brand {
  padding-top: 10px;
}

div.navbar-fixed-top .navbar-nav li a {
  padding-top: 16px;
}

div.navbar .nav li a {
  padding-top: 15px;
}

div.navbar .navbar-brand {
  padding-top: 10px;
  font-weight: bold;
}

#wdecarousel {
  margin-bottom:30px;
  border-radius: 2px;
  border: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  background: #000;
}

#wdecarousel:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}


#wdecarousel img {
	opacity: 0.8;
}


.tt-cursor {
	background:#ddd;
}

.tt-menu {
	background:#fff;
	  max-height: 150px;
  overflow-y: auto;
}

}


@media (max-width: 767px) {

div.wiam-products-content {
	min-height:10px;
}

.carousel-caption h3 {
	font-family:'Days One';
	color:#fff;
	font-size:30px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}

.carousel-caption p {
	display:none;
	color:#fff;
	font-size:15px;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.8);
}

.navbar-responsive-collapse {
background-color: #1d1d1b;
}

}

@media (max-width: 1024px) {

.carousel-caption h3 {
	font-family:'Days One';
	color:#fff;
	font-size:30px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}

.carousel-caption p {
	color:#fff;
	font-size:15px;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.8);
}

div.wiam-products-content {
	min-height:10px;
}

}

@media (min-width: 1024px) {

.carousel-caption h3 {
	font-family:'Days One';
	color:#fff;
	font-size:50px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
}

.carousel-caption p {
	color:#fff;
	font-size:30px;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.8);
}

div.wiam-products-content {
	min-height:500px;
}

}

/* ALL SIZES */

#wdecarousel {
  margin-bottom:30px;
  border-radius: 2px;
  border: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  background: #000;
}

#mlinepro .btn {
	white-space: normal;
	text-align: left;
}

.form-group.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#003c77), to(#003c77)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#003c77, #003c77), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#003c77, #003c77), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#003c77, #003c77), linear-gradient(#D2D2D2, #D2D2D2);
}

.tt-open {
    left: -22px;
    width: calc(100% + 44px) !important;
    padding-right: 22px;
    padding-left: 22px;
}

.search-item {
    padding: 15px;
}

.search-item.even {
    background-color: whitesmoke;
}

.search-item.odd {
}

.lang-toggle {
    cursor: pointer;
}

.lang-toggle.selected {
    font-weight: bold;
}

.blog-post a, .blog-post a:hover, .blog-post a:focus {
	color: #65b9e7;
}

.navbar-image {
    background-image: url("../img/materials/A012_18-1_15.jpg");
    background-position: center 45%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
}

.iceberg {
    height:30px;
    width:20px;
}

.navbar-nav-style {
    float: right;
    margin: auto;
}

.icebergbrand {
    height:30px;
    width:20px;
}
/* ------------------------------------------------------------------------- */
/* Applus+ corporate styling                                                  */
/* ------------------------------------------------------------------------- */

:root {
    --applus-orange: #ff6900;
    --applus-orange-dark: #d95a00;
    --applus-dark: #1d1d1b;
    --applus-grey: #6c6c6c;
}

/* links inside content blocks follow the corporate orange */
.blog-post a,
.blog-post a:hover,
.blog-post a:focus {
    color: var(--applus-orange);
}

.blog-post a:hover,
.blog-post a:focus {
    color: var(--applus-orange-dark);
}

/* primary call-to-action buttons */
.btn.btn-info,
.btn.btn-info:focus,
.btn.btn-info.active {
    background-color: var(--applus-orange);
    color: #fff;
}

.btn.btn-info:hover {
    background-color: var(--applus-orange-dark);
    color: #fff;
}

.btn.btn-primary {
    background-color: var(--applus-orange);
    color: #fff;
}

/* the material-design underline of the search field */
.form-group.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6900), to(#ff6900)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#ff6900, #ff6900), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#ff6900, #ff6900), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#ff6900, #ff6900), linear-gradient(#D2D2D2, #D2D2D2);
}

.navbar.navbar-inverse .nav > li > a:hover,
.navbar.navbar-inverse .nav > li > a:focus,
.navbar.navbar-inverse .nav .open > a {
    color: var(--applus-orange);
}

.navbar.navbar-inverse .dropdown-menu > li > a:hover {
    color: var(--applus-orange);
}

.carousel-indicators .active {
    background-color: var(--applus-orange);
}

.blog-footer {
    background-color: var(--applus-dark);
}

/* brand mark in the navbar and the footer */
.brandmark {
    height: 30px;
    width: auto;
}

/* ------------------------------------------------------------------------- */
/* product tiles                                                              */
/* ------------------------------------------------------------------------- */

.product-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 76px;
}

.product-head .blog-post-title {
    margin: 0;
}

.product-logo {
    height: 40px;
    width: 40px;
    flex: 0 0 40px;
}

.product-content p:last-child {
    margin-bottom: 0;
}



.product-head .blog-post-title {
    font-size: 18px;
    line-height: 1.3;
}

.product-logo {
    height: 32px;
    width: 32px;
    flex: 0 0 32px;
}

@media (min-width: 1200px) {
    .product-content {
        min-height: 420px;
    }
}

/* keep the indicators and the prev/next chevrons clear of the caption strip
   and legible on the light diagram slide */
#wdecarousel .carousel-indicators {
    bottom: 0;
}

#wdecarousel .carousel-control .glyphicon {
    text-shadow: 0 0 6px rgba(0, 0, 0, .55);
}

/* material-blog.css gives every image inside a panel auto margins and 15px of
   padding, which collapsed the 32px logo to a 2px dot */
.panel-body .product-logo {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.panel-body.product-head {
    padding: 12px 15px;
}

/* the generic .blog-post link colour must not bleed into the orange buttons */
.blog-post a.btn.btn-info,
.blog-post a.btn.btn-info:hover,
.blog-post a.btn.btn-info:focus,
.blog-post a.btn.btn-info:active {
    color: #fff;
}


@media (min-width: 1200px) {
    .product-content {
        min-height: 470px;
    }
}

/* page heading above the carousel */
.page-title {
    font-size: 26px;
    font-weight: 400;
    color: #1d1d1b;
    margin: 0 0 18px;
    padding: 0 2px;
}

@media (max-width: 767px) {
    .page-title {
        font-size: 21px;
    }
}