body {
  min-width: 320px;
  padding-top: 0px;
}

a.call {
  position: relative;
}
a.call:before {
  content: " ";
  position: absolute;
  display: block;
  background: url('ico1.png?1415101493') 0 0 no-repeat;
  background-size: 100%;
}
a.call:hover:before {
  background-position: 0 100%;
}

.container {
  position: relative;
  left: -1px;
}

.section-title {
  margin-bottom: 10px;
  text-align: center;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: #e67817;
}

.section-subtitle {
  margin-top: 0;
  text-align: center;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #797979;
}

header .container {
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  header .container {
    padding: 0 15px;
  }
}

.navbar-header {
  float: left;
}
@media only screen and (max-width: 991px) {
  .navbar-header {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-header {
    float: none;
  }
}

.logo {
  display: inline-block;
  margin-top: 18px;
}
@media only screen and (max-width: 991px) {
  .logo {
    margin-left: 15px;
  }
}

.navbar-toggle {
  position: absolute;
  top: 34px;
  right: -3px;
}
@media only screen and (max-width: 991px) {
  .navbar-toggle {
    right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-toggle {
    right: 0;
  }
}

.small-nav {
  float: right;
  margin-top: 13px;
  margin-right: -4px;
}
@media only screen and (max-width: 767px) {
  .small-nav {
    float: none;
    text-align: center;
  }
}
.small-nav a {
  margin-left: 20px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #929292;
  letter-spacing: 0.02em;
}
.small-nav a:hover {
  color: #e67817;
  text-decoration: none;
}
.small-nav a.call:before {
  top: 3px;
  left: 1px;
  width: 11px;
  height: 12px;
}
.small-nav a.search {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url('ico3.png?1415101580') 50% -50% no-repeat;
  text-indent: -9999px;
}
.small-nav a.search:hover {
  background-position: 50% 110%;
}

@media only screen and (max-width: 991px) {
  .container > .navbar-collapse {
    clear: both;
    margin-right: 0;
    margin-left: 0;
  }
}

.nav.navbar-nav {
  float: right;
  clear: right;
  margin-top: 6px;
}
.margin-top-60 {margin-top: 60px;}
@media only screen and (max-width: 991px) {
  .nav.navbar-nav {
    float: none;
  }
}
@media only screen and (max-width: 991px) {
  .nav.navbar-nav li {
    text-align: center;
  }
}
.nav.navbar-nav li a {
  padding: 15px 20px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #131313;
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 1219px) {
  .nav.navbar-nav li a {
    padding: 14px 12px;
  }
}
.nav.navbar-nav li a:hover, .nav.navbar-nav li a.active {
  color: #e67817;
  text-decoration: none;
}
.nav.navbar-nav li:last-child a {
  padding-right: 0;
}
.nav.navbar-nav .dropdown-menu {
  top: 101%;
  left: 6px;
  padding: 10px 0;
}
.nav.navbar-nav .dropdown-menu:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -10px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #dadada transparent;
}
.nav.navbar-nav .dropdown-menu:after {
  content: " ";
  position: absolute;
  z-index: 1;
  top: -9px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #fff transparent;
}
.nav.navbar-nav .dropdown-menu li a {
  padding: 4px 28px 5px 20px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #797979;
  letter-spacing: 0.012em;
}
.nav.navbar-nav .dropdown-menu li a:hover {
  color: #e67817;
  text-decoration: none;
}

.btn {
  position: relative;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: white;
}
.btn:before {
  content: " ";
  position: absolute;
  top: 14px;
  left: 14px;
  display: block;
  width: 7px;
  height: 11px;
  background: url('arrow-r.png?1414770156') 0 0 no-repeat;
}



footer {
  position: relative;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  footer {
    padding-bottom: 10px;
  }
}
footer .go-up {
  position: absolute;
  z-index: 1;
  top: -37px;
  right: 30px;
  display: block;
  width: 41px;
  height: 41px;
  text-align: left;
  text-indent: -9999px;
  background: #ddd;
}
footer .go-up:hover {
  background: #e67817;
}
footer .go-up:hover:before {
  background-position: 0 0;
}
footer .go-up:before {
  content: " ";
  position: absolute;
  top: 16px;
  left: 14px;
  display: block;
  width: 13px;
  height: 8px;
  background: url('arrow-u.png?1415177688') 0 100% no-repeat;
}
footer ul li {
  margin-bottom: 7px;
}
footer ul a {
  display: inline-block;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #797979;
  line-height: 20px;
}
footer ul a:hover {
  color: #f99136;
  text-decoration: none;
}
footer ul.dl {
  padding-right: 10px;
}
footer ul.dl a {
  position: relative;
  padding-left: 22px;
}
footer ul.dl a:before {
  content: " ";
  position: absolute;
  top: 3px;
  left: 1px;
  display: block;
  width: 14px;
  height: 12px;
  background: url('ico4.png?1415118815') 0 0 no-repeat;
}
footer ul.dl a:hover:before {
  background-position: 0 100%;
}
footer p {
  margin-top: -2px;
  margin-bottom: 0px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #797979;
  line-height: 23px;
}
.call {
  position: relative;
  padding-left: 20px;
  letter-spacing: 0.02em;
}
.call:before {
  content: " ";
  position: absolute;
  top: 1px;
  left: -1px;
  display: block;
  width: 15px;
  height: 17px;
  background: url('ico1.png?1415101493') 0 0 no-repeat;
}
.call:hover:before {
  background-position: 0 100%;
}
.email {
  position: relative;
  padding-left: 28px;
  letter-spacing: 0.02em;
}
.email:before {
  content: " ";
  position: absolute;
  top: 2px;
  left: -1px;
  display: block;
  width: 19px;
  height: 16px;
  background: url('ico2.png?1415101546') 0 0 no-repeat;
  background-size: 100%;
}
.email:hover:before {
  background-position: 0 110%;
}
footer hr {
  margin-top: 99px;
  margin-bottom: 9px;
}
@media only screen and (max-width: 991px) {
  footer hr {
    margin-top: 39px;
  }
}
@media only screen and (max-width: 767px) {
  footer hr {
    margin-top: 0;
  }
}

.footer-title {
  margin-bottom: 15px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #e67817;
}
.footer-title a {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #e67817;
}
.footer-title a:hover {
  color: #797979;
  text-decoration: none;
}

.top:before, .top:after, .all-link:before, .all-link:after {
  content: " ";
  display: table;
}
.top:after, .all-link:after {
  clear: both;
}

.all-link {
  margin-top: 35px;
}

.all {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #d49762;
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  .all {
    display: inline-block;
    margin-bottom: 50px;
  }
}
.all:hover {
  text-decoration: none;
  color: #797979;
}

@media only screen and (max-width: 767px) {
  .bottom {
    text-align: center;
  }
}
.bottom span {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #797979;
  letter-spacing: -0.006em;
}
@media only screen and (max-width: 991px) {
  .bottom span {
    font-size: 13px;
  }
}
.bottom span small {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #797979;
}
.bottom ul {
  margin-top: 6px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .bottom ul {
    margin-top: 30px;
  }
}
.bottom ul li {
  padding-right: 10px;
  padding-left: 8px;
  height: 12px;
  border-right: 1px solid #a1a1a1;
}
@media only screen and (max-width: 767px) {
  .bottom ul li {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    border: 0;
  }
}
.bottom ul li:last-child {
  padding-right: 0;
  border: 0;
}
.bottom ul a {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #797979;
  line-height: 11px;
  vertical-align: top;
}
@media only screen and (max-width: 991px) {
  .bottom ul a {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .bottom ul a {
    font-size: 13px;
  }
}
.bottom ul a:hover {
  color: #226cb5;
}

.slider .container {
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .slider .container {
    padding: 0;
  }
}
.slider img {
  border-top: 1px solid #ddd;
  width: 100%;
}

.slide {
  position: relative;
}
.overlay {
  position: absolute;
  top: 127px;
  left: 1px;
  display: block;
  width: 100%;
  text-align: center;
}
.relative {position: relative;}
.overlay-senp { top: 79px;}
.margin-top-bottom-15 {margin-top: 15px; margin-bottom: 15px;}
@media only screen and (max-width: 991px) {
  .overlay {
    top: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .overlay {
    top: 5px;
  }
}
.overlay:before {
  content: " ";
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -35px;
  display: block;
  width: 65px;
  height: 6px;
  background: url('wave1.png?1414770050') 0 0 no-repeat;
}
@media only screen and (max-width: 767px) {
  .overlay:before {
    display: none;
  }
}
.overlay:after {
  content: " ";
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -35px;
  display: block;
  width: 65px;
  height: 6px;
  background: url('wave2.png?1414770079') 0 0 no-repeat;
}
@media only screen and (max-width: 767px) {
  .overlay:after {
    display: none;
  }
}

.slide-title {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 29px;
  font-weight: 700;
  color: white;
}
@media only screen and (max-width: 767px) {
  .slide-title {
    margin-top: 0;
    font-size: 19px;
  }
}

.slide-subtitle {
  margin-top: 11px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  color: white;
}
@media only screen and (max-width: 767px) {
  .slide-subtitle {
    font-size: 9px;
  }
}

.pagi {
  position: absolute;
  bottom: 10px;
  right: 61px;
}
@media only screen and (max-width: 767px) {
  .pagi {
    position: static;
    margin-top: 20px;
    text-align: center;
  }
}
.pagi li {
  padding-right: 0;
  padding-left: 14px;
}
.pagi a {
  display: block;
  width: 11px;
  height: 11px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  text-indent: -9999px;
}
@media only screen and (max-width: 767px) {
  .pagi a {
    border: 1px solid #ddd;
  }
}
.pagi a:hover {
  background: #d45c65;
}
.pagi li.active a {
  background: #b1101c;
}

.go-down {
  position: absolute;
  bottom: 25px;
  left: 50%;
  display: inline-block;
  margin-left: -40px;
  padding-top: 30px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: white;
  font-style: italic;
  text-align: center;
}
.go-down-no-arrow {
  position: absolute;
  bottom: 25px;
  left: 50%;
  display: inline-block;
  margin-left: -40px;
  padding-top: 30px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: white;
  font-style: italic;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .go-down {
    bottom: 55px;
    font-size: 12px;
  }
}
.go-down:hover {
  color: #fff;
  text-decoration: none;
}
.go-down:before {
  content: " ";
  position: absolute;
  top: 8px;
  left: 50%;
  display: block;
  width: 21px;
  height: 12px;
  margin-left: 28px;
  background: url('arrow-d.png?1414770110') 0 0 no-repeat;
}

.products {
  margin-top: 38px;
}
@media only screen and (max-width: 767px) {
  .products {
    margin-top: 0;
  }
}
.products .section-subtitle {
  margin-bottom: 76px;
}
@media only screen and (max-width: 767px) {
  .products .section-subtitle {
    margin-bottom: 20px;
  }
}

.product {
  margin-bottom: 48px;
  text-align: center;
}
.product.big img {
  margin-bottom: 17px;
}
@media only screen and (max-width: 1219px) {
  .product.big img {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .product.big img {
    height: 200px;
  }
}
.product img {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1219px) {
  .product img {
    height: 160px;
  }
}
@media only screen and (max-width: 991px) {
  .product img {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .product img {
    height: 200px;
  }
}

.product-title {
  margin-bottom: 6px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #e67817;
}
@media only screen and (max-width: 1219px) {
  .product-title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .product-title {
    font-size: 17px;
  }
}

.product-subtitle {
  margin-top: 0;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #797979;
  line-height: 19px;
}
@media only screen and (max-width: 1219px) {
  .product-subtitle {
    font-size: 11px;
  }
}
@media only screen and (max-width: 991px) {
  .product-subtitle {
    font-size: 14px;
  }
}

.service {
  margin-top: 7px;
  padding-top: 72px;
  padding-bottom: 70px;
  border: 1px solid #ddd;
  text-align: center;
}

.service.small {
	padding: 25px 20px;
}

.service.small p {
	margin-bottom: 20px;
}

.service.small h2 {
	margin-top: 0px;
}


@media only screen and (max-width: 991px) {
  .service {
    padding: 7px 20px 72px;
  }
  .service.small {
  	margin-top: 60px;
  }
}
.service p {
  margin-bottom: 45px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #797979;
  line-height: 23px;
}
@media only screen and (max-width: 1219px) {
  .service p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .service p br {
    display: none;
  }
}
.service a {
  position: relative;
  left: 2px;
  padding: 9px 18px 8px 36px;
  letter-spacing: 0.04em;
  white-space: unset;  
}

.service-title {
  margin-bottom: 8px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: #e67817;
}

.news {
  margin-top: 22px;
  padding-bottom: 86px;
  background: #192836;
}
@media only screen and (max-width: 767px) {
  .news {
    padding-bottom: 20px;
  }
}
.news .section-title {
  margin-top: 57px;
  margin-bottom: 57px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 23px;
  font-weight: 700;
  color: white;
}
.news a {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .news a {
    margin-bottom: 20px;
  }
}
.news a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.news a:hover .date {
  color: #fff;
}
.news a:hover p {
  color: #f3a765;
}
.news a img {
  margin-bottom: 15px;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
@media only screen and (max-width: 767px) {
  .news a img {
    width: auto;
    height: 179px;
  }
}
.news a p {
  margin-top: 6px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  color: white;
  font-style: italic;
  line-height: 23px;
}
@media only screen and (max-width: 1219px) {
  .news a p {
    font-size: 16px;
  }
}

.category {
  position: absolute;
  top: 154px;
  left: 50%;
  margin-left: -52px;
  padding: 5px 16px 4px 19px;
  background: #114b98;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: white;
  font-style: italic;
}
.category-small {
  padding: 5px 16px 4px 19px;
  background: #777777;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: white;
  font-style: italic;
}
.category-container-small {
  /* position: absolute; */
  top: 158px;
  left: 0px;
  width: 263px;
  text-align: center;
}
.category-container {
  position: absolute;
  top: 237px;
  left: 20px;
  width: 360px;
  text-align: center;
}
.date-vervolg {
	color: #797979;
	font-size: 13px;
	padding: 21px 0px 5px 0px;
}
.height-400 { height: 400px; }
.height-380 { height: 380px; }
.padding-40 { padding: 20px 40px; }
.readmore:before {
    background: url("b-arrow-r.png?1415172216") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 11px;
    left: 0px;
    position: absolute;
    top: 3px;
    width: 7px;
}
.readmore {
	margin-left: 0px;
    padding-left: 15px;
    position: relative;
    color: #226cb5;	
}
h3.overview-title {color: #797979;/* font-style: italic; */font-size: 19px;margin: 10px 0px 0px 0px;padding: 0px;}
.category-span {
  padding: 5px 16px 4px 16px;
  background: #777777;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: white;
  /* font-style: italic; */
}
.main-bericht h3 { font-size: 21px; }
.main-bericht p { padding: 10px 0px 10px 0px; color: #797979; font-size: 17px;}

ul.page-numbers { list-style: none outside none; margin:0; padding: 0; text-align: center; }
ul.page-numbers li { margin: 0 10px; display: inline; }
.page-numbers a,
.page-numbers span {
    text-decoration: none;
    cursor: pointer;
    font-size: 19px; font-weight: bold; color: #797979;
}
.page-numbers a span { padding: 0 }
.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #226cb5;
    text-decoration: underline;
}

.single-category {
  padding: 5px 16px 4px 19px;
  background: #114b98;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: white;
  font-style: italic;
}
@media only screen and (max-width: 1219px) {
  .category {
    top: 114px;
  }
}
@media only screen and (max-width: 991px) {
  .category {
    top: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .category {
    top: 152px;
  }
  
}

.date {
  display: block;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #ededed;
}

.marship {
  margin-top: 58px;
}
.marship img {
  width: 100%;
}
.marship .section-title {
  margin-top: 26px;
  margin-bottom: 25px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 21px;
  font-weight: 700;
  color: #e67817;
  text-align: left;
}
.marship p {
  margin-bottom: 23px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #797979;
  line-height: 23px;
}
.marship a {
  position: relative;
  margin-top: 1px;
  padding: 9px 18px 8px 35px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: white;
}
.seo-image img { width: 361px;}
.logos ul {
  
  margin-left: 0;
  text-align: center;
}
.logos ul li {
  display: inline-block;
  padding: 0;
  margin-top: 60px;
  width: 33%;
  text-align: center;
  vertical-align: middle;
}
.logos ul li:before {
  content: none;
}
@media only screen and (max-width: 1219px) {
  .logos ul li {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .logos ul li {
    display: block;
    margin-bottom: 30px;
    width: 100%;
  }
}
.logos ul a {
  display: inline-block;
  text-indent: -9999px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}
.logos ul a:hover {
  background-position: 0 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.logos ul a.small {
	background-size: 75%;
}
div.logos {margin-left: 15px; margin-top: 25px;}
hr {
  margin-top: 61px;
  margin-bottom: 58px;
  width: 97.5%;
  border-color: #ddd;
}
.padding-top-10 { padding-top: 10px; }
hr.full-width {
	width: 100%;
}

hr.small-margin { 
  margin-top: 14px;
  margin-bottom: 14px;
}
hr.medium-margin { 
  margin-top: 21px;
  margin-bottom: 21px;
}
hr.margin-sap {
	margin: 45px 0px 60px 0px	
}

.delitek {
  width: 180px;
  height: 58px;
  background: url('delitek.jpg?1415101260') 0 0 no-repeat;
}
.delitek.small { height: 43.5px; }
.terragon {
  width: 195px;
  height: 30px;
  background: url('terragon.jpg?1415101411') 0 0 no-repeat;
}
.terragon.small { height: 22px;}
.coffin {
  width: 123px;
  height: 80px;
  background: url('coffin.jpg?1415101177') 0 0 no-repeat;
}
.coffin.small { height: 59.5px; width: 122px; }
.compass {
  width: 189px;
  height: 61px;
  background: url('compass.jpg?1415101303') 0 0 no-repeat;
}
.compass.small { height: 45.5px; width: 188px; }
.oceansaver {
  width: 193px;
  height: 37px;
  background: url('oceansaver.jpg?1415101350') 0 0 no-repeat;
}
.oceansaver.small { height:27.5px; width: 193px; }
.kyma {
  width: 123px;
  height: 80px;
  background: url('kyma.jpg?141510350') 0 0 no-repeat;
  background-size: 100%;
}
.kyma.small { height: 59.5px; width: 122px; }
.info {
  margin-top: 77px;
  margin-bottom: 37px;
  border-bottom: 1px solid #ddd;
  background: #ededed;
  text-align: center;
}
.products-pg .info {
  margin-top: 72px;
}
.info .section-title {
  margin-top: 58px;
  margin-bottom: 41px;
}
.info .btn {
  margin-bottom: 58px;
  margin-left: -45px;
  padding: 9px 32px 8px 34px;
}
@media only screen and (max-width: 991px) {
  .info .btn {
    margin-left: 0;
  }
}
.info .btn:before {
  display: none;
}
.info ul li {
  padding-right: 29px;
  padding-left: 25px;
}
@media only screen and (max-width: 767px) {
  .info ul li {
    padding-bottom: 20px;
  }
}
.info ul a {
  position: relative;
  padding-left: 30px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #929292;
  letter-spacing: 0.02em;
}
.info ul a:before {
  content: " ";
  position: absolute;
  display: block;
}
.info ul a:hover {
  color: #e67817;
  text-decoration: none;
}
.info ul a.call:before {
  top: 0px;
  left: 9px;
  width: 15px;
  height: 17px;
  background: url('ico1.png?1415101493') 0 0 no-repeat;
}
.info ul a.call:hover:before {
  background-position: 0 100%;
}
.info ul a.email:before {
  top: 0px;
  left: -1px;
  width: 22px;
  height: 16px;
  background: url('ico2.png?1415101546') 0 0 no-repeat;
}
.info ul a.email:hover:before {
  background-position: 0 100%;
}

.content-top {
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .content-top {
    text-align: center;
  }
}
.content-top hr {
  margin-top: 0px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 991px) {
  .content-top hr {
    margin-top: 20px;
  }
}

.breadcrumb {
  padding: 0;
  background: #fff;
}
.breadcrumb li, .breadcrumb a {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #797979;
}
.breadcrumb a:hover {
  text-decoration: none;
  color: #e67817;
}
.breadcrumb > li + li:before {
  padding: 0 3px;
}
@media only screen and (max-width: 767px) {
  .breadcrumb > li + li:before {
    padding: 0 1px;
  }
}

.navi {
  float: right;
  margin-right: 4px;
}

.navi-center {float: none;}
@media only screen and (max-width: 767px) {
  .navi {
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}
.navi li {
  padding: 0;
  border-left: 1px solid #797979;
}
.navi li:first-child {
  border: 0;
}
.navi a {
  position: relative;
  padding: 0 13px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #797979;
}
@media only screen and (max-width: 767px) {
  .navi a {
    padding: 0 7px;
  }
}
.navi a:hover {
  text-decoration: none;
  color: #226cb5;
}
.navi a:hover:before {
  color: #226cb5;
}
.navi a:before {
  position: absolute;
  top: -9px;
  display: block;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #797979;
}
.navi li.prev a:before {
  content: "\2039";
  left: -1px;
}
@media only screen and (max-width: 767px) {
  .navi li.prev a:before {
    left: -4px;
  }
}
.navi li.next a:before {
  content: "\203A";
  right: -4px;
}

aside {
  margin-top: 29px;
}
aside .aside-title {
  margin-bottom: 16px;
}
aside ul a {
  display: inline-block;
  margin-bottom: 9px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #797979;
}
@media only screen and (max-width: 991px) {
  aside ul a {
    font-size: 17px;
  }
}
aside ul a:hover {
  color: #e67817;
  text-decoration: none;
}
aside ul a.active {
  color: #e67817;
}
aside ul ul {
  margin-right: 15px;
  margin-bottom: 22px;
  padding-bottom: 16px;
  padding-left: 10px;
  border-bottom: 1px solid #ddd;
}
aside ul ul a {
  margin-left: 42px;
}
aside ul ul a.active {
  position: relative;
  margin-left: 10px;
  padding-left: 20px;
}
aside ul ul a.active:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 7px;
  height: 11px;
  background: url('b-arrow-r.png?1415172216') 0 0 no-repeat;
}

aside ul a.active.grey { color: #797979; }
aside ul ul a.active.grey:before { background: url('g-arrow-r.png?1415172216') 0 0 no-repeat; }

aside ul a.active.grey:hover { color: #226cb5; }
aside ul ul a.active.grey:hover:before { background: url('b-arrow-r.png?1415172216') 0 0 no-repeat; }


.aside-title {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: #e67817;
}

article {
  margin-top: 32px;
  margin-bottom: 44px;
  margin-left: -13px;
}
article img {
  margin-bottom: 7px;
}
@media only screen and (max-width: 1219px) {
  article img {
    width: 100%;
  }
}
article p {
  margin-bottom: 23px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #797979;
  line-height: 23px;
}

.article-title {
  margin-bottom: 18px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: #114b98;
}

.products-list {
  margin-left: -28px;
}
.products-list li {
  padding: 0 38px;
  text-align: center;
}
.products-list img {
  margin-bottom: 10px;
}
.products-list .product-title {
  margin-bottom: 4px;
}
.products-list .product-subtitle {
  line-height: 23px;
}

.description {
  margin-top: 6px;
}
.description img {
  margin-top: 2px;
}
@media only screen and (max-width: 991px) {
  .description img {
    display: block;
    margin: 20px auto;
  }
}
@media only screen and (max-width: 767px) {
  .description img {
    width: 100%;
  }
}
.description .section-title {
  text-align: left;
  margin-bottom: 17px;
}
.description .product-logo {
  float: right;
  margin: 0;
  margin-top: 8px;
  margin-right: 16px;
}
@media only screen and (max-width: 767px) {
  .description .product-logo {
    margin: 0;
    margin-left: 5px;
    margin-bottom: 5px;
    width: auto;
  }
}
.description p {
  margin-bottom: 5px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #797979;
  line-height: 23px;
}
@media only screen and (max-width: 767px) {
  .description p {
    font-size: 15px;
  }
}
.description ul a {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #797979;
}
@media only screen and (max-width: 1219px) {
  .description ul a {
    font-size: 15px;
  }
}
.description .btn {
  margin-top: 21px;
  margin-left: -2px;
  padding: 9px 18px 8px 36px;
}

.options {
  margin-top: 24px;
}
.options > li {
  margin-bottom: -1px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.options > li > a {
  position: relative;
  display: block;
  padding: 11px 0 9px 12px;
}
.options > li > a:hover {
  color: #e67817;
  text-decoration: none;
}
.options > li > a:hover:after {
  color: #e67817;
}
.options > li > a:after {
  content: "+";
  position: absolute;
  top: 3px;
  right: 9px;
  display: block;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #797979;
}
.options > li > a.open:after {
  content: "-";
  position: absolute;
  top: 4px;
  right: 14px;
  display: block;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #797979;
}
.options ul {
  margin-top: 14px;
  margin-bottom: 19px;
}
.options ul.check li {
  position: relative;
}
.options ul.check li:before {
  content: " ";
  position: absolute;
  top: 8px;
  left: 14px;
  display: block;
  width: 9px;
  height: 7px;
  background: url('check.png?1415173094') 0 0 no-repeat;
}
.options ul.dl {
  margin-bottom: 21px;
}
.options ul.dl li {
  position: relative;
}
.options ul.dl li:before {
  content: " ";
  position: absolute;
  top: 3px;
  left: 13px;
  display: block;
  width: 14px;
  height: 12px;
  background: url('ico4.png?1415118815') 0 100% no-repeat;
}
.options ul.dl a {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #797979;
}
.options ul.dl a:hover {
  color: #226cb5;
}
.options ul.dl a:hover span {
  color: #226cb5;
}
.options ul.dl a span {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #797979;
  text-decoration: underline;
}
.options ul li {
  margin-bottom: -1px;
  padding-left: 43px;
}
@media only screen and (max-width: 767px) {
  .options ul li {
    padding-left: 30px;
  }
}
.options ul a:hover {
  color: #226cb5;
  text-decoration: none;
}

.seo {
  margin-top: 99px;
}
.seo hr {
  margin-top: 0;
  margin-bottom: 61px;
}
@media only screen and (max-width: 767px) {
  .seo hr {
    display: none;
  }
}
.seo .box {
  width: 380px;
  height: 329px;
  background: #ededed;
}
@media only screen and (max-width: 1219px) {
  .seo .box {
    width: 100%;
  }
}
.seo p {
  margin-bottom: 5px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #797979;
  line-height: 23px;
}

.seo-title {
  margin-top: 26px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 21px;
  font-weight: 400;
  color: #114b98;
}

.seo-subtitle {
  margin-top: 0;
  margin-bottom: 23px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #797979;
}

.right-col {
  padding-left: 33px;
}
@media only screen and (max-width: 1219px) {
  .right-col {
    padding-left: 15px;
  }
}

.margin-auto { padding: 16px 153px; }
.project { 
	margin-top: 15px;
	margin-bottom: 15px;
}
.project div {
	width: 100%;
	background-color: #ededed;	
	min-height: 185px;
	padding-bottom: 10px;
}

.infocentre { list-style: none; }
.infocentre li { margin-bottom: 5px; }
.infocentre li a {
	display: block;
	width: 100%;
	height: 71px;
	margin: 0px !important;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #ededed;
	color: #114b98;
	font-size: 17px;
	padding: 25px 0 0 100px;
	font-family: 'Josefin Sans', sans-serif;
	text-decoration: none;
	font-weight: normal;
}

@media only screen and (max-width: 767px) {
	.infocentre li a {
		display: block;
		width: 100%;
		height: 71px;
		margin: 0px !important;
		background-repeat: no-repeat;
		background-position: left center;
		background-color: #ededed;
		color: #114b98;
		font-size: 14px;
		line-height: 19px;
		padding: 17px 0 0 90px;
		font-family: 'Josefin Sans', sans-serif;
		text-decoration: none;
		font-weight: normal;
	}
}

.infocentre li a:hover { background-color: #fff; text-decoration: none; }

.infocentre li a.products { background-image: url('bg-products.png'); }
.infocentre li a.regulations { background-image: url('bg-regulations.png'); }
.infocentre li a.technology { background-image: url('bg-technical.png'); }

.infocentre li a span {float: right; padding: 0px 10px 0px 22px; font-size: 14px; position: relative; font-family: arial, 'Helvetica Neue', Helvetica, sans-serif;}
.infocentre li a span:before {
	background: url("ico4.png?1415118815") no-repeat scroll 0 100% rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 12px;
    left: -7px;
    position: absolute;
    top: 7px;
    width: 14px;
}
.paging a {
	color: #797979;
	margin: 5px;
	display: inline-block;
	font-size: 19px;
	font-weight: bold;	
}
.paging a.active { text-decoration: underline; color: #226cb5;}
.margin-bottom-30 {margin-bottom: 30px;}
.filter a {color: #797979; margin: 0px 10px;}
.filter a.active {text-decoration: underline; color: #226cb5;}

.custom-dropdown {margin-left: 20px;}
#cat {
	border-radius: 0px;	
	border: 1px solid #dddddd;
	width: 299px;
	-webkit-appearance:none ;
	-moz-appearance: none;
	appearance: none;  
	padding-left: 10px;
}
.custom-dropdown::before,
.custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.custom-dropdown::after { /*  Custom dropdown arrow */
    content: url('dropdown.png?123');
    height: 41px;
    font-size: 14px;
    line-height: 1;
    right: 16px;
    top: 13px; 
    margin-top: -11px;
    padding: 0px;
    color: #226cb5;
    background-color: #fff;
}

@media only screen and (max-width: 768px) {
	.custom-dropdown::after { /*  Custom dropdown arrow */
	    content: url('dropdown.png?123');
	    height: 28px;
	    font-size: 14px;
	    line-height: 1;
	    right: 16px;
	    top: 28px; 
	    margin-top: -11px;
	    padding: 0px;
	    color: #226cb5;
	    background-color: transparent;
	}
}

.custom-dropdown::before { /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0; top: 0; bottom: 0;
    border-radius: 0 3px 3px 0;
}

#cat option {padding: 10px 10px 9px 10px;}

blockquote {
	quotes: "\201C""\201D""\2018""\2019";
	border: none;	
	margin: 30px 137px 40px 137px;
}

blockquote p:before {
    content: open-quote;
    margin-left: -0.5em;
    padding-right: 0.35em;
    text-align: right;
    width: 0.85em;
}
blockquote p:before, blockquote p:after {
    display: inline-block;
    margin-top: -0.15em;
    position: relative;
}
blockquote p:after {
    content: close-quote;
    margin-right: -0.8em;
    width: 0.5em;
}
blockquote p {
	color: #192836;
	font-size: 23px;
	font-style: italic;
	line-height: 30px;
}

.content ul, .sap-detail-content ul {
    list-style: none;
    padding:0;
    margin:10px 0px 20px 0px;
}

.content li, .sap-detail-content li { 
    padding-left: 15px; 
    text-indent: -.7em;
    line-height: 27px;
}

.content li:before, .sap-detail-content li:before {
    content: "\002022         ";
    color: #226cb5;
}

.list-unstyled {
    list-style: outside none none !important;
    padding-left: 0 !important;
}

.list-unstyled  li:before { content: none; }
.list-unstyled  li { /* padding-left: 10px; */}
div.contact { margin: 27px; color: #797979; font-size: 15px;}
div.contact a { color: #797979; }
div.contact a:hover { color: #114b98; text-decoration: none; }
div.contact h4 { font-size: 17px; font-family: 'Josefin Sans', sans-serif; color: #114b98; font-size: 17px;}

.col-centered {
	float: none;
	margin: 0 auto;
}

.form-control { border-radius: 0px; }
.form-group label {color: #797979; font-size: 17px; padding-left: 10px; font-weight: normal;}
.form-group label i {color: #114b98;}
.btn-success { background-color: #114b98; font-weight: normal; margin-top: 60px; border: 0px solid #000;}
.btn-success:hover { background-color: #0c346a; }

.search-li {float:left;}
.search-li .search-div {  position: absolute; top: 8px; right: 27px; width: 0px; overflow: hidden;}
.small-search .search-div { top: 7px; }
.search-li #searchform input { width: 173px; height: 32px; background-color: #f5f5f5; border-radius: 0px; border: 1px solid #dddddd; font-size: 19px; padding-left: 5px;}

.form-large input { width: 480px; border: 1px solid #dddddd; padding: 5px; }

.content h3 a { color: #114b98; font-size: 17px; text-decoration: none;}
input.submit {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url('ico3.png?1415101580') 50% -50% no-repeat;
  text-indent: -9999px;
  border: 0px solid #fff;
  margin: 30px 0px 0px -25px;
  top: 5px;
  position: relative;
}
input.submit:hover {
  background-position: 50% 110%;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

a.home-product-link:hover { text-decoration: none; }

a.home-product-link:hover img {
	opacity: 0.6;
    filter: alpha(opacity=60);	
}

a.project-link:hover img {
	opacity: 0.6;
    filter: alpha(opacity=60);		
}
a.project-link:hover span.readmore {color: #797979;}
a.project-link:hover span.readmore:before {background: url("g-arrow-r.png?1415172216") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
a.project-link {text-decoration: none}
a.news-link:hover img {
	opacity: 0.6;
    filter: alpha(opacity=60);
}
a.news-link:hover span.readmore {color: #797979;}
a.news-link:hover span.readmore:before {background: url("g-arrow-r.png?1415172216") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.sap-content h2 {
	text-align: left;
	font-weight: normal;
	font-size: 21px;
	margin-bottom: 5px;
}
article.no-left-margin { margin: 0px;}
.sap-content { color: #797979; font-size: 17px;}
.title-sap-detail { text-align: left; font-size: 22px; margin: 40px 0px 30px 0px;}
.sap-detail-content {color: #797979; font-size: 17px;}
.title-product { text-align: left; font-size: 21px; color: #114b98; font-family: 'Josefin Sans', sans-serif; font-weight: normal; }
.project-overview h4 {padding: 18px 0px 0px 28px; margin: 0px; font-size: 17px; color: #114b98; font-family: 'Josefin Sans', sans-serif;height: 57px;}
.project-overview p {padding: 18px 28px 5px 28px; color: #797979; font-size: 15px; }
.project-overview span {margin-left: 28px;}

.content {color: #797979; font-size: 17px;}
.content a { color: #797979; text-decoration: underline;}
.content a:hover { text-decoration: none; color: #226cb5; }
.social-button {width: 120px; float: left;}
a.optionlink { cursor: pointer; }

@media (max-width: 991px) /* @grid-float-breakpoint -1 */
{
	.navbar-collapse { 
		background-color: #ededed;
		width: 100%;
		position: absolute;
		top: 90px;
		text-align: center;
		left: 0px;
		min-height: 6000px;
		border-top: 1px solid #dadada;
		z-index: -10;
	}	
  .navbar-header {
    
  }
  .navbar-header:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
  }
  .navbar-header .icon-bar {
    background: #333333;
    width: 13px;
    height: 2px;
  }
  .navbar-header .bar {
    float: right;
    margin-top: 4px;
    background-color: #fff;
  }
  .navbar-header .text {
    display: none;
  }
  .navbar-header .bar .close-button {
    display: block;
    width: 65px;
    height: 42px;
    background: url(close-button.png) no-repeat 0 0;
    font-size: 0;
    position: relative;
    top: -4px;
    left: 0px;
  }
  .navbar-header .text {
    float: left;
  }

  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 2px;
  }

  .navbar-toggle {
    z-index: 20;
    border-radius: 1px;
	border: 0px solid #131313;
	color: #131313; 
	margin-top: -17px;
	padding: 0px;
  }
  .navbar-toggle.collapsed {
    border: 2px solid #131313;
    padding: 9px 10px;
  }
  .navbar-toggle.collapsed .text {
    display: block;
  }
  .navbar-toggle.collapsed .bar .close-button {
    display: none;
  }
  .navbar-toggle.collapsed:after {
    display: none;
  }
  .navbar-toggle:after {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 22px;
    background: url(toggle-after.png) no-repeat 0 0;
    left: 50%;
    margin-left: -15px;
    bottom: -32px;
  }

	.small-nav {
	position: absolute;
	top: 13px;
	right: 122px;
	}
	
	.search-li .search-div { top: -5px;}
	
	.navbar-nav { height: 6000px;}
	.nav.navbar-nav li a.call, .nav.navbar-nav li a.email {padding: 2px 10px 0px 23px; color: #929292;}
	.margin-auto { padding: 16px 15px !important; }
}

hr.no-margin {margin: 0px 0px 34px 0px;}

@media (max-width: 767px) /* @grid-float-breakpoint -1 */
{
	.small-nav {
		position: absolute;
		top: 13px;
		right: 93px;
	}
	
	a.logo img { width: 160px; }
	
	.height-mobile-90 { height: 90px;}	
	
  .margin-auto { padding: 16px 0px !important; }
  
  .category-selector {
  	text-align: left;
  	margin-top: 10px;
  }
  
  #cat { height: 40px; width: 100%;}
  .custom-dropdown::after {
  	top: 32px;
  	right: 16px;
  }
  
  .category-container {width: 89%; top: 187px; }
  .height-400 {height: 332px;}
  .height-380 { height: 280px;}
  .main-bericht {top: -136px;}
}

h1.mainTitle {display: none;}
a.project-link {text-decoration: none}
.news-link:hover, a.news-link { text-decoration: none;}

.row { margin-left: 0px; margin-right: 0px;}

@media (min-width: 1400px) {
	.carousel.container {
		width: 95%;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/* Styles */
	.nav.navbar-nav li a { font-size: 14px; }
}

ul.no-border { 
	border: 0px solid #fff;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.alignleft { float: left; margin: 5px 15px 5px 0px; }
.alignright { float: right; margin: 5px 0px 5px 15px; }

#cookie-notice {
	color: rgb(0, 0, 0) !important; 
	background-color: rgb(245, 245, 245) !important;
	border-top: 1px solid #ddd;
}


.cookie-notice-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    text-align: left !important;
    font-size: 15px;
    position: relative;
}
@media (min-width: 768px) {
	.cookie-notice-container {
	    width: 750px;
	}
}
@media (min-width: 992px) {
	.cookie-notice-container {
	    width: 970px;
	}
}
@media (min-width: 1200px) {
	.cookie-notice-container {
	    width: 1170px;
	}
}
.cookie-notice-container .button {
	float: right;
	position: absolute;
	right: 0px;
	width: 20%;
	text-transform: uppercase;
	border-radius: 0px !important;
	background: #54d875 !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	color: #fff;
	border: 2px solid #54d875 !important;
	font-weight: bold;
	text-shadow: none !important;
	box-shadow: none !important;
}
.cookie-notice-container span a {
	color: #0432ff;
	text-decoration: underline;
}
.cookie-notice-container span a:hover {
	text-decoration: none;
}
.cookie-notice-container .button:hover {
	border: 2px solid #4fc96d !important;
	background: #4fc96d !important;
}
.cookie-notice-container #cn-refuse-cookie {
	top: 75px;
	border: 2px solid #ddd !important;
	background-color: rgb(245, 245, 245) !important;
	color: #000 !important;
}
.cookie-notice-container #cn-refuse-cookie:hover {
	border-color: red !important;
}
.cookie-notice-container span {
	display: inline-block;
	width: 78%;
}
@media only screen 
and (min-device-width : 221px) 
and (max-device-width : 736px) {
	.cookie-notice-container {
		font-size: 10px;	
	}
	.cookie-notice-container span {
		width: 100%;
	}
	
	.cookie-notice-container .button {
		width: 48%;
		position: relative;
		top: 0px !important;
		margin-left: 0px !important;
		margin-top: 15px;	
		margin-bottom: 35px !important;
		font-size: 10px !important;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		
	}
	.cookie-notice-container #cn-refuse-cookie {
		float: left !important;
	}
}

.detail .image {
	margin-bottom: 30px;
}

.socials {
	list-style: none; 
	float: right;
}

.socials li {
	display: block;
	margin-bottom: 20px;
}

.socials li:before {
	content: unset;
}

.socials a {
	text-decoration: none; 
}

@media only screen and (max-width: 767px) {
	.socials li {
		display: inline-block;
	}
	ul.socials {
		list-style: none; 
		float: left;
		padding-top: 60px;
	}
}