html, body
{
    margin: 0;
    padding: 0;
    background-color: #fff;
    height: 100%;
}

#null, #form1 {
    height: 100%;
}

.leftAlign {
    text-align: left !important;
}

.errorLbl {
    position: relative;
    top: 5px;
    color: red;
    font-family: Rajdhani;
    display: block;
    width: 100%;
    text-align: center;
}

.center {
    text-align: center;
}

.p {
    text-align: justify;
    font-size: 16px;
    font-family:oxygen;
}

.pr100 {
    width: 100% !important;
    padding: 0 !important;
}

.bstatic {
    position: initial !important;
}

.noborderspacing {
    border-spacing: 0 !important;
}

#rightbar {
    width: 400px;
    height: 100%;
    position: fixed;
    background-color: rgba(255,255,255,1);
    right:-500px;
    z-index: 9999;
    box-shadow: rgba(0,0,0,.4) -2px 0px 10px;
    transition: 1s all;
}

@media screen and (max-width:420px) {
        #rightbar {
            width: 100%;
}
    }

#rightbar .topimage {
    width: 100%;
    height: 200px;
    background-image: url(http://orig14.deviantart.net/381d/f/2013/131/b/8/windows_8_e_mail_app_by_bluthemacaw-d64yhyf.png);
    background-size:cover;
    background-position: center; 
}

#rightbar .rtitle {
    text-align: center;
    margin-top: 10px;
    font-size: 23px;
    font-family: "Source Sans Pro", sans-serif;
}

#rightbar .rcontent {
    padding: 30px;
    font-size: 17px;
    font-family: oxygen;
    text-align: justify;

}

#rightbar .backbtn {
    border: 0;
    background-color: rgba(200,200,200,.4);
    float:left;
    margin-top:10px;
    margin-left:10px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    color: white;
    font-size: 20px;
    font-family: oxygen;
    background-image: url(../img/backbtn.png);
    cursor: pointer;
    background-position: 0px;
    transition: .5s all;
    transition-timing-function:ease-in-out;
}

#rightbar .backbtn:hover {
    background-position: 50px;
}

.qbtn {
    font-size: 20px; 
    color: #009ae1; 
    text-decoration: none;
    border:0;
    background-color: transparent;
    width: auto;
    height: auto;
    cursor:pointer;
}

.titles {
    text-align: left; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 400; 
    font-size: 30px; 
    position: relative;
    top: 8px; 
    width: 60%;
    margin: auto;
    text-align: center;
}

.homeorbox {
    width: 70%;
    height: 100px;
    border-radius: 7px;
    position: relative;
    margin-right: 5px;
    margin-left: 5px;
    text-align: left;
}

.homeorbox .bottombar {
    width: 100%;
    height: 30px;
    float: left;
    background-color: rgba(0,0,0,.15);
    position: absolute;
    bottom: 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.homeorbox .bottombar p {
    float: left;
    position: relative;
    bottom: 8px;
    left: 8px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 14px;
}

.homeorboxcount {
    color: #fff;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 42px;
    position: relative;
    left: 15px;
    top: 10px;
}

.orblue {
    background-color: #537cc6;
    float:right;
}

.orgreen {
    background-color: #2bb772;
    float: left;
}

.nosizing {
    width: 50%;
}

@media screen and (max-width:750px) {
    .homeorbox {
        width:100% !important;
    }  
}

#banner
{
    z-index: 1100;
    padding: 10px;
    width: 99%;
    height: 30px;
    position: fixed;
    float: left;
    animation-fill-mode:forwards;
    animation-name: exa;
    animation-duration: .5s;
    animation-delay: 2s;
    transition: 1s all;
    /*background-color: #2A2A2A;*/
}

.is-sticky {
    position: fixed;
    background-color: rgba(0,0,0,0.9);
    height: 30px !important;

}

/*#bannershadow {
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 10px;
    left: 0;
    background-image: url(../img/shadow2.png);
    background-repeat: repeat-x;
}*/

#innerBanner {
    width: 60%;
    margin: auto;
}

#stbanner
{
    padding: 10px;
    width: 99%;
    height: 40px;
    background-color: #2B2B2B;
}

#topBanner {
    position:fixed;
    z-index: 9999999;
    height: 27px;
    background-color: #00b300;
    width: 100%;
    text-align: center;
    color: white;
    font-family: rajdhani;
    font-size: 20px;
    font-weight: 500;
    display: none;
    padding-top: 3px;
    animation-fill-mode:forwards;
    animation-name: example;
    animation-duration: .5s;
    animation-delay: 2s;
}

.topBannerTxt {
    position: relative;
    bottom: 0;
    animation-fill-mode:forwards;
    animation-name: ex;
    animation-duration: .5s;
    animation-delay: 2s;
}

@keyframes ex {
    100% {bottom: 30px;}
}

@keyframes exa {
    100% {top: 0}
}

@keyframes example {
    100% {height: 0px;padding: 0;}
}

.color-line {
    width: 100%;
    height: 0px;
    background-color: #28688b;
}

.lang-bar {
    z-index: 9999999;
    width: 30px;
    height: 80px;
    position: fixed;
    top: 200px;
    left: -0px;
    background-color: rgba(0,0,0,0.7);
    display:none;
}

.lang-icon {
    width: 30px;
    height: 30px;
    background-image: url(https://maxcdn.icons8.com/Color/PNG/24/Maps/Great_Britain-24.png);
    background-size: 24px;
    background-repeat: no-repeat;
    position:absolute;
    left: 1px;
    bottom: 6px;
    float: right;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.lang-icon-pl{
    width: 30px;
    height: 30px;
    background-image: url(https://maxcdn.icons8.com/Color/PNG/24/Maps/Poland-24.png);
    background-size: 24px;
    background-repeat: no-repeat;
    position:absolute;
    left: 1px;
    bottom: 6px;
    float: right;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.lang-text {
    color: #fff;
    text-decoration: none;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    position: relative;
    top: 15px;
    right: 2px;
    font-family:  'Segoe UI';
    font-weight: 100;
}

.loginlogo {
    margin-left: auto; 
    margin-right: auto; 
    padding-top: 10px; 
    padding-bottom: 0px; 
    width: 100%; 
    height:200px;
    text-align: center;
    background-image: url(../img/loginlogo.png);
    background-size:unset;
    background-repeat: no-repeat;
    background-position: center;
}

.social
{
    width: 190px;
    height: 40px;

    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;

    position: fixed;
    right: -150px;
    top: 250px;
    background-color: #cf3427;
    z-index: 1001;
} .social:hover {
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;

    position:fixed;
    right: 0px;
  }.socialtext {
       font-family: rajdhani;
       font-size: 23px;
       position: relative;
       color: #fff;
       top: -40px;
       left: 50px;
       text-decoration: none;
   }


a#polishbtn {
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/12/Flag_of_Poland.svg/190px-Flag_of_Poland.svg.png);
    background-size: 20px;
    width: 40px;
    height: 20px;
}

#image
{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url(../img/mnt.jpg);/*url(../img/28428.jpg);*/ /*url(../img/335958-blur.jpg);*/ /*url(http://images2.alphacoders.com/459/459168.jpg);*/
    background-color: #fff;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: table;
    box-shadow: rgba(0,0,0,.5) 0px 100px 50px inset;
}

.hiddenname {
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    display: none;
    position: absolute;
    left: -110px;
    display: inline;
}

.showhidden {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 30px;
    height: 30px;
}

.showhidden:hover ~ .hiddenname {
    left: 10px;
}

#wrapper
{
    transition: .5s all;
    width: 100%;
    height: auto;
    margin: auto;  
    position: absolute;  
}


#goup {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 50px;
    bottom: 15px;
    background-color: rgba(124, 124, 124, 0.60);
    background-image: url(http://redeil.net/img/arrowup.png);
    background-size: 40px;
    background-position: 6px 4px;
    z-index: 999999;
    border-radius: 1000px;
    display: none;
}

#langbtn {
    width: 40px;
    height: 40px;
    position: fixed;
    left: 25px;
    bottom: 15px;
    opacity: .2;
    background-color: rgba(124, 124, 124, 0.60);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999999;
    border-radius: 1000px;
    border: 2px solid rgba(124,124,124,1);
    cursor: pointer;
}

#langchange {
    border: 0;
    width: 20px;
    margin: 10px;
    height: 20px;
    border-radius:0px;
    background-color: transparent;
    cursor: pointer;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}


.goupbtn {
    width: 50px;
    height: 50px;
    display: block;
}

#logo
{
    position: relative;
    top: -3px;
    width: 400px;
    height: 55px;
    background-image: url(../img/logo.png);
    background-size: auto 75px;
    background-repeat: no-repeat;
    text-shadow: 2px 2px 2px rgba(0,0,0,.4);
    transition: 1s all;

}

.closephonemenu {
    position: absolute;
    right: 4px;
    height: 60px;
    width: 60px;
    background-color: transparent;
    border: 0;
    background-image: url(../img/close.png);
    background-size: 60px;
    z-index: 999999;
}

#wrapper {
    transition: .2s all;
    z-index: 1010;
    background-color: #fff;
    width:100%;
}

#logo:hover
{
    cursor: pointer;
}

.mini-logo {
    background-size: auto 40px !important;
}

.mini-nav-a {
    padding: 19px 15px !important;
}

.navbar-mini {
    height: 48px !important;
}

h2 {
    border-bottom: 1px solid #ededed; 
    padding: 10px; 
    font-family: Rajdhani; 
    font-weight: 400;
}

#footer {
    padding-right: 20px;
    background-color: #222222;
    margin: 0 auto;
    height: 70px;
    font-family: sans-serif;
}
#content {
      -webkit-transition: All 0.2s ease;
      -moz-transition: All 0.2s ease;
      -o-transition: All 0.2s ease;
      -ms-transition: All 0.2s ease;
      transition: All 0.2s ease;
    background-color: #fff;
    width: 70%;
    height: 0 auto;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
    @media screen and (max-width:1480px) {
        #content {
            background-color: #fff;
            width: 90%;
            height: 0 auto;
            padding-top: 30px;
            margin-left: auto;
            margin-right: auto;
            height: 100%;
        }
    }

#mailimg{
    background-image: url(http://fc05.deviantart.net/fs70/f/2013/131/b/8/windows_8_e_mail_app_by_bluthemacaw-d64yhyf.png);
    background-size: cover;
    width: 700px;
    height: 300px;
    background-position-y: center;
} 

#colorspacer
{
    background-image: url(../img/dsg.jpg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: cover;
    background-attachment: fixed;
    background-color: #222222;
    width: 100%;
    position: absolute; left: 0;
    text-align: center;

}

#colorcontact
{
    background-image: url(../img/eml.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: cover;
    background-color: #222;
    width: 100%;
    height: 700px;
    text-align: center;

}

#contactform {
    width: 238px;
    margin: auto; 
    background-color: rgba(25, 115, 239, 0);
    padding: 100px 15px 15px 15px; 
    z-index: 20000;
}

#contactform label {
    font-family: Rajdhani; font-size: 23px; color: #ccc; font-weight: 400
}

#contactform .tb {
    margin-bottom: 5px;
}

#whywecontent {
    height: 100%;
}

.whywetbl {
    height: 100%;
    text-align:center;
    vertical-align:middle;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border-spacing: 0 !important;
}

.whywetbl .divRow .divCell {
    width: 33% !important;
    height: 700px;
}

.whywetbl .divRow .divCell div {
    margin-top: 40%;
}

.whywetbl .divRow .divCell div img {
    margin-bottom: 10px;
}



#homeorder
{
    height: 700px;
    width: 400px;
    background-color: #156489;
    text-align: center;

}

.orderBox {
    height: 500px; 
    width: 400px; 
    float:right; 
    background-color: #1d5963
}

#cformBanner {
    display: none;
    width: 268px;
    position: relative;
    top: 15px;
    right: 15px;
    height: 24px;
    background-color: rgba(221, 39, 39, 0.59);
    color: white;
    font-family: Rajdhani;
    padding-top:6px;
    font-size: 16px;
    animation-fill-mode:forwards;
    animation-name: cfbanner;
    animation-duration: .5s;
    animation-delay: 2s;
}

.cflabel {
    position: relative;
    bottom: 0;
    animation-fill-mode:forwards;
    animation-name: cflabel;
    animation-duration: .5s;
    animation-delay: 2s;
    z-index: 10;
}

@keyframes cflabel {
    100% {bottom: 30px;}
}

@keyframes cfbanner {
    100% {height: 0px; padding: 0px;}
}




/* GridView */

.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;    
    border-color: #d9d9d9;

}  
.mGrid td {   
    padding: 2px;   
    border-left: 0;  
    border-right: 0;
    border-collapse: collapse;
    color: #404040;   
    font-size: 18px; 
    text-align: center;
    font-family: rajdhani;
    font-weight: 400; 
    border-color: #d9d9d9;
}  
.mGrid th {   
    padding: 10px 2px;   
    color: #444;   
    border: 0;
    border-collapse: collapse;
    background: #fff;     
    font-size: 20px; 
    font-family: rajdhani;
    font-weight: 700;  
} 

.pGrid td {
    padding: 20px;
} 

.goBtn {
    transition: .5s all;
    display: inline-block;
    background-color: #154249;
    color: #fff;
    padding: 15px;
    width: 70px;
    border-radius: 500px;
    margin: 5px;
    font-family: Rajdhani;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}
goBtn:hover {
    background-color: #154249;
    width: 80px;
}
.slowerBtn {
    transition: .5s all;
    display: inline-block;
    background-color: #154249;
    color: #fff;
    padding: 15px;
    width: 70px;
    opacity: 0;
    border-radius: 500px;
    margin: 5px;
    font-family: Rajdhani;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    animation-fill-mode:forwards;
    animation-name: slower;
    animation-duration: .5s;
    animation-delay: 6s;
}
slowerBtn:hover {
    background-color: #154249;
    width: 80px;
}

@keyframes slower {
    100% {opacity: 1;}
}


/*Dlaczego my*/

.wtitle {
    font-family: rajdhani;
    font-weight: 700; 
    font-size: 28px;
}

.wtext {
    font-family: oxygen; 
    font-weight: 400; 
    text-align: justify; 
    padding: 0 60px 0 60px;
    display:block;
    width: 70%;
    margin:auto;
    margin-bottom: 20px;
}

.wtexth {
    text-align:center;
}


/*Oferta Boxes*/

.ofertabox {
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
    height: auto;
    width: 500px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
} .oferta-top {
      -webkit-transition: All 0.2s ease;
      -moz-transition: All 0.2s ease;
      -o-transition: All 0.2s ease;
      -ms-transition: All 0.2s ease;
      transition: All 0.2s ease;
      height: 70px;
      width: auto;
      background-color: #fff;/*215971;#28688b;*/
      font-family: Raleway; 
      font-size: 43px; 
      font-weight: 400;
      color: #444; 
      text-shadow: 1px 3px 1px rgba(61, 61, 61, 0.30);
      margin-left: auto;
      margin-right: auto;
      text-decoration: none;
      border-bottom: 4px solid #ededed;
      border-top: 1px solid #ededed;
} .oferta-text {
      font-family: Rajdhani;
      padding-top: 16px;
      padding-bottom: 16px;
      text-align: center;
      color: rgba(61, 61, 61, 1);
      font-size: 26px;
      border-bottom: 1px solid #ededed;
      margin-left: auto;
      margin-right: auto;
  } .oferta-buy {
      -webkit-transition: All 0.2s ease;
      -moz-transition: All 0.2s ease;
      -o-transition: All 0.2s ease;
      -ms-transition: All 0.2s ease;
      transition: All 0.2s ease;
      color: #fff;
      width: 500px;
      height: 70px; 
      background-color: #111;/*#234D20;*/
      text-decoration: none;
      margin-left: auto;
      margin-right: auto;
}  .oferta-buy:hover {
       -webkit-transition: All 0.2s ease;
       -moz-transition: All 0.2s ease;
       -o-transition: All 0.2s ease;
       -ms-transition: All 0.2s ease;
       transition: All 0.2s ease;
       background-color: #256421;
       margin-left: auto;
       margin-right: auto;
} .oferta-price {
      font-family: rajdhani; 
      font-size: 26px;
      background-color: #ADD852;
      width: 105px;
      left: 10px;
      box-shadow: 1px 1px inset #000000;
      height: 90px;
      position: relative;
      top: -10px;
      float: right;
      margin-left: auto;
      margin-right: auto;
  }

  .sprawdzoferte {
      font-family: "Source Sans Pro",sans-serif;
      letter-spacing: 1px;
      font-weight: 800;
      text-align: left; 
      color: white;  
      font-size: 68px; 
      display: inline-block;
      text-align: left;
      margin: 340px 0 0 200px;
      z-index: 950;
      text-shadow: 1px 10px 40px rgba(0,0,0,0.4);
  }

  #downbtn {
      display: block;
      margin: auto;
      position: absolute;
      bottom:15px;
      right:0;
      left:0;
      height: 40px;
      width: 40px;
      border-radius: 100%;
      border: 2px solid rgba(255,255,255,0.8);
      background-image: url(../img/arrowdown.png);
      background-size: 27px;
      background-position: center center;
      background-repeat: repeat-y;
      animation-name: downbtnloop;
      animation-duration:4s;
      animation-iteration-count: infinite;
  }

  @keyframes downbtnloop {
      0% {background-position: center center;}
      15% {background-position: center 33px;}
      50% {background-position: center 33px;}
      80% {background-position: center 33px;}
      100% {background-position: center 33px;}
  }

  .buyIcon {
      transition: .5s all;
      width: 70px;
      height: 70px;
      background-color: transparent;/*#225977;*/
      background-image: url(../img/addwebsite.png);
      background-size: 100px;
      background-repeat: no-repeat;
      background-position: 18px;
      float:left;
  }
  .buyIcon:hover {
      background-position: -50px;
      background-color: #ededed;
  }

  a {
      text-decoration: none;
  }

/*Tabele*/

#ofertatb {
    border-spacing: 0px;
    text-align: center; 
    border: 0; 
    margin: 0 auto; 
    font-family: lato;
}#ofertatb tr {
     font-size: 30px;
     font-family: raleway, sans-serif;
     font-weight: 700;
 }#ofertatb td {
      border-right-width: 10px;
      border-color: red;

  }

 .imgTable {
     width: 500px !important;
 }

.divTable {
    display:  table;
    table-layout: auto;
    width: 100%;
    border-spacing: 0px;
    text-align: center; 
    vertical-align: middle;
    border: 0; 
    margin-left: auto;
    margin-right: auto;
    font-family: lato;
    border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/

    margin: auto;
    }

.divRow {
    display:table-row;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.divCell {
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:50%;
    margin-left: auto;
    margin-right: auto;
}

.divCellnosizing {
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:50%;
    margin-left: auto;
    margin-right: auto;
}

#login-box {
            height: auto;
            width: auto;
            margin: auto;
            position:absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -60%);
        }

.homeImage {
    min-height:400px !important;
}

.plantext {
    margin-top: 130px;
    font-family: rajdhani !important; 
     font-weight: 700 !important;
     color: white !important;
     font-size: 50px !important;
     text-shadow: 4px 4px 20px rgba(0,0,0,0.4) !important;
}

#opinionspacer {
    height: 400px;
    background-image: url(../img/it.jpeg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: cover;
    background-attachment: fixed;
    background-color: #222222;
    width: 100%;
    position: absolute; left: 0;
    text-align: center;
}

@media screen and (max-width:806px) {
    .plantext {
        margin-top: 100px;
}

}@media screen and (max-width:380px) {
    .plantext {
        margin-top: 80px;
        font-size: 24px;
}
}

@media screen and (max-width:1200px) {
    .ofertabox {
        width: 400px;
    }
    .oferta-buy {
        width: 400px;
    }
}

@media screen and (max-width:1100px) {
    .whywetbl .divRow .divCell {
        margin-top: 0 !important;
        width: 100% !important;
        height: 500px !important;
    }
    .whywetbl .divRow .divCell div {
        margin-top: 15% !important;
    }
    .sprawdzoferte {
        display: table-cell;
        vertical-align: middle;
        margin: auto;
    }
    .imgsbtext {
        text-align: center !important;
    }
}

@media screen and (max-width:900px) {
    .divCell {
        width: 100% !important;
    }

    .imgCell {
        width: 50% !important;
    }
    .ofertabox {
        width: 500px;
    }
    .oferta-buy {
        width: 500px;
    }

    #login-box {
        width: 100%;
    }
    #innerBox {
        width: 100%;
        height: 240px;
        border-right: 0;
    }
    
}

@media screen and (max-width:600px) {
    .divCell {
        width: 100%;
    }
    .ofertabox {
        width: 400px;
    }
    .oferta-buy {
        width: 400px;
    }
    #login-box {
        width: 100%;
    }
    .enddate {
        display: none;
    }
    .imgCell {
        width: 100% !important;
    }
    .imgTable {
        width: auto !important;
    }
}

@media screen and (max-width:480px) {
    .divCell {
        width: 100%;
    }
    .plantext {
        font-size: 30px;
    }
    .ofertabox {
        width: 100%;
        margin-left:0;
        margin-right:0;
    }
    .oferta-buy {
        width: 280px;
    }
    .social {
        display: none;
    }
    #content {
        width: 100%;
    }
    .wtext {
        padding: 0 20px;
    }
    .welcomeMsg {
        bottom: 50px !important;
        padding: 4px;
    }
    .homeImage {
        max-height: 300px !important;
        height: 300px !important;
        min-height: 300px !important;
    }

    #login-box {
        width: 100%;
        height: 100%;
        padding-bottom: 0;
        transform: translate(-50%, -50%);
    }

    .logintb {
        height: 40px !important;
    }

    .loginbtn {
        height: 50px !important;
        width: 230px !important;
    }

    .upperdiv, .loginwrapper {
        height: 100% !important;
    }
    .login-content {
        width: 100% !important; 
        height: 100% !important;
        padding-top: 0 !important;
    }
    #image, #colorcontact, #colorspacer {
        background-repeat: repeat-y;
    }

    .orderplan {
        display: none;
    }
    .orderBox {
        width: 90%;
        margin: auto;
        float: unset;
    }
    .renewbtn {
        width: 90% !important;
        float: unset !important;
        margin: auto;

    }
    .homeorbox {
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .imgbtn, .imgregbtn {
        padding: 5px !important;
        font-size: 16px !important;
    }

    #banner { 
        /*background-color: rgba(0,0,0,0.9) !important;*/
    }
    
}

@media screen and (max-width:420px) {
    #logo
    {
        background-size: auto 56px;
        height: 55px;
    }

    #navbtn {
        top: -1px !important;
    }

    #navbtn.is-sticky {
        top: 7px !important;
    }
}

.welcomeMsg {
    font-family: raleway, arial; 
    font-weight: 700; 
    font-size: 50px; 
    color: white; 
    position: relative; 
    bottom: 120px; 
    text-shadow: 5px 5px 15px rgba(0,0,0,0.5)
}

.test {
    background-color: #cf3427;
    height: 50px;
    width: 50px;
    
}

.oferta-text {
    font-weight: 400;
}

#error-box {
    height: 90px;
    width: 230px;
    border: 1px solid #cf3427;
    background-color: rgba(255, 255, 255, 0.24);
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align:center;
}

/* Textboxes */

.bigtb {
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	height: 190px;
	width: 456px;
    font-family: lato;
    font-size: 16px;
}

.tb {
	border:1px solid #c4c4c4;
	border-radius:2px;
	height: 22px;
	width: 230px;
    font-family: Rajdhani;
    font-size: 16px;
    padding-left: 5px;
}

.logintb {
	border:1px solid #c4c4c4;
	border-radius:4px;
	height: 28px;
	width: 230px;
    font-family: lato;
    font-size: 16px;
    padding-left: 5px;
    margin: auto;
}

/*Buttons and other*/


.title {
    border-bottom: 1px solid #ededed; 
    margin-bottom: 60px; 
    padding: 10px; 
    text-align: center; 
    font-family: Rajdhani; 
    font-weight: 400;
}

tr.firsttr:hover hiddentr:hover {
    display: block;
}

tr.hiddentr {
    display: none;
}

 .signup {
	background-color: transparent;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #9c4600;
	display:inline-block;
	color:#222222;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:165px;
	text-decoration:none;
	text-align:center;
}.signup:hover {
	background-color:#d44700;

}.signup:active {
	position:relative;
	top:1px;
}

 #captchacenter {
     margin:auto;
     width: 300px;
 }

 .loginbtn {
    background-color: #154249;
    border: 0;
    border-radius: 5px;
    display: inline-block;
    color:white;
    width: 180px;
    height: 50px;
    font-family:Rajdhani;
    font-weight:400;
    font-size:18px;
    cursor: pointer;
    padding: 8px;
    margin-top: 15px;
    text-transform: capitalize;
    letter-spacing: 1px;
 }

 .loginlink {
     text-decoration:none;
     color: #bfbfbf; 
     text-shadow: 4px 4px 10px rgba(0,0,0,0.5);
     font-family: Rajdhani; 
     font-weight: 400; 
     font-size: 18px;
 }

 .noaccount {
      color: #ddd;
 }

 .priceblock {
     height: 42px; 
     padding-bottom: 14px;
     padding-top:18px;
     font-size: 26px;
     font-weight: 600;
     color: white;
     background-color: #10363c;
 }
 
 .renewbtn {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
     background-color: #154249;
     height: 60px;
     width: 100%;
     border: 0;
     text-decoration: none;
     text-align: center;
     color: white;
     font-family: Rajdhani;
     font-size: 26px;
     font-weight: 300;
     display: inline-block;
     line-height: 30px;
 }.renewbtn:hover {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    background-color: #226b77
 }

  .spacerbtn {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
	background-color: transparent;
	border-radius:10px;
	text-indent:0;
	border:1px solid white;
	display:inline-block;
	color:#fff;
	font-family: Rajdhani;
	font-size:16px;
	font-weight:400;
	font-style:normal;
	padding:6px;
	line-height:38px;
    letter-spacing: 1px;
	width:165px;
	text-decoration:none;
    text-transform: uppercase;
	text-align:center;
}.spacerbtn:hover {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
	background-color: #fff;
    color: #000;
    border:1px solid white;

}.spacerbtn:active {
	position:relative;
	top:1px;
}

 .button {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
	background-color:#359eed;
	display:inline-block;
	color:#ffffff;
	font-family: arial;
    font-weight: 100;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:100px;
	text-decoration:none;
	text-align:center;
}.button:hover {
    transition: All 0.5s ease;
	background-color: #1c6aa5;
}.button:active {
	position:relative;
	top:1px;
}


.bbutton {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    background-color: #444;/*0D51CA;*/
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-weight: 100;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 45px;
    line-height: 45px;
    width: 160px;
    text-decoration: none;
    text-align: center;
    position: relative;
    top: 15px;
    z-index: 11;
    border-radius:30px;
}

.bbutton:hover {
    background-color: #073a93;
}

 label.btitle {
     font-family: rajdhani !important; 
     font-weight: 700 !important;
     color: white !important;
     font-size: 50px !important;
     text-shadow: 4px 4px 20px rgba(0,0,0,0.4) !important;
 }

 .imgsbtext {
     font-size: 60px;
     text-align:left;
     margin:auto;
     text-transform: uppercase;
 }

@media screen and (max-width:750px) {
.imgsbtext, .btitle {
     font-size: 50px !important;
 }
}

@media screen and (max-width:480px) {
.imgsbtext, .btitle {
     font-size: 32px !important;
 }

.imgregbtn {
    padding: 2px !important;
}
.imgbtn {
    display: none !important;
}
}

 .imgbtn {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
    border-radius: 10px;
	text-indent:0;
	display:inline-block;
	color:#000;
	font-family:rajdhani, arial;
    letter-spacing: 0;
	font-size:18px;
	font-weight:400;
    letter-spacing:1px;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:180px;
	text-decoration:none;
	text-align:center;
    padding: 8px;
    position:relative;
    bottom: 20px;
    background-color: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.3);
    text-transform: uppercase;
    border: 2px solid #fff;
}.imgbtn:active {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    background-color: rgba(0, 0, 0, 0.40);
}.imgbtn:hover {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
 }

 .imgregbtn {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
    border-radius: 10px;
	text-indent:0;
	display:inline-block;
	color:#fff;
	font-family:rajdhani, arial;
    letter-spacing: 0;
	font-size:18px;
	font-weight:400;
    letter-spacing:1px;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:180px;
	text-decoration:none;
	text-align:center;
    padding: 8px;
    position:relative;
    bottom: 20px;
    background-color: transparent;
    box-shadow: 1px 1px 15px rgba(0,0,0,.3);
    text-transform: uppercase;
    border: 2px solid #fff;
 }.imgregbtn:hover {
    color:#000;
    background-color: #fff;
    box-shadow: 1px 1px 15px rgba(0,0,0,.3);
    text-transform: uppercase;
    border: 2px solid #fff;
 }

 #blackbg {
    display: none;
    position: fixed;
    left: 0%;
    top: 0%;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    opacity: 1;
    z-index:9991005;
    *background: none;
    overflow:auto;
    overflow-y:hidden;
}

 .logoutbtn {
     transition: .5s all;
     position: absolute; 
     bottom: 0px;
     left: 240px;
     display:block;
     color: white;
     font-family: Rajdhani;
     background-color: #154249;
     width: 160px;
     height: 35px;
     text-align: center;
     padding-top:20px
 }

 .logoutbtn:hover {
     background-color: #0e282c;
 }

 .accountbtn {
     transition: .5s all;
     position: absolute; 
     bottom: 0px;
     display:block;
     color: white;
     font-family: Rajdhani;
     background-color: #12353b;
     width: 240px;
     height: 35px;
     text-align: center;
     padding-top:20px
 }

 .accountbtn:hover {
     background-color: #0e282c;
 }

 #userMenu {
    transition: .5s all;
    width: 400px; 
    height: 200px; 
    background-color: rgba(0,0,0,0.8); 
    float: right;
    position: relative;
    top: -300px;
 }

 #userMenu.active {
     top: 0px;
 }

 #userMenuBtn {
    border: 0;
    background-color: transparent;
    margin: 0;
    position: relative;
    bottom: 1px;
 }

 /* Nav Menu*/
 @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin,latin-ext);

@media screen and (max-width:850px) {

    #navbar {
        display: none;
    }

}

 #navbtn {
     display:none;
     height:66px;
     width: 66px;
     position: absolute;
     right: 20px;
     top: 7px;
     background-image: url(../img/navbtn.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 56px;
     background-color: transparent;
     border: none;
     transition: 1s all;
 }#navbtn:active ~ #blackbg {
      display: block;
  }

 @media screen and (max-width:850px) {

    #navbtn {
        display: block;
    }

    #innerBanner {
        width: 100%;
    }
    
    /**#goup, #langbtn {
        right: 10px;
    }*/
}

  @media screen and (max-width:1350px) {

    #innerBanner {
        width: 100%;
    }
    .sprawdzoferte {
        margin: 340px 0 0 100px;
    }
}

  @media screen and (min-width:850px) {
      #navbtn {
          display: none;
      }
  }

  #innernav {
      position: relative;
      top: 70px;
  }

 .navelement {
     display: block;
     height: 80px;
     width:100%;
     background-color: rgba(0, 0, 0, 0.1);
     font-family: Rajdhani;
     font-size: 25px;
     color: rgba(255, 255, 255, 0.70);
     text-align: center;
 }.navelement:hover {
      background-color: rgba(0, 154, 225, 0.37);
  }.navelement > a {
       text-decoration: none;
       color: rgba(255, 255, 255, 0.70);
       position: relative;
       top: 26px;
       text-transform: uppercase;
   }

 #navbar {
     transition: .2s all;
     padding-right: 20px;
     float: right;
     position: relative;
     bottom: 65px;
     height: 60px;
     width: auto;
     margin-right: -165px;
 } #navbar > ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      height: 60px;
  } #navbar > ul li {
       display: inline;
       float: left;
       text-transform: uppercase;
  } #navbar > ul li a {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
    display: block;
    width: auto;
    height: 16px;
    padding: 36px 15px;
    text-decoration: none;
    color: white;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
  } #navbar > ul li button {
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
    display: block;
    width: auto;
    height: 16px;
    text-decoration: none;
    color: white;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase; 
  } /*#navbar > ul li a:hover, #navbar > ul li button:hover {
        -webkit-transition: All 0.5s ease;
        -moz-transition: All 0.5s ease;
        -o-transition: All 0.5s ease;
        -ms-transition: All 0.5s ease;
        transition: All 0.5s ease;
        background-color: rgba(70, 64, 148, 0.35);*/
  } #navbar > ul li.active {
        background-color: rgba(70, 64, 148, 0.35);
  } #navbar > ul li ul {
        display: none;
        width: auto;
        height: auto;
        padding: 0px;
        text-align:left;
  } #navbar > ul li.lang ul {
        min-height: 70px;
  } #navbar > ul li ul li {
        width: 100%;
  }#navbar > ul li ul a {
         position:relative;
         left: 0;
         padding: 10px;
         background-color: rgba(25, 63, 70, 0.9);
  } /*#navbar > ul li ul a:hover {
         background-color: rgba(0, 154, 225, 0.67);
  } #navbar > ul li ul a:hover ~ #navbar > ul li ul {
        background-color: rgba(0,0,0,1);
  } #navbar > ul li:hover > ul {
        display: block;
        height: auto;
  } #navbar > ul li > ul:hover {
        display: block;
    }*/

    #underline { 
        position: absolute; 
        bottom: -2px; 
        left: 0; 
        width: 100px;
        height: 2px; 
        background: #fff; 
    }