* {
  padding:0px;
  margin: 0px;
}
h1, h2, h3, h4 {
  font-weight: normal;
  padding:0px;
  margin: 0px;
}
body {
font-family: 'Roboto', sans-serif!important;
/*background-color: #fff!important;*/
}
a {
  color:#1fc4f6;

}
.continuetransaction {
    display: static;
}
.completetransaction {
    display: none;
}
/*a:hover, a:active, a:visited{
  color:#1b9dc5;
}*/
/*a:visited{
  color:#f32a97;
}*/

footer a:visited {
  color:#fff!important;
}
        .header-bg
          {
              background-color: #5a5a5b;
              max-height: 40px;
              overflow: hidden;
               z-index: 10000;

          }
    #top-header ul
          {
            list-style: none;
          }
      #top-header a
          {
            color:#fff;
            float: right;
            display: block;
            padding: 6px 6px 0px 6px;
              line-height: 24px;
              text-decoration: none;
              transition: all .2s ease-out;
              font-size:16px;

          }
    #top-header a:hover
          {
              color:#f2f2f2;
          }
    #top-header a .fa
          {
              color:#98af43;
          }

    #top-header a:hover .fa
          {
              color:#bece52;

          }


    #search form
          {
            padding: 4px;
            float: right;
              margin-top: 1px;
              width: 100%;
          }
    #search input[type="text"]
          {
              border: 0px;
              padding: 2px;
              width: 78%;
              padding: 5px;
              transition: all .2s ease-out;
        }
    #search input[type="text"]:hover
          {
              background-color: #f3f3f3;
        }
    #search button
          {
              background-color: #768800;
              border:1px solid #768800;
              color: #fff;
              width: 18%;
              transition: all .2s ease-out;
              padding: 4px;
          }
 #search button:hover
          {
              background-color: #9dad34;
              border:1px solid #9dad34;

          }
#bottom-header
          {


               z-index: 10000;
              min-height: 70px;
              border-bottom:1px solid #ccc;
/*
            -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
            -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
            box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
*/

          }
          .why-us
          {
            font-size: 18px!important;
            color: #05b6ec;
            line-height: 10px;
          }
.logo img
          {
            margin: 8px 8px 8px 0px;
            max-width: 220px;
            max-height: 50px;

          }
          .orderbtn
          {
            width: 100%;
              line-height: 26px;
              margin-top: 8px;
              text-transform: uppercase!important;
          }
            .order-btn
          {text-transform: uppercase!important;
            max-width: 450px;
            margin: 0 auto!important;
          }
          .btn-default
          {
              background-color: #768800!important;
              border:1px solid #768800!important;
              border-radius: 0px;
              transition: all .2s ease-out;
              color: #fff!important;
          }
          .btn-default:hover
          {
              background-color: #9dad34!important;
              border:1px solid #9dad34!important;
              color:#fff;
          }
.orderbtn
          {
            position: relative;
            right: 21px;
              margin-top: 11px;
          }
          }
.logo a {
/*
    position: relative;
    left: -25px;
*/
    float:left;
    display: block;


  }
#header-menu  li a
{
    float:left;
    display: block;
    padding:16px;
    font-size: 100%;
    color:#313131;
    line-height: 38px;

}
/* Small devices (tablets, 768px and up) */
@media (min-width: 1200px) {
    #header-menu  li a
    {
        font-size: 18px;
    }
}
#header-menu
{
   list-style: none;
/*    display: none;*/
}
#header-menu a
{
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    transition: background-color .2s ease-out;
}
#header-menu a:hover
{
   text-decoration: none;
    background-color: #f4f4f4;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;

}
#mobile-btn{
        position: absolute;
        right: -20px;
        top: 12px;
        font-size: 32px;
        cursor: pointer;
        background-color: #748401;
        width: 60px;
        text-align: center;
        color: #f6f9fa;
        transition: background-color .2s ease-out;
    }
#mobile-btn:hover {
    background-color: #87969b;
    color: #f6f9fa;
}
           #header-menu
    {

         display: block;
    }
#search
      {
        display: none;
        position: relative;
          left: -3px;
      }
 .search-mob
  {
    display: none!important;
  }

    #mobile-btn{
        display:none;
        -webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
    }
@media (max-width: 768px)
{    #mobile-btn{
        display:block;
    }

    #header-menu
    {

        display: none;
        position: relative;
        left: 0px;
        top: 109px;
        width: 130%;
        z-index: 8888;
        background-color: #fff;
/*
                    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.45);
            -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.45);
            box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.45);
*/
    }
     #header-menu li a
    {
        width: 110%;
        border: 0px;
        border-bottom:1px solid #ccc;
        position: relative;
        left: -50px;
        background-color: #fff:

    }

   .search-mob
  {
    display: block!important;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{

    #header-menu
    {
        display: block;
    }
    #search
      {
        display: block;
      }
}
.nopadding
{
    padding:0px;
}
@media (max-width: 768px)
{    #mobile-btn{
        display:block;
    }

    #header-menu
    {

        display: none;
        position: fixed;
        left: 0px;
        top: 99px;
        width: 130%;
        z-index: 8888;
        background-color: #fff;
    }
    #header-menu li a {
        float: left;
        display: block;
        padding: 16px;
        margin-left: 49px;
        font-size: 12px;
        color: #313131;
         line-height: 20px;
        }

    .header-bg
    {
        position: fixed;
        width: 100%;
        top: 0px;
    }
    #bottom-header
    {
        position: fixed;
        width: 100%;
        top: 30px;
        height: 70px;
        background-color: #fff;
    }
    }
   .push-top
    {
        margin-top: 12px!important;
    }

#hero
    {
        /*background-color:#ffe459;*/
        width: 100%;
        /*min-height: 628px;*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position:bottom center;
        position: absolute;
    }
    .nopadding
    {
        padding:0px;
    }
    .paket-header
    {
        background-color: #5a5a5b;
        color:#fff;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
        border-radius: 3px 3px 0 0;
        min-height: 350px;
    }
    .paket-header h2
    {
      font-size: 26px;
      padding:16px;

    }
    .info-buy
    {
          min-height: 300px;
    }
    .paket-header .pris
    {
        font-size: 60px;
        text-align:left;
    }
     .paket-header .kronor
    {
        font-size: 30px;
        text-transform: none;
    }
     .paket-header .amount-lilla
    {
        text-align: left;
        position: relative;
        padding: 0px;
       left: -20px;
        top: 31px;
    }
.free-domain
    {
        color:#ccc;
        border:1px solid #ccc;
        margin: 20px;
        padding: 8px;
        border-radius: 2px;
}
    .price-notice
    {
        font-size: 9px;
        text-transform: none;
        padding: 8px;
    }
.details-list {
    padding:0px;
    margin-top: 20px;
}
.details-list li
    {
        list-style: none;
        color: #969696;
        padding: 12px;
        border-bottom:1px solid #ccc;
        display: block;

    }
.order-btn
    {
        display: block;
        border: 1px #8a9e0a solid;
        background-color: #768800;
        padding:12px;
        margin: 0px 20px 6px 20px;
        color:#fff!important;
        transition: all .2s ease-out;
        text-decoration: none!important;
        text-align: center;
    }
.order-btn:hover
    {
        pointer: cursor;
        color: #fff;

        background-color: #63710a;

    }
.grey-bg
    {
        background-color: #eaeaea;
    }
.white-bg
    {
        background-color: #fff;
        margin: 0px;
        padding-bottom: 30px;
         border-radius: 0 0 3px 3px ;
    }

.month
    {
        text-transform: none;
    }
.header-content h1
    {
        opacity: 0.95;
        margin-top: 200px;
        font-size:52px;
        color: #fff;
        text-shadow: 2px 0px rgba(0,0,0,0.8);
        background-color: rgba(0,0,0,0.33);
        padding: 18px;
        display: inline-block;
        margin-bottom: 6px;
    }
.header-content p
    {
        font-size:22px;
        color: #fff;
        text-shadow: 2px 0px rgba(0,0,0,0.8);
        background-color: rgba(0,0,0,0.33);
         opacity: 0.95;
        padding: 8px;
        display: inline-block;
        margin-bottom: 40px;

    }
.pack
    {
        margin-bottom: 20px;
    }
/* Medium devices (desktops, 992px and down) */
@media (max-width:1200px) {
    .pack .white-bg {
        min-height: 140px;

    }

        .promo p
        {
            font-size: 16px!Important;
        }

}
    @media (max-width:992px) {
    .pack .white-bg {
        min-height: 180px;
    }
    #hero h1
        {
            font-size:34px;
        }
/*
         #hero p
        {
            font-size:20px;
        }
*/

}
  .promo-2 {
         margin-bottom: 80px;
    }
    .promo-2 h2
        {
             font-size: 42px;
            color:#494949;
              margin-top: 36px;
            margin-bottom: 26px;
            opacity: 0.95;
            font-weight: normal;
        }
    .promo-2 p
        {
            font-size: 18px;
            display: block;
            color:#909fa4;
        }
    .promo
        {
        text-align: center;
            margin-bottom: 60px;

        }
    .promo h2
        {
            opacity: 0.95;
             font-size: 42px;
            color:#494949;
            max-width: 810px;
            margin:0 auto;
              margin-top: 46px;
            margin-bottom: 16px;
            font-weight: normal;
        }
    .promo p
        {
            font-size: 18px;
            display: block;
            max-width: 890px;
            margin: 0 auto;
            color:#909fa4;
        }
        .promo-chat
        {
            margin-top: 46px;
        }
    .chat-bubble
        {
/*            border-radius: 4px;*/
            background-color: #f6f9fa;
            padding: 25px 36px 25px 36px;
            font-style: italic;
            font-weight: 300;
            text-align: left;
            border-bottom:3px solid #dce8ed;
            margin: 20px;


        }
.chatbubble-arrow {
    position: absolute;
    bottom: 85px;
}
        .avatar img {
            border-radius:50%;
            width: 60px;
            margin-top: 20px;
        }
        .recommend-name {
            margin-top: 30px;
            color:#66a6cb;
            font-weight: bold;
            display: block;
            text-align: left;
        }
        .recommend-url {
            text-align: left;
            display: block;
        }
        .promo-2
        {
            margin-top: 20px;
        }
        .promo-2 img
        {
            max-width: 300px;
            text-align: center;
            display: block;
            margin: 0 auto;
        }
        .promo-img
        {
            margin-top: 45px!important;
            display: block;
            width: 100%;

        }
        .rulesnotice {
            font-size: 12px;
        }
        .bigger-font {
            font-size: 20px;
        }
        .promote a
        {
            width: 100%;
            display: block;
        }
        .promote
        {
            padding:40px 0px 40px 0px;
            position: relative;
        }
        .promote img
        {
           width: 100%;
            max-width: 178px;
        }
        .promote.jager
        {
            top: 46px;
        }
        .promote.purina
        {
            top:46px;


        }
         .promote.malmo img
        {
            width: 100%;
            height: 121px;
            top:46px;


        }
       footer {
            min-height: 300px;
            padding:36px;
            background-color: #5a5a5b;
            color: #fff;
            padding: 10px;
            text-align: left;

        }
          footer a{
            color: #fff;
          }
          footer a:hover{
            color: #fff;
              text-decoration: underline;
          }
          footer ul {
             list-style: none!important;
          }
          .footer-row
          {
            margin-top: 10px;
          }
          .footer-notice
          {
            text-align: center;
              font-size: 12px;
              font-weight: 300;
              margin-top: 25px;
          }
          .logoicons
          {
            padding:30px;
              background-color: #f9f9f9;
          }
          .logoicons a
          {
            padding:8px;
            margin:20px 0 20px 0;
          }
          .logoicons h2 {
            text-align: center;
              opacity: 0.8;
              margin-bottom: 20px;
              font-size: 18px;
          }
          .cpanel-icon
          {
            position: relative;
              top: 12px;
          }
          .apache-icon
          {
            position: relative;
              top: 20px;
          }
          .zoegas-icon
          {
            position: relative;
              top: 16px;
          }
          .hp-icon
          {
            position: relative;
              top: 4px;
          }
          .mysql-icon
          {
            position: relative;
              top: 6px;
          }
          .dk-logo
          {
            max-width: 250px;
          }
        .banner{
            background-image: url(../images/banner.png);
            background-repeat: no-repeat;
            height: 33px;
            margin-top: 30px;
            line-height: 39px;
            font-size:12px;
            display: block;
            width: 90px;
            padding: 0px;
            text-align: center;
            left: -15px;
            position: relative;
        }
.produced-by {
    text-align: center;
    opacity: 0.8;
}        .cookie-notice
        {
background: #8a8a8a;
color: #fff;
font-size: 12px;
padding: 10px;
bottom: 0;
width: 100%;
z-index: 999;
        }

        .cookie-container {
            display: block;
            margin: 0 auto;
            max-width: 1000px;
            color: #fff;
            padding: 10px  10px  0px  10px;
        }
        .close-me
        {

            font-size: 18px;
            cursor: pointer;
        }

/*h3 {
  padding:8px;
  text-align: left;
  font-size: 24px;
  font-weight: normal;
}*/
p {
  padding:  4px 0px 4px 0px;
}
  .sidebar-checkout
  {
    padding:20px;
    margin-top:10px;
    margin-bottom: 40px;  }
  .sidebar-checkout ul li
  {
    padding:16px;
    list-style: none;
    font-size: 16px;
    background-color: #b7b7b7;
    margin: 6px 0px 6px 0px;
    color:#fff;
    border-radius: 4px;
  }
  #successbar
  {
    background-color: #fff;
    color: #fff;

  }
  .success-meter
  {
    background-color: #05b6ec;
    width: 33%;
    padding:6px;
  }
  .ctn-btn
  {
      /*background-color: #e60f22;
      border-color: #ff3b4c;
    border:1px solid;*/
    opacity: 0.1;
  }
  .ctn-btn:hover, .ctn-btn:focus, .ctn-btn:active{
    background-color: #5a6d72;

  }
  .total-sum
  {
    border-top: 1px solid #ccc;
    text-align: right;
    padding:20px;
  }
  .search-container
  {
    padding-top:60px;
  }
  .sidebar-checkout {
    background-color: #f9f9f9;
  }
  .search-h1 {
    padding:6px;
    margin-top: 20px;
    /*font-size: */
  }
  .success-box
  {
    background-color:  #f9f9f9;
    padding: 10px 0 10px 0;
    margin: 10px 0 10px 0;
    /*font-size: 22px;*/

  }
  .success-box.active
  {
    background-color: #fff;
    color: #c2c2c2;
  }
  .domainname-row
  {
    line-height: 52px;
    font-size: 20px;
    font-weight: 200;
  }

  .success-box .oder-btn{
    margin: 0px;
  }
  .successicon{
    color: #77a240;
  }
  .activeicon {
    color:#e91547;
  }
  .domain-suggestion
  {
    margin-top: 30px;
  }
  .domain-suggestion .search-h1 {
    border-bottom: 1px solid #ccc;
  }

.total-sum
{
  font-size: 20px;
}
      #preloader
      {
        text-align: center;
        margin: 20px;
        display: none;
      }
.movedomain
{
  background-color: #b7b7b7;
  border: 1px solid #a1a1a1;
}
.movedomain:hover, .movedomain:active, .movedomain:focus
{
  background-color: #a1a1a1;
}
.search-suggestion
{
  padding:26px;
  font-size: 16px;
  background-color: #fafafa;
}
.fa-tag {
  color:#afafaf;
}
.sidebar-checkout .fa-times:hover
{
  cursor: pointer;
}
/*#suggestion-box{
  display: none;
}
#preloader
{
  display: none!important;
}*/
#preloader-cart
{
  font-size: 26px;
  text-align: center;
  color:#9d9d9d;
  display: none;
}
  .state {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    float: left;
    margin: 10px;
    background-color: #ccc;
    color:#fff;
    text-align: center;
    line-height: 45px;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    z-index: 2;
    position: relative;
  }
  .state-done {
    background-color: #05b6ec;
  }
  .state-line {
    border-bottom: 6px solid #ccc;

    margin:0 auto;
    width: 200px;
    position: absolute;
    top: 31px;
    left: 20px;
    z-index: 1;
  }
  #progress {
    position: relative;
    width: 330px;
  }
      .webhosting-table {
        color: #fff;
      border: 0px;
      margin-top: 10px;
      margin-bottom: 20px;
      }.borderless td, .borderless th {
    border: none;
    border-bottom: 1px solid #ccc;
}
        .header-1
        {
          background-color: #cccccc;
          font-weight: 600;
          font-size: 18px;
          text-align: center;
          width: 10%;
        }
        .header-2
        {
          background-color: #cccccc;

                    font-weight: 600;
          font-size: 18px;
          text-align: center;
          width: 30%;
        }
        .header-3
        {
          background-color: #05b6ec;

                    font-weight: 600;
          font-size: 18px;
          text-align: center;
          width: 30%;
        }
        .header-4
        {
          background-color: #cccccc;
                    font-weight: 600;
          font-size: 18px;
          text-align: center;
          width: 30%;
        }
        .webhosting-table td {
          color: #5e6470;
        }
        .webhosting-table tr th {
          padding:24px!important;
        }
        .services-text
        {
          font-weight: 600;
          text-align: left;
          padding:24px!important;
          vertical-align: initial!important;

        }
        .color-bg
        {
          background-color: #f1f4f9;
        }
        .color-bg-grey
        {
          background-color: #f1f4f9;
        }
        td {
          text-align: center;
        }
        .buy-btn a
        {
          background-color: #768800!important;
                border:1px solid #768800!important;
                border-radius: 0px;
                transition: all .2s ease-out;
                color: #fff!important;
                display: block;
                padding:12px;
                text-decoration: none;
        }
        .buy-btn a:hover
        {
          background-color: #5b6901!important;
        }
#payment-option {
background-color: #91b650;
color: #656565;
padding: 18px;
border-radius: 0px;
margin: 14px;
}
    #payment-notice
    {
      margin: 6px 0px 6px 0px;
      padding:12px;
      color:#fff;
      background-color: #ebebeb;
      line-height: 25px;
      color: #656565;
    }
    #rules-option
    {
      background-color: #3abde5!important;
      color: #fff!important;
      padding: 18px;
      border-radius: 0px;
      margin: 14px;
    }
    #rules-option a {
      color: #fff!important;
    }
    #rules-option label{
      color: #fff!important;
    }
    .checkout-form input, .checkout-form select, .checkout-form textarea {
  display: inline-block;
border: 1px solid #d6d6d6;
padding: 10px;
width: 100%;
margin: 5px 0;
background: #FFF;
border-radius: 0px;


color:#9a9a9a!important;
}
.checkout-form select {
  cursor: pointer;
}

.checkout-form label {
  line-height: 45px;
  color:#656565;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  text-align: left
}
.checkout-form{

}
.littlepadd {
  padding-left: 8px!important;
}
.lastbtn{
  /*padding: 16px;*/
  width: 50%;
  float: right;
  position: relative;
  left: 6px;
  margin-bottom: 16px;
}
.shoppingcart-full
{
  padding: 6px;
}
.select-payoption
{
  margin-top: 16px!important
}
#errorreport {
padding: 18px;
border-radius: 0px;
background-color: #d6464a;
color: #fff;
font-size: 1.2em;
}
.returnbtn
{
  float: left;
  position: relative;
  left: -6px;
  background-color: #ccc;
  border: 1px solid #c2c2c2;
  cursor: pointer;
}
#social-container {
  display: none;
}
.pushdown
{
  margin-top: 40px;
}
.loading
{
  font-size: 26px;
  color:#bdbdbd;
  max-width: 100%;
  margin:0 auto;
  text-align: center;
  margin-top: 60px;
}
.loading h3 {
  font-size: 46px;
  color:#888888;
  text-align: center;
}
.loading .fa-spin
{
  color:#05b6ec
}
.buydone p {
  font-size: 16px;
  text-align: left;
  padding: 26px;
  margin-bottom: 60px;
}
.buydone strong
{
  font-size: 20px;
}
@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
    #receipt tr td{
    padding: 2px;

  }
}
#receipt
{
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 46px;
}
#receipt table {

}
#receipt tr td{
  text-align: left;

}
#receipt .printout {
  font-size: 18px;
}
.email-table td
{
  text-align: left!important;
}
.center-me-please
{
  position: relative;
  top: -8px;
}
.domain-prices {
  padding:6px;
}
.domain-prices div
{
  padding: 10px;
  font-size: 16px;

}
.bgcolor
{
  background-color: #f3f3f3;
}
.pushme
{
  padding-left: 40px;
}
.webhosting-select
{
  padding:0px !important;
}
  .color-wrapper {
    background-color: #d3d3d3;
    padding: 6px;
    display: block;
    border-radius: 2px;
  }
            select {

            }
            * {
                   padding:0;
                   margin:0;
               }
               body {
                   /*background-color:#74bac0;*/
                   font-family: 'Lato', sans-serif;
                   -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                   box-sizing: border-box;
                   /*background-image: url("../img/background.png");*/
                   background-repeat: repeat-x;
                   font-family: 'Raleway', sans-serif;
               }
               .header-bg {
                   /*background-color:#ff6a00;*/

               }
               #epost-modal-view {
                text-align: left;
               }
               nav {
                   background-color:#ffd800;
                   position: relative;
                   z-index: 9999999;

               }
               #jumbotron {
                   /*background-color:#4cff00;*/

                   margin:5px 0px 15px;
               }


               .color-domain {
                color:#c5deed;
               }

            /*the main link*/
           /* a {
               color:#e74c3c;
                text-decoration:none;
            }*/
            a:hover {
                color:#f75f4f;
                text-decoration:underline;
            }
           /*The css for the header*/
           nav {
               border-radius:6px;
               /*background-color:#34495e;*/
              /* background-color:#044c62;*/
              /* background-color: #11594e;*/
               padding:6px;

               /*background-image:url("../img/bg-wrapper.png");*/
               background-repeat: repeat;



           }
           nav ul li {
               list-style:none;
           }
           nav a {
               font-size:1.3em;
               display:block;
               float:left;
               padding:10px 15px;
               color:#fff;

           }
           nav a:hover {
                text-decoration:none;
           }
           .small-icon-hearth {
               color:#ff91e6;
           }
           #searchbar {
            position: relative;
            z-index: 1000;
           }
           #searchbar input[type=text] {

               height:66px;
               width:100%;
               font-size:1.5em;
               padding-left:25px;
               font-weight:300;
                border:1px solid #495307;
           }
           #searchbar select {
               width:100%;
               height:66px;
              text-align:center;
              font-size:1.5em;
              color:#2e8792;
              font-weight:300;
               border:0px;
               border-top:1px solid #495307;
               border-right:1px solid #495307;
               border-bottom:1px solid #495307;
           }
            #searchbar select option{
              text-align:left;
           }
           #searchbar button {
               width:100%;
               background-color:#e74c3c;
                background-color: #778a2b;
               color:#fff;
               height:66px;
               line-height:66px;
               font-size:2em;
               border-top:1px solid #495307;
               border-right:1px solid #495307;
               border-bottom:1px solid #495307;
               border-left:0px;
           }
           .nopadding {
               padding: 0 !important;
               margin: 0 !important;
            }

           #info p {
               color:#fff;
               font-stretch:expanded;
               font-size:1.5em;
               text-align:center;
               font-weight:300;
               margin-bottom:25px;
           }
                         .float-box {
                   background-color:#fff;
                   border-top-left-radius: 8px;
            border-top-right-radius: 8px;
                   max-width:300px;
                   color:#34495e;
                   font-weight:400;
                   text-align:center;
                   /*padding:15px;*/
                   margin:0 auto;
                   margin-bottom:25px;
               }
               .floatpush {
                padding:15px;
               }
               .floatpush p {
                text-align: left;
                margin-bottom: 8px;
               }
               .floatpush p a {
                display: block;
               }
                .float-box button {
                    /*border-radius:6px;*/
                    text-align:center;
                    color:#fff;
                    border:0px;
                    background-color:#34495e;
                    background-color: #e74c3c;
                     background-color: #778a2b;
                    width:100%;
                    height:46px;
                    font-size:14px;

                }
                .float-box h2 {
                  background-color: #6d6e70;
                  color: #fff;
                  font-weight: 300;
                  border-top-left-radius: 8px;
                  border-top-right-radius: 8px;
                  padding:12px;
                  font-size: 2em;
                }
                .float-box li {
                    text-align:left;
                    margin-left:12px;
                    margin-bottom: 4px;

                }
                .float-box button:hover {
                    /*background-color:#425a72;*/
                    background-color: #8d2419;
                }
                          .lrg-group-content h2{
                                color:#fff;
                                font-weight:300;
                                font-size:2.5em;
                                text-align:center;
                                margin:15px 0px;
                            }
                            .lrg-group-content p{
                                color:#fff;
                                font-size:1.5em;
                                font-weight:300;
                                text-align:center;
                                margin:15px 0px;
                            }
                            #promo-text {
                               /* margin-top:120px;*/
                                z-index:1000;
                                position:relative;
                                padding:15px;

                            }
                             #promo-text a {
                              color: #fff;
                              text-decoration: underline;
                             }
                            #promo-text h2{
                                color:#fff;
                                font-weight:600;
                                font-size:2.5em;
                                /*background-color: #68c9de;*/

                                 background-color: #a3c229;
                                   background-color: rgba(169,204,30, 0.6);
                                 text-shadow: 2px 2px  rgba(0,0,0, 0.3);
                            }
                            #promo-text p{
                                color:#34495e!important;
                                font-size:1.5em;
                                font-weight:400;
                            }
                            .spaceship-cont{
                                height:262px;
                                width:409px;
                                background-image:url("../img/rymdraket.png");
                                background-repeat:no-repeat;
                                position:absolute;
                                z-index:1100;
                                top:60px;
                                left:25px;
                                pointer-events: none;

                            }
                            .monster-cont{
                              height:309px;
                                width:507px;
                                background-image:url("../img/promoradda.png");
                                background-repeat:no-repeat;
                                position:absolute;
                                z-index:100;
                                top:0px;
                                left:45px;
                                pointer-events: none;

                            }
/*                                                  footer img {
                        max-width:100px;
                        max-height: 100px;
                        margin: 8px;
                        margin-top: 24px;
                      }*/
                         /*   .rocketship-move {

                              -webkit-animation-duration: 3s;
                               -moz-animation-duration: 3s;
                                -ms-animation-duration: 3s;
                                 -o-animation-duration: 3s;
                                  animation-duration: 3s;

                               -webkit-animation-name: rocketship;
                               -moz-animation-name: rocketship;
                                -ms-animation-name: rocketship;
                                 -o-animation-name: rocketship;
                                 animation-name: rocketship;

                              -webkit-animation-iteration-count: 1;
                               -moz-animation-iteration-count: 1;
                                -ms-animation-iteration-count: 1;
                                 -o-animation-iteration-count: 1;
                                animation-iteration-count: 1;

                                 -webkit-animation-fill-mode: forwards;
                               -moz-animation-fill-mode: forwards;
                                -ms-animation-fill-mode: forwards;
                                 -o-animation-fill-mode: forwards;
                                animation-fill-mode: forwards;

                               -webkit-transition-timing-function: ease-in;
                               -moz-transition-timing-function: ease-in;
                                -ms-transition-timing-function: ease-in;
                                 -o-transition-timing-function: ease-in;
                                transition-timing-function: ease-in;

                            }*/
                            .cloud-large {
                                height:276px;
                                width:534px;
                                background-image:url("../img/molnstor.png");
                                background-repeat:no-repeat;
                                position:absolute;
                                z-index:400;
                                 top:60px;
                                 left:45px;
                            }
                            .cloud-1 {
                                width:86px;
                                height:63px;
                                background-image:url("../img/moln1.png");
                                background-repeat:no-repeat;
                                position:absolute;
                                z-index:500;
                                top:120px;
                                left:505px;
                            }
                            .cloud-2 {
                                width:150px;
                                height:63px;
                                background-image:url("../img/moln2.png");
                                background-repeat:no-repeat;
                                position:absolute;
                                z-index:500;
                                top:-10px;
                                left:155px;
                            }
                            .cloud-3 {
                                width:127px;
                                height:84px;
                                background-image:url("../img/moln3.png");
                                background-repeat:no-repeat;
                                position:absolute;
                                z-index:300;
                                top:235px;
                                left:585px;
                            }
                            #spaceship {
                                height:250px;

                            }
                .helping {
                    margin-top:65px;
                }
                .helping a {
                  color: #fff;
                  text-decoration: underline;
                }
/*               footer {
                    text-align:center;
                    background-color:#7fb677;
                    background-color: #6d6e70;
                    color:#65771a;
                    color:#fff;
                    padding:50px;
                    margin-top:50px;

                }*/
                footer a {
                  color:#fff!important;
                }
                #green-bg {
                  background-image:url(../img/grassbg.svg);
                    background-repeat:no-repeat;
                    background-position: bottom;
                    background-size:100%;
                    width: 100%;
                    height: 600px;
                }
               #footer-bg {
                    min-height:60px;
                    background-color:#a9cf3b;
                    color:#485523;
                    padding:16px;
                    /**/
               }
                        .button {

                           /* border-radius:8px;*/
                            padding:15px;
                            display:block;
                            color:#fff;
                            /*background-color:#668b17;*/
                            /*background-color: #e74c3c;*/
                             background-color: #778a2b;
                            text-align:center;
                            font-size:14px;
                            font-weight: 400;

                           margin-top:5px;
                            font-weight: 600;
                        }
                        .button:hover {
                            text-decoration:none;
                            background-color: #8d2419;
                            color:#fff;
                        }
                        .remodal-close:after {
                            content: "×";
                            line-height: 24px;
                        }
                    .logo-cont {
                        height:80px;
                        padding:15px;
                       }
                    .loggin {
                        border-radius:5px;
                        background-color:#808080;
                        padding:5px;
                        max-width:455px;
                        padding-right:10px;
                        float:right;
                        margin-right:16px;
                        margin-top:20px;
                    }
                    .loggin li {
                        float:right;
                        list-style:none;
                        padding:5px;
                        display:block;

                    }
                    .loggin li a {
                        color:#fff;
                    }
                    .remodal input[type="text"], .remodal input[type="password"]{
  width:92%;
  background:#fff;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:95%;
  color:#555;
}

.remodal input[type="submit"]{
  width:100%;
  background:#E74C3C;
  border:0;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

.remodal  input[type="submit"]:hover{
  background:#ca3324;
}
.remodal-close:after {
   color: #E74C3C;
}
            .remodal {
                max-width: 400px;
            }
@media (max-width:768px) {
    #spaceship {
       display:none;
       height:1px;
    }
    #promo-text {
    margin-top: 20px;
}
 h1 {
               font-size:1.7em;
           }
}

/*Spaceship animation, this class is added to a element to make it move*/
@keyframes rocketship {
  from {
    top:115px;
    left:25px;
  }

  to {
    top:55px;
    left:85px;
    -ms-transform: rotate(-10deg); /* IE 9 */
     -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
     transform: rotate(-10deg);
  }
}
        #responsive-menu,.show-resp {
            display:none!important;
        }
@media (max-width:768px) {
 #info p {
            text-align: left;
            font-size:1.2em;
        }
      body {
            margin-top:60px;

            width: 100%;
        }
        nav,.loggin{
            display: none;
        }
        input {
         /* -webkit-appearance: none!important;
  -webkit-border-radius: 0!important;*/
        }
        #responsive-menu {
            position: fixed;
            top: 0px;
            left: 0px;
            padding:6px;
            min-width: 100%;
            color:#fff;
            font-size: 1.4em;
            font-family: Lato;
            font-weight: 300;
            text-align: center;
            padding:0px;
            margin:0px;
            z-index: 9999;
            display: block!important;
        }
        #responsive-menu li a  {
            display: block;
            min-width: 100%;
            padding:12px;
            color: #fff;
            text-decoration: none;

        }
        #responsive-menu li a:hover {
          background-color: #611842;
        }
        #responsive-menu ul ul {
          padding-top: 30px;
        }
        .top-menu:hover {
           opacity:1;
        }
        .top-menu {
            height:60px;
           /* border-bottom:2px solid #5c9b97;*/
             opacity:0.85;
             position: fixed;

             top:0px;
             left: 0px;
             background-color: #34495e;
        }
        .one {
            background-color: #530030;
            margin-top: 30px;
        }
        .two {
            background-color: #820233;
        }
        .three {
            background-color: #d82c42;
        }
        .four {
            background-color: #ef4339;
        }
        .five {
            background-color: #f0665e;
        }
        .six {
            background-color: #cb293e;
        }
        .seven {
            background-color: #f2a887;
            color: #7d6976!important;
        }
        .eight {
            background-color: #f2a887;
            color: #7d6976!important;

        }
        #responsive-menu ul ul {

            min-height: 100%;
            box-shadow: 0px 2px 4px #000;
        }
        #responsive-menu ul ul, .domain-ext {
            display: none;
        }
        .logo-cont {
            text-align: center;
        }
        .show-resp{
            display: block!important;
            float: initial!important;
            margin: 0 auto!important;
            text-align: center!important;
            max-width: 100%!important;
            border-radius: 0px !important;
        }
        ul ul li {
            min-width: 100%;
            text-align: left;
        }
        ul ul li i {
            width: 45px;
            display: block;
            text-align: center;
        }
       #info p {
            text-align: left;
        }
        #promo-text p {
            text-align:left;
        }
p {
            text-align: left;
        }



}
        #promo-text a {
        /* background-color: rgba(119,138,43, 0.6);
         text-decoration: none;*/
          color:#fff;
        }

#send-support input,#send-support select,#send-support textarea{
  width: 100%;
  padding:8px;
  margin: 8px 0px;

}
#send-support #submit-support {
  border-radius: 0px;
  font-size: 0.9em;
  /*font-weight: 300;*/
  border: 0px;
  padding:18px;
  width: 100%;
  position: relative;
  bottom: 0px;
  }
#send-support select {
  color: #999;
}
 #support-search h2 {
background-color: #6d6e70;
color: #fff;
font-weight: 300;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 12px;
text-align: center;
}
.support-listing {
    /*padding:28px!important;*/
    min-height: 150px!important;

}
.support-listing ul {
  text-align: left!important;
  list-style: none;
}
  #support-search{
    background-color: #fff;
    /*padding:18px;*/
    margin: 15px 24px;
    border-top-left-radius: 8px;
border-top-right-radius: 8px;
  }
  #support-search input,#support-search button{
    width: 100%;
    padding: 16px;
    border: 0px;
  }
  #support-search button {
    border:0;
    /*background-color: #6d6e70;*/
     background-color: #778a2b;
    color:#fafafa;
  }
#support-search input {
  border: 1px solid #ccc;
}
#support-search button:hover {
  background-color:#273340;
  text-decoration: none;
  }
#support-container {

}
.support-box {

  border-radius: 6px;
  margin:25px;
  background-color: #fff;
  border-radius: 0px;
  border-top-left-radius: 8px;
border-top-right-radius: 8px;
  color:#34495e;
  /*min-height: 502px;*/
}
.support-box-padding {
  padding: 15px;

}
.support-box h2 {
background-color: #6d6e70;
color: #fff;
font-weight: 300;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 12px;
text-align: center;
}
.support-form {
  margin-top:25px;
}
.support-form input[type=text] {
  width: 100%;
  padding:12px;
  color:#000;

}
.support-form input[type=button]
{
  border-radius: 0px!important;
  border:0px;
  width:100%;
  font-size: 0.9em;
  /*font-weight: 300;*/
}
.support-box ul li {
  margin-left: 25px;
  margin-top: 5px;
}
.support-img {
  text-align: center;
  padding:16px!important;
}
.support-img p {
  padding:6px;
}
#avatar-images {
  margin:45px;
  color:#2d2928;
  font-weight: 300;
}
#avatar-images i{
  color:#d35910;
  font-weight: 500;
}
#avatar-images img {
  padding:6px;
  padding-bottom: 12px;
  background-color: #ececec;
}
@media (max-width:768px) {
.support-box {
  min-height: 150px;
  border-radius: 0px;
  margin:15px 0px;

}
#support-search{

    margin:5px 0px;
  }
.support-box ul li a {
  border-radius: 0px;
  display: block;
  background-color: #58728c;
  margin-top: 5px;
  font-weight: 300;
  padding: 16px;
  color: #fff;
  text-align: center;
}
.support-box ul li a:hover {
  background-color:#273340;
  text-decoration: none;
}
.support-box ul li {
  margin-top: 5px;
  list-style: none;
  margin-left: 0px;
}
#avatar-images {
  display: none;
}
  }
#notice {
  margin: 10px 25px;
  padding:8px;
  color: #fff;
  font-weight: 600;
  font-size: 2.5em;
  background-color: #909296;

}

#article-body {
  padding:10px 26px;
  color:#282828!important;
  margin-top: 25px;
  color:#424645;
  background-color: #f9f9f9;
}
#article-body h1 {
  color:#f3493c!important;
  color:#778a2b!important;
  text-align: left;
  padding:4px;
  margin: 4px;

}
.author {
/*  text-align: left;
  color:#1f1f1f;
  font-size: 1.2em;
  font-weight: 300;
  background-color: #ddd;
  padding: 6px;
  margin: 5px 0px;*/
}
.tags {
  text-align: left;
  color:#1f1f1f;
  font-size: 1.2em;
  font-weight: 300;
  background-color: #ddd;
  padding: 6px;
  margin: 15px 0px;
}
.date {
  text-align: left;
  color:#1f1f1f;
  font-size: 1.2em;
  font-weight: 300;
  background-color: #ddd;
  padding: 6px;
  margin: 15px 0px;
}
.body-cont {
  background-color: #ddd;
  margin-top: 6px;
  padding:18px;
  color:#1f1f1f;
  font-family: Lato;
  font-weight: 500;
}
.body-cont p, .body-cont h2, .body-cont h3, .body-cont ul {
  padding: 8px;
}
.body-cont p {
  text-indent: -1em;
  padding-left: 1em;
}
.body-cont p:first-line {
  color: #CB000F;
    text-indent: 1em;
  padding-left: 1em;

}

.body-cont ul {
  padding: 16px;
  margin-left: 12px;
}
.body-cont img {
  padding:8px;
  margin: 12px 0px;
  display: block;
  background-color: #afafaf;

}
.body-cont h2  {
  font-weight: 300;
  font-size: 2em;
}
.body-cont h3 {
  font-size: 1.5em;
  font-family: lato;
}
.body-cont a {
  color:#b21408;
  text-decoration: underline;
}
@media (max-width:768px) {
  .body-cont img {
      width: 100%;
    }
    #article-body {
    padding:8px 8px;
    margin-top: 0px;
  }
  #article-body-container {
    padding:0px;
  }
  .tags {

    margin: 2px 0px;
  }
  .body-cont ul {
    padding: 4px;
    margin-left: 6px;
  }

  .nopaddingmob {
  padding:0px!important;
}
}
  .body-cont li{
    padding: 8px;
    border-radius: 6px;
    background-color: #5fa5ac;
    display: block;
    margin-bottom: 6px;
    color:#fff;
    border: 4px solid #51b1bb;

  }
  .body-cont li a {
    color:#134348;
  }
  .body-cont strong {
    font-size: 1.2em;
    font-weight: 400;
  }
#article-header {
  color: #1f1f1f;
}
                      #smallinfo {
                        color: #fff;
                        font-stretch: expanded;
                        font-size: 1em;
                        text-align: left;
                        font-weight: 300;
                        color:#383838;
                      }

            .shoppingcart-header {
                padding:12px!important;
                font-size: 20px!important;
            }
            #shopping-cart {
                background-color: #d1d1d1;
                            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            color: #414141;
            }
            .title {
                font-weight: 600;
                color: #444;
                font-size: 16px;
                margin: 8px 14px;
                padding: 6px 0px;
            }
            .title a{
                font-size: 12px;
            }
            .shopping-row {
                font-size: 16px;
                padding:8px;
                color: #676767;
                background-color: #e7e7e7;
                border-bottom: solid #b3b3b3 1px;
            }
            .amount {
                text-align: right;
            }
            .remove {
                cursor: pointer;
            }
            .remove:hover {
                color: #e74c3c;
            }
            .btn-submit-cart {
                background-color: #e74c3c;
                 background-color: #778a2b;
                color: #fff;
                text-align: center;
                padding: 16px;
                margin-top: 8px;
            }
            .btn-submit-cart:hover {
                cursor: pointer;
                background-color: #8d2419;
            }
               .btn-show-more {
                background-color: #778a2b;
                color: #fff;
                text-align: center;
                padding: 16px;
            }
            .btn-show-more:hover {
                cursor: pointer;
                background-color: #8d2419;
            }
            .search-button:hover {
                 cursor: pointer;
                background-color: #8d2419!important;
            }
            .clickable {
                color:#e74c3c;
                font-size: 1.3em;
                cursor: pointer;
            }
        #jumbotron{
            margin-top: 25px;
        }
        .search-header {
            background-color: #6d6e70;
            padding:12px 12px  0px  12px;
            color:#fff;
            width: 100%;
            margin-top: 14px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
             font-size: 16px;
        }
         .search-header a {
            color:#fff;
            background-color: #808080;
            text-align: center;
            display: block;
             border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            height: 40px;
            line-height: 40px;
         }
         .search-header a:hover {
            text-decoration: none;
            background-color: #fff;
            color: #999;
         }
         .search-header h3{
            margin-bottom: 5px;
         }
         .clear-fix {
            clear: both;
         }
         .search-result {
            background-color: #fff;

         }
         .suggestion-row {
            background-color: #f2f2f2;
            /*min-height: 60px;*/
            border-bottom: 1px solid #d6d6d6;
            color: #999;
            line-height: 60px;
         }
         .suggestion-row a {
            float: right;
         }
         .buybutton {
            color: #fff;
            /*background-color:#e74c3c;*/
             background-color: #778a2b;
            text-align: center;
            margin-top: 12px;
            font-size: 20px;
            line-height: 35px;
            width: 35px;
            height: 35px;
            cursor: pointer;
            float: right;
         }
@media (max-width:768px) {
             .buybutton {
            width: 100%;
            margin-top: 3px;
            margin-bottom: 5px;
         }

         .suggestion-row {
            line-height:25px;
            padding: 8px;
            font-size: 18px;
            min-height: 80px;
         }
         h1 {
            margin-top: 5px;font-size: 18px;
         }
         .logo-cont {
            height: 45px;
            display: none;
         }
         #searchbar input[type=text] {
            height: 44px;
         }
         #searchbar button {
             height: 44px;
             line-height: 44px;
             font-size: 1.5em;
         }
         .shoppingcart-full {
padding: 2px!important;
}
}





         .buybutton:hover {
            background-color: #a8352a;
         }
         .avalible {
            color: #40643b;
         }
         .domainname {
            color:#094849;
         }
         #see-more-btn {
            text-align: center;
            background-color: #808080;
            color: #fff;
            cursor: pointer;
            padding: 18px;
            font-size: 16px;line-height: 28px;
         }
         #see-more-btn:hover {
            background-color: #949494;
         }
         .free {
            background-color:#aad6a4
         }
         .waiting {
            color:#778a2b;
         }
.nofloat {
  float: none!important;
}
#scrollingDiv {

}
                .circle {
                    border-radius: 50%;
                    width: 20px;
                    height: 20px;
                    float: right;
                    background-color: #a3c229;
                    text-align: center;
                    line-height: 20px;
                    color: #fff;
                    float: right;
                    margin-left: 5px;
                    /* width and height can be anything, as long as they're equal */
                }
                #your-shoppingcart {
                    color: #fff;
                    border-radius: 5px;
                    background-color: #808080;
                    padding: 12px;
                    width: 200px;
                    float: right;
                    text-align: right;
                    padding-right: 35px;
                    margin-right: 15px;
                }
#search-container {
padding: 10px 26px;
color: #282828!important;
margin: 0 23px;
margin-top: 25px;
color: #424645;
background-color: #e9edee;

}
.search-result {
  /*border:1px solid #666;*/
  background-color: #ccc;
  color: #000;
  padding:8px;
  margin-bottom: 10px;
}
.search-result a {
  color:#e74c3c;
}
#search-container h1 {
  color: #000;
  opacity: 0.8;
  font-weight: 500;
}
.button {
/* border-radius: 8px; */
padding: 15px;
display: block;
color: #fff;
/* background-color: #668b17; */
/*background-color: #e74c3c;*/
 background-color: #778a2b;
text-align: center;
font-size: 14px;
margin-top: 5px;
font-weight: 400;

}
.shoppingcart-full {
  padding:36px;
}
.shoppingcard-full-info {
  background-color: #fff;
  border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.shopping-row {
font-size: 16px;
padding: 8px;
color: #676767;
background-color: #e7e7e7;
border-bottom: solid #b3b3b3 1px;

}
.shopping-row th,.shoppingcard-full-info td {
  padding: 18px;
  text-align: left;
  color: #333;
  border-bottom:1px solid #b7b7b7;
}
table {
  width: 100%;
  overflow: scroll;
}
table tfoot{
  background-color: #ccc;
}
.align-right {
  text-align: right;
}
.cancel-btn {
  background-color: #888;
}
.totalamount {
  background-color: #888;
  color: #fff!important;
}
#personlinfo input[type=text]  {
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #999;
  margin-bottom: 16px;
}
#personlinfo {
  padding:28px;
  background-color:#ccc;
  margin-bottom:12px;
}
.infobutton {
  line-height: 45px;
  font-size: 20px;
  cursor: help;
  margin-top: 21px;
  color: #494a49;
}
.button-form {
/* border-radius: 8px; */
padding: 12px;
display: block;
color: #fff;
/* background-color: #668b17; */
/*background-color: #e74c3c;*/
 background-color: #778a2b;
text-align: center;
font-size: 14px;
margin-top: 21px;
font-weight: 400;
border-radius: 6px;

}
.button-form:hover {
  text-decoration: none;
background-color: #8d2419;
color: #fff;
  }
  .sidebar {
    background-color: #f9f9f9;
    padding: 10px 26px;
color: #282828!important;
margin-top: 25px;


  }
  .color-white {
    color: #fff;
  }
          #payment-option a {

        }
        #payment-option {
          background-color: #3abde5;
          color: #fff;
          padding: 18px;
          border-radius: 8px;

        }
        #rules-option {
          background-color: #787878;
          color: #fff;
          padding: 18px;
          border-radius: 8px;
          margin-top: 6px;
        }
        #rules-option p {
          margin-right: 16px;
          float: left;
        }
        #rules-option a {
          color: #fff;
          text-decoration: underline;
        }
        #payment-option input[type="radio"] {
          margin:10px;
        }
.sub-btn {
  border: none;
  width: 100%;
}
.sub-btn:hover {
  background-color: #47811d!important;
}

.kampanj_txt{
  color:#f00;
  font-weight: bold;
  margin-left: 10px;
}
.company-cont {
  display: none;
}
#errorreport {
  padding:28px;
  border-radius: 6px;
  background-color: #ae191d;
  color: #fff;
  font-size: 1.2em;
}
#honungsnummer {
  position: absolute;
  left: -999999px;
}
                .downgrade-account{
                    cursor: pointer;
                }
                .search-result-popular, .search-result-new, .search-result-country{
                    background-color: #f2f2f2;
                }
                .search-header a.tab-active{
                    background: #f2f2f2;
                    color: #999;
                }

                .buybutton.checked{
                    background-color: #40643b!important;
                }

                .price_old{
                    text-decoration:line-through;
                }
                .price_kampanj{
                    color: #e74c3c;
                }
                .price_current{
                    color: #000;
                }
                .notice {
                    background-color: #fdf8ad;
                    padding: 18px;
                    border-bottom: 1px solid #6d6e70;
                    /*margin: 18px;*/
                    line-height: 1.5;
                    color: #495962;
                    display: none;
                }
                .hide-me {
                    display: none;
                }
               #webbsuggestion
    {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        z-index: 9999999999;
        color: #fff;
        overflow-y: scroll;
        display: none;
    }
    #webbcenter {
        margin: 0 auto;
        width: 50%;
    }
    .webbcontainer {
        background-color: #ccc;
        border-radius: 8px;

    }
            #jumboslider {
                margin-top: 16px;
                /*border-top-left-radius: 8px;
                border-top-right-radius: 8px;*/
                position: relative;
                height: 280px;
            }
            .jumbocontent {
/*                border-top-left-radius: 6px;
                border-top-right-radius: 6px; */
                position: absolute;
                top:0px;

            }

            .jumbocontent h1 {
                color: #fff;
                text-align: left;
                font-size: 2.5em;
                margin: 0px;
                color: #fff;
                font-weight: 600;
                /* background-color: #68c9de; */
                background-color: #a3c229;
                background-color: rgba(169,204,30, 0.6);
                text-shadow: 2px 2px rgba(0,0,0, 0.3);
                padding-left: 12px;
                text-align: center;
            }
            .jumbocontent p {
                font-size: 1.4em;
                padding: 12px;
            }
            .jumbocontent .btn {
                display: block;
                padding: 12px;
                /*border-radius: 8px;*/
                color: #fff;
                background-color: #778a2b;
                text-align: center;
                font-size: 2em;
color: #fff;
            }
            .jumbocontent .btn:hover {
                text-decoration: none;
                box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.8);
            }
            .text-content {
                padding: 18px;
            }
            .slide-1 {
                background-image:url(../img/example-slide-1.jpg);
                background-width: 100%;
                background-size: cover;
            }
            .slide-2 {
                background-image:url(../img/example-slide-2.jpg);
                background-width: 100%;
                background-size: cover;
            }
            #navholder {
                max-width: 100px;
                margin: 0 auto;
                font-size: 2em;
                cursor: pointer;
            }
            #navholder .navigation-arrow {
                opacity: 0.8;
            }
            #navholder .navigation-arrow:hover {
                opacity: 1.0;
            }
            @media (max-width: 1200px)
            {
                #jumboslider {
                    height: 320px;
                }
            }
            @media (max-width: 992px) {
                #jumboslider {
                    height: 280px;
                }
            }
#article-body-container article {
  background-color: #fff;
  color: #616161;

}
#article-body-container article img {
  width: 100%;
}
#article-body-container article a {
  color: #0090D2;
}
#article-body-container article h1 {
  font-weight: bold;
  text-align: left;
  padding: 12px 12px 0 12px;
  color: #616161;

}
#article-body-container article h2 {
  margin-top: 4px;
  font-weight: 400;
}
#article-body-container ul {
  background-color: #f5f5f5;
  color: #616161;
  margin: 18px;
  padding:14px;
  border-radius: 8px;

}
#article-body-container ul li {
  margin-left: 18px;
  margin-bottom: 4px;
}

#article-header {
  padding:24px 12px 12px 12px;
}
#bodytext {
  font-size: 1.1em;
}
#bodytext p {
  padding: 8px;
}
        table {
          text-align: left;
        }
        table td {
          padding:16px;
          border: 1px solid #CCC;
        }
        thead th {
          background-color: #50a2a9;
          color: #fff;
          padding: 16px;
          border: 1px solid #CCC;
        }
#article-body-container article {
  background-color: #fff;
  color: #616161;

}
#article-body-container article img {
  width: 100%;
}
#article-body-container article a {
  color: #0090D2;
}
#article-body-container article h2 {
  font-size: 30px;
  text-align: left;
  /*padding: 12px 12px 0 12px;*/
  color: #616161;
  font-weight: 300;

}
/*#article-body-container article h2 {
  margin-top: 12px;
}*/
#article-body-container ul {
  background-color: #f5f5f5;
  color: #616161;
  margin: 18px;
  padding:14px;
  border-radius: 8px;

}
#article-body-container ul li {
  margin-left: 18px;
  margin-bottom: 4px;
}
article #article-cont {
 /* border:1px solid #ccc;
  border-radius: 6px;*/
  margin: 12px;
  padding:12px;
}

#bodytext {
  margin-top: 16px;
  font-size: 1.1em;
}
#bodytext p {
  padding: 8px;
}
#fbcontainer {
  height: 290px;
  overflow: hidden;
}
.sidebar {
background-color: #fff;
padding: 10px 16px;
color: #282828!important;
margin-top: 25px;
}
.sidebar h2 {
  opacity: 1;
  font-weight: 400;
}
#article-body-container {
  margin-top: 15px;

}
aside form {
  margin:8px 6px 16px 0 ;
}
aside form .button{
border:1px solid #3e8b14;
  }
aside form input {
  padding:6px;
  width: 100%;


  }

#support-container {
  margin-top: 20px;
  background-color: #fff;
  font-family: 'Raleway', sans-serif;
  overflow: hidden;
}
#support-container header {
  color: #26272c;
  border-bottom:1px solid #ccc;
  font-weight:300;
  font-size: 34px;
  padding:20px 20px 0 20px;
  text-align: center;;
}

#support-container header i {
  position:absolute;
  color: #838383;
}
#support-container #support {
  color: #40444b;
  font-size: 50px;
  font-family: 'Raleway', sans-serif;
  position: relative;
  top: -25px;
  margin: 10px 0px 0px 0px;
}
#support-container h1{
    color: #40444b;
  font-size: 50px;
  font-family: 'Raleway', sans-serif;
  margin: 0px;
}
#support-container h2{
    color: #40444b;
  font-size: 40px;
  font-family: 'Raleway', sans-serif;
  margin: 0px;
    font-weight: 300;
    border-bottom:1px solid #ccc;
    padding-bottom: 14px;
}
.support-notice {
  text-align: center;
  font-family: 'Raleway', sans-serif;
  padding: 20px;
  font-size: 16px;
}
.support-text {
  text-align: left;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  padding: 20px;
}
.support-search-btn {
  width: 20%;
  float: left;
  padding: 16px;
  height: 65px;
  font-size: 18px;
  border: 0px;
  background-color: #9fb11c;
  color:#fff;
  border-radius: 0px;
  cursor: pointer!important;
}

.support-search-inp {
  width: 80%;
  float: left;
  padding: 16px;
  background-color: #f3f3f3;
  color:#aaaaaa;
  height: 65px;
  font-size: 18px;
  border: 0px;
  border-radius: 0px;

}
.support-search-inp:hover {
  background-color: #d8d8d8;
  transition: all 0.5s;
}
.support-search-btn:hover {
  background-color: #b8b8b8;
  transition: all 0.5s;
  }
#support-container form {
 /* padding: 10px 20px;*/
}
#search-categorys {
  color:#fff;
}
#search-categorys #category-pick{
  background-color: #424242;
}
#category-pick {
  padding: 40px;
}
#search-categorys h3 {
  font-family: 'Raleway', sans-serif;
  text-align: center;
  font-weight: 300;
  padding:8px;
}
#category-pick{
text-align: center;
}
.q-section {
  padding: 20px;
  height: 444px;
}
#category-pick .q-section:hover {
  background-color: #656565;
  cursor: pointer;
  transition: all 0.5s;
}
.supimg {
  text-align: center;
  max-width: 250px;

}
.white {
  color: #fff!important;
}
.supicon {
  max-height: 80px;
}
.cateogory {
  /*background-color: #f2f2f2;*/
  text-align: center;
  padding:20px;
}
#support-container h4 {
  font-family: 'Raleway', sans-serif;
  text-align: left;
  font-size: 28px;
  font-weight: 400;
  padding:8px;
}
#support-container ul li {

  margin: 20px 0;
  list-style: none;
}
#support-container ul li a {
  background-color: #f3f3f3;
  padding: 20px;
  border-radius: 6px;
  text-align: left;
  display: block;
  color: #333338;
}
#support-container ul li a:hover {
  background-color: #d8d8d8;
  text-decoration: none;
  transition: all 0.5s;
}
#support-container ul li span {
  color:#8e8e8e;
}
.button {
  border-bottom: 6px solid #697929;
  font-size: 18px;
}
.button:hover {
  background-color: #697929;
  transition: all 0.5s;

}


@media only screen and (max-width : 768px) {
.q-section {
  padding: 20px;
  height: 100%;
}
#support-container h1{
  font-size: 30px;
  }
#support-container h2{
  font-size: 26px;
  }
#support-container {
  margin-top: 20px!important;
}
    }
        .contact-info {
          background-color: #f3f3f3;
          padding: 20px;
          border-radius: 6px;
          text-align: left;
          color: #333338;
          margin-top: 10px;
        }
.scroll-to-top {
  text-align: center;
  font-size: 26px;
  border-radius: 2px;
  position: fixed;
  right: 20px;
  bottom: 50px;
  background-color: #f3f3f3;
  width: 44px;
  height: 44px;
  line-height: 42px;
  cursor: pointer;
  opacity: 0.8;
}
.scroll-to-top:hover {
  opacity: 1.0;
  transition: background-color 0.5s;
}
.scroll-to-top .icon {
  }
.flashmsg{
  position: fixed;
  border-radius: 6px;
  z-index:9999999;

  top:14%;
  left: 50%;

}
.flashmsg .message-body{
  padding: 30px;
  color:#fff;
  font-size: 18px;
  position: relative;
  left: -50%;
    min-width: 250px;
    max-width: 900px;

-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
.message-body.flash-success{
 background: #95c795;
}
.message-body.flash-error{
  background-color: #e95a5a;
}
.message-body.flash-notice{
  background-color: #59abc3
}
@media only screen and (max-width : 768px) {
.flashmsg{
  position: fixed;
  left: 50%;
  z-index:9999999;
  min-width: 360px;
  max-width:750px;
  top: 0%;
}
  }
.xtrapadding {
  padding: 20px;
}
.xtrapadding  p{
  padding: 30px;
}
.small-header {
  background-color: #f3f3f3;
  font-size: 20px;
}
.linkicon {
  width: 56px;
  margin-right: 36px;
  float: left;
}
#support-container h2 {
  text-align: center;
}
#support-container .support-text {
  text-align: center;
}
.email-notice {
  background-color: #b88d92;
  border-radius: 6px;
  color: #fff;
}
@media only screen and (max-width : 768px) {
#support {
  padding-top: 15px;
  font-size: 25px!important;
  }
#support-container h2{
  font-size: 22px;
  }
#support-container h4{
  font-size: 22px;
  }
#support-container {
  margin-top: 20px!important;
}
}
.animated {
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    display:inline-block;
}
.animated.hinge {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }
    80% {
        -moz-transform: translateY(-10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px);
    }
    80% {
        -o-transform: translateY(-10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
.breadcrumbs {
      padding: 20px;
      }
            #contact-form input,#contact-form select,#contact-form textarea{
        display: block;
        width: 100%;
        margin-top: 6px;
        margin-bottom: 18px;
        padding: 16px;
        background-color: #f3f3f3;
        color: #aaaaaa;
        font-size: 18px;
          border:1px solid #ccc;
      }
      #contact-form textarea{
        resize:vertical;
      }
      #contact-form input:hover,#contact-form select:hover,#contact-form textarea:hover{
background-color: #d8d8d8;
  transition: background-color 0.5s;
  border:1px solid #ccc;
  cursor: pointer;
      }
        #contact-form .contactbtn {
          border-top: 0px;
          border-left: 0px;
          border-right: 0px;
          margin: 20px 0;
          width: 100%;
        }
        input:focus, textarea:focus, select:focus {
          background-color: #fff!important;
          color: #000!important;
        }
        .redspan {
          color: #e74c3c;
          font-size: 32px!important;
          line-height: 18px;
        }
#contact-form .error {
  background-color: #ee5e5e;
  color: #fff;
}
.msgtxt
{
  width: 100%;
  border-radius:6px;
  min-height: 100px;
  margin-bottom: 12px;
}
#bottom-header {
  background-color: #fff;
}
.highlighted {
  color: #555555!important;
}
.sidebar-promo {
  padding:16px;
  border-radius: 6px;
  background-color: #3abde5;
  color:#fff;

}
.notification {
      margin-top: 10px;
}
.notification .btn {
    margin-top: 20px;
}
.notification .icon {
    border-right: 1px solid #2095b9;
    height: 105px;
    line-height: 115px;
    display: block;
}
.notification .fa{
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.darker-star {
  color: #2095b9;
}
#domain-search {
  background-color: #d3d3d3;
  padding: 6px;
}
.remove-item {
    position: relative;
    top: -7px;;
    padding-top: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    display: block;
    cursor: pointer;
}
#payment-option label {
  color: #fff;
}
#payment-option .fa-lock {
  color: #2095b9;
}
.carousel-container  {
    background-size: cover;
    background-position: top center;
    min-height: 665px;
}
.one-container {
    background-image: url('/public/images/promoimg.png');
}
.two-container {
    background-image: url('http://bjorn-dev-6.ahltorpmedia.net/public/images/hero-images/datakultur-hero-image-1.jpg');
}
#myCarousel {
  position: absolute;
  min-height: 665px;
  width: 100%;
 /* margin-top: 40px;*/
}
/*@media(max-width:915px){
    article {
        position: relative;
    top: -100px;
    }
}*/

#myCarousel h1 {
    opacity: 0.95;
    margin-top: 25%;
    font-size: 52px;
    color: #fff;
    text-shadow: 2px 0px rgba(0,0,0,0.8);
    background-color: rgba(0,0,0,0.33);
    padding: 18px;
    display: inline-block;
    margin-bottom: 6px;
}
#myCarousel p {
    font-size: 22px;
    color: #fff;
    text-shadow: 2px 0px rgba(0,0,0,0.8);
    background-color: rgba(0,0,0,0.33);
    opacity: 0.95;
    padding: 8px;
    display: inline-block;
    /*margin-bottom: 40px;*/
}
.carousel-control {

}
.carousel-indicators li {
    border:2px solid rgba(0,0,0,0.2);
}
.carousel-indicators li:active {
    background-color: #fff;
}

.carousel-indicators {
  display: none;
}
.btn-white {
    background-color: #fff;
    color:#2095b9;
    font-weight: 600;
    line-height: 20px;
}
.btn-white .fa {
    position: relative;
    top: -0px;
}


/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
    .deal-wrapper {
      margin-top: 500px;
    }
}

/* Medium Devices, Desktops */
@media (min-width : 992px) {
    .deal-wrapper {
      margin-top: 400px;
    }
}

/* Small Devices, Tablets */
@media (max-width : 991px) {
    .deal-wrapper {
      margin-top:60px;
    }
    #hero {
        display: none;
    }
}

/* Extra Small Devices, Phones */
/*@media (max-width : 480px) {
    .deal-wrapper {
      margin-top: 220px;
    }
}*/