html, body {
  font-family: 'Ubuntu'; 
  background: #2C3840;
}

.goldencircle {
  background-color: #4D0739;
  min-height: 2em;
  padding-top: 1.2em;
  padding-bottom: .8em;
  
}

.sub0 {
  color: #fff;
  font-size: 1.2em;
}

.sub1 .logoslider {
  margin-top: 1.5em;
  padding-bottom: 1em;
}

.blockitem {
  border-radius: 1em;
  margin: .5em;
  padding: 2em;
  min-height: 16em;
  background-color: #f2f2f2;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.showmap {
  min-height: 10em;
}

section.testimonials {
  min-height: 6em;
  background-color: #6D7D86;
  color: #fff;
}

section.testimonials .phrase {
  padding-left: 5em;
  padding-right: 5em;
}

.pseudotext {
  font-size: 0.9em;
  color: #999;
}

.testimonial {
  min-height: 8em;
  background-color:#fff;
  color: #000;
}

.homecube {
  position: absolute;
  left:0;
  margin-top: 3em;
}

#ub-google-map, #ub-google-container {
  display:block;
  width:100% !important;
  height:500px !important;
}

.ssl-types li:before {  
    content: "\f023";
    color: #00aa00;
}

.unchecked-types li:before {
    content: "\f05d";
}

.checked-types li:before {
    content: "\f05d";
    color: #00aa00;
}


.ub-invite-presence a, .ub-invite-presence a:hover {
    background-color:#00AA00;
    overflow: visible;
    font: inherit;
    color: #FFFFFF;
    text-transform: none;
    margin: 0 2px;
    padding: 10px 15px 10px 15px;
    vertical-align: middle;
    height:40px;
    line-height: 38px;
    min-height: 40px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 5px;
}

a:hover {
  color: #8F5501;
}

.mainlogo {
}

.mainlogo:hover {
}

.pricetable {
   color: #fff;
   text-align: center;
}

.pricetable .header {
   background-color: #2C3840;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   text-transform: uppercase;
}

.pricetable .header.recommended {
   background-color: #8F5501;
}

.pricetable .price {
   background-color: #4C5D67;
   padding-top: 0.8em;
   padding-bottom: 0.8em;
   font-size: 2.5em;
}

.pricetable .price.recommended {
   background-color: #F7931E;
}

.pricetable .options {
   background-color: #F2F2F2;
   color: #2C3840;
   min-height: 20em;
   padding-top: 1.2em;
   padding-bottom: 0.5em;
}

.pricetable .options em {
   margin-top: 0.5em;
   font-size: 0.8em;
}


.offcanvas-nav-view-top .ub-language {
  text-align: center;
}

.hidden {
    display: none;
}

#mTerms h2 {
  color: #F7931E !important;
}
h1, h2 {
  color: #F7931E;
}

#ubCookieMessage2 {
  background: #461238;
}

#ubCookieMessage2 .panel {
  margin-bottom: 0;
}

#ubl20028 img, #ubl20044 img {
  margin-top: 8px;
}

.ub-form > h2 {
  padding-left: .5rem;
}

.is-sticky + div .bounce { 
  display: none !important;
}

.is-sticky #ubl20028 img,
.is-sticky #ubl20861 img,
.is-sticky #ubl20044 img,
.is-sticky #ubl20056 img,
.is-sticky #ubl20498 img,
.is-sticky #ubl20511 img {
  margin-top: 0px !important;
}

.is-sticky #ubl20026,
.is-sticky #ubl20859,
.is-sticky #ubl10012,
.is-sticky #ubl20042,
.is-sticky #ubl20056,
.is-sticky #ubl20498,
.is-sticky #ubl20511 {
  padding-top: 1em;
  padding-bottom: 1em;
  background: rgba(0,0,0,0.7);
  z-index: 999;
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
}

.subheadercontent {
  padding: 2em;
}

.subheadericon {
  display: block; text-align: center; width: 100%;
  color: #B0118D;
}

.ub-language {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.ub-language .selected {
  color: #FFF;
  background-color:#A7007D;
  padding: 0.2em; 
}

button:not([disabled]), 
button:not([disabled]), 
.button:not([disabled]), 
.button:not([disabled]) {
  background-color:#B0118D;
}


button:not([disabled]):hover, 
button:not([disabled]):focus, 
.button:not([disabled]):hover, 
.button:not([disabled]):focus {
  background-color:#A7007D;
}

.teaser {
  height: 35vh;
  /*background-image: url(/images/40104/unibloxbg.png);*/
  background-image: url(/images/40157/uniblox4.jpg);
  background-color: #191817;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: 45% top;
  color: #fff;
  padding: 1.5em;
}

.ub-module-home .teaser {
  height: 100vh;
}

.ub-module-pages.ub-item-10067 .teaser,
.ub-module-pages.ub-item-10090 .teaser {
  background-image: url('/images/40107/ar.png');
}

.ub-module-pages.ub-item-10068 .teaser,
.ub-module-pages.ub-item-10091 .teaser {
  background-image: url('/images/40105/responsive.png');
  background-position: center 60%;
}

.ub-module-pages.ub-item-10069 .teaser,
.ub-module-pages.ub-item-10092 .teaser {
  background-image: url('/images/40106/code.png');
}

.menu ul {
  float: right !important;
  padding-top: 0.8em;
}

.menu > nav > ul > li > a {
  background: rgba(0,0,0,0.2);
  color: #fff;
  padding: 5px 9px;
  text-decoration: none;
  text-shadow: none;
}

.menu li a {
  text-transform: uppercase;
  color: #fff !important;
}

.menu li.has-dropdown ul  a {
  width:100%;
  display:block;
}

.menu li a:hover {
  background-color: #A7007D;
}

.horizontal-oneline .has-dropdown li {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  height: 1.5625em !important;
}

.menu li.has-dropdown ul {
   display:none; 
   color:#fff; 
   background: rgba(20,20,20,0.4);
   border-bottom-left-radius: 1.2em;
   border-top-right-radius: 1.2em;
   right:inherit;
   top:inherit; 
   position:absolute; 
   z-index:10;
   margin-top: 0.8em;
   padding: 0;
   height:auto;
   overflow:hidden;
   font-weight: normal;
}

.menu li.has-dropdown ul li a {
  padding: 0.2em 1.5em 0.2em 1.5em;
}

.menu li.has-dropdown ul li:after {
   content: "";
   padding: 5px;
}

.menu .ub-list li.active > a,
.offcanvas-nav-view-navigation li.active
{
  background-color: #A7007D; !important;
}


.menu li {
  display: block;
}

.contentgeneral
{
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.sub1 {
  min-height: 10em;
  background: #fff;
}

.sub2 {
  min-height: 20em;
  background: #4C5D67;
  color: #fff;
}

.sub2 h2 {
  color: #fff;
}

.content {
  min-height: 20em;
  background: #fff;
}

.footer {
  color: #fff !important;
  min-height: 10em;
  padding-top: 1.5em;
}

#ubBRFR {
  color: #fff;
}

#ubBRFR a, #ubBRFR a:visited {
  color: #fff;
}

#ubBRFR a:hover {
  color: #F7931E;
  text-decoration: none;
}

.sub2 a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
  outline: none;
}

.footer a {
  color: #fff;
  text-decoration: none;
  outline: none;
}

.footer a:hover {
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
  outline: none;
}



.services .columns {
  border-right: 0.2em solid rgba(255,255,255,0.7);
}

.offcanvas-nav-view {
  background: rgba(0,0,0,0.8);
}

.offcanvas-nav-toggle {
  background: #A7007D;
  border-left: 2px solid A7007d;
}

.offcanvas-nav-view li {
  padding: .5em;
  font-size: 1em;
  background: rgba(0,0,0,0.2);
  margin-bottom: 0.8em;
}

.offcanvas-nav-view li:hover {
  background-color: #A7007D;
}

.offcanvas-nav-view-content {
   background-image: url(/images/40103/logo0.png);
   background-repeat:no-repeat;
   margin-top: .5em;
   padding-top: 2.5em;
   background-position: center top; 
}

.offcanvas-nav-view a, .offcanvas-nav-view a:visited {
    color: #fff;
}

@media only screen and (min-width: 768px) {
  #ubl20040 .bounce, #ubl20087 .bounce { display: block; }
}

@media only screen and (max-width: 768px) {
  
  .ub-module-home .teaser {
      height: 20em !important;
  }

  #ubl20040 .bounce, #ubl20087 .bounce { display: none; }

  .homecube {
  margin-top: inherit;
     top: -15em !important;
  }
}

@media only screen and (max-width: 47.8em) {
   
  .services .columns {
    border-right: inherit;
  }

  .pricetable .options {
     min-height: inherit !important;
  }

  .offcanvas-nav-view {
    display: inherit !important;
  } 

  #ubCookieMessage2 .panel {
    padding-left: 65px; 
    padding-right: 25px;
  }

  #ubl20026,#ubl20042,#ubl20056 {
    display: none;
  }
 


}


.ubi-up-circle:before {
  font-family:FontAwesome;
  content:'\f106';
  color: #A7007D /* #8F5501 */;
  
}

.bounce i {
  width: 60px;display:block;text-align: center;
}

.bounce {
   position: absolute; 
   bottom: 30px; left: 50%; font-size: 2em;
   width: 60px;
   height: 60px ;
   margin-left:30px;
   border: 2px solid #FFF;
   -webkit-border-radius:50%;
   -moz-border-radius:50%;
   -ms-border-radius:50%;
   border-radius:50%;
   animation: bounce 2s infinite;
   -webkit-animation: bounce 2s infinite;
   -moz-animation: bounce 2s infinite;
   -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
   0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
   40% {-webkit-transform: translateY(-30px);}
   60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
   0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
   40% {-moz-transform: translateY(-30px);}
   60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
   0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
   40% {-o-transform: translateY(-30px);}
   60% {-o-transform: translateY(-15px);}
}

@keyframes bounce {
   0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
   40% {transform: translateY(-30px);}
   60% {transform: translateY(-15px);}
}