/* -------------------------
	Colors
--------------------------*/

@font-face {
    font-family: "NeoSans";
    src: url("./fonts/neo_sans.ttf") format("truetype");
}

@font-face {
    font-family: "Univers";
    src: url("./fonts/univers_lt_45_light.ttf") format("truetype");
}

html, body {
    height: 100%;
    font-family: "Univers", sans-serif;
}

body {
    color: #000;
    display: flex;
    flex-direction: column;
}

#wrapper {
    flex: 1 0 auto;
}

a {
    color: #00b5e4;
}

a:hover {
    color: #222;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
    font-family: "NeoSans", sans-serif;
}

.divider hr {
    border-color: #f7f7f7;
}

.center {
    text-align: center;
}


header {
    background-color: transparent;
}

header nav.affix {
    background-color: #00354e;
}

header .navbar-default.affix .navbar-nav > li > a,
footer .footer-navigation .navbar-nav > li > a {
    font-family: "NeoSans", sans-serif;
    color: #ffffff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: unset;
}

.navbar-default {
    background-color: unset;
}

.navbar-default .navbar-nav > li > a,
.footer-navigation .navbar-nav > li > a {
    color: #00354e;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.footer-navigation .navbar-nav > li > a:hover,
.footer-navigation .navbar-nav > li > a:focus {
    color: #00b5e4;
}

.navbar-default .navbar-nav > .active > a,
.footer-navigation .navbar-nav > .active > a {
    color: #FFFFFF;
    background-color: #00354e;
}

.navbar-default.affix .navbar-nav > li > a:focus,
.navbar-default.affix .navbar-nav > li > a:hover,
.footer-navigation .navbar-nav > li > a:focus,
.footer-navigation .navbar-nav > li > a:hover {
    color: #CCC200;
}

.navbar-default.affix .navbar-nav > .active > a,
.footer-navigation .navbar-nav > .active > a {
    color: #CCC200;
    background-color: unset;
}

.navbar-default.affix .navbar-nav > .active > a:focus,
.navbar-default.affix .navbar-nav > .active > a:hover,
.footer-navigation .navbar-nav > .active > a:focus,
.footer-navigation .navbar-nav > .active > a:hover {
    color: #FFFFFF;
    /*background-color: #00b5e4;*/
}

.btn {
    font-weight: 600;
}

.btn-default, a.btn-default {
    border-color: #00b5e4;
    color: #00b5e4;
}

.btn-default:hover, a.btn-default:hover {
    background-color: #00b5e4;
    border-color: #00b5e4;
    color: #FFFFFF;
}

.btn-primary, a.btn-primary {
    background-color: #00354e;
    border-color: #00354e;
    color: #FFFFFF;
}

.btn-primary:hover, a.btn-primary:hover {
    background-color: #FFFFFF;
    border-color: #00354e;
    color: #00354e;
}

.btn-success, a.btn-success {
    background-color: #CCC200;
    border-color: #CCC200;
    color: #ffffff;
}

.btn-success:hover, a.btn-success:hover {
    background-color: #FFFFFF;
    border-color: #CCC200;
    color: #CCC200;
}

.btn-info, a.btn-info {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    color: #222;
}

.btn-info:hover, a.btn-info:hover {
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    color: #000000;
}





.bg-color1 {
    background-color: #00b5e4;
    color: #FFFFFF;
}

.bg-color1 h1,
.bg-color1 h2,
.bg-color1 h3,
.bg-color1 h4 {
    color: #FFFFFF
}

.bg-color1 .btn-default {
    background-color: #00b5e4;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.bg-color1 .btn-default:hover {
    background-color: #FFFFFF;
    border-color: #00b5e4;
    color: #00b5e4;
}



.bg-color2 .panel-default.active > .panel-heading > .panel-title a {
    background-color: #CCC200;
}

.bg-color2 .panel-default.active {
    border-color: #CCC200;
}






.bg-color2{
    background-color: #CCC200;
    color: #FFFFFF;
}

.bg-color2 h1,
.bg-color2 h2,
.bg-color2 h3,
.bg-color2 h4 {
    color: #FFFFFF
}

.bg-color2 .btn-default {
    background-color: #CCC200;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.bg-color2 .btn-default:hover {
    background-color: #FFFFFF;
    border-color: #CCC200;
    color: #CCC200;
}


.bg-color2 .panel-default.active > .panel-heading > .panel-title a {
    background-color: #00b5e4;
}

.bg-color2 .panel-default.active {
    border-color: #00b5e4;
}





.bg-color3 {
    background-color: #00354e;
    color: #FFFFFF;
}

.bg-color3 h1,
.bg-color3 h2,
.bg-color3 h3,
.bg-color3 h4 {
    color: #FFFFFF
}

.bg-color3 .btn-default {
    background-color: #00354e;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.bg-color3 .btn-default:hover {
    background-color: #FFFFFF;
    border-color: #00354e;
    color: #00354e;
}


.bg-color3 .panel-default {
    border-color: #00b5e4;
}

.bg-color3 .panel-default > .panel-heading .panel-title a {
    color: #FFFFFF;
    background-color: #00b5e4;
}





.bg-color4 {
    background-color: #f7f7f7;
    color: #FFFFFF !important;
}

.bg-color4 h1,
.bg-color4 h2,
.bg-color4 h3,
.bg-color4 h4 {
    color: #FFFFFF
}






.slice-collector .panel-tabs ul.nav.nav-tabs li a {
    color: #FFFFFF;
}


footer {
    background-color: #00354e;
    color: #FFFFFF;
}

.title-block .title.bg-primary.top,
.title-block .title.bg-primary.bottom {
    background-color: #00354e;
}

.title-block .subtitle.bg-primary.top,
.title-block .subtitle.bg-primary.bottom {
    background-color: #00b5e4;
}

/* owl arrows - all */
.owl-carousel .owl-nav [class*=owl-] {
    color: #666;
    background-color: #FFFFFF;
}

/* owl indicators - normal */
.owl-carousel .owl-dots .owl-dot span {
    background-color: rgba(255, 255, 255, .8);

    webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

/* owl indicators - active */
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    /* opacity: 1; */
    background-color: #00b5e4;
    border: 2px solid #FFFFFF;
}

/* owl content styles */
.owl-carousel .slider-caption {
    color: #FFFFFF;
}

.owl-carousel .slider-caption > .slider-headline {
    color: #FFFFFF;
    background-color: #00354e;
}

.owl-carousel .slider-caption > .slider-subtitle {
    color: #FFFFFF;
    background-color: #CCC200;
}

.owl-carousel .btn {
    border-color: transparent;
}

.overlay-box .overlay .overlay-wrap > a,
.overlay-box .overlay .overlay-wrap > i {
    color: #FFFFFF;
}


.gallery .item-inner,
.gallery .item a,
.gallery .image-content {
    background-color: #FFFFFF;
}

.table thead > tr > th {
    background-color: #00354e;
    color: #FFFFFF;
}

.table-striped > tbody > tr {
    background-color: #FFFFFF;
    color: #000000;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f7f7f7
}

.well {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
}

.well i {
    color: #00b5e4;
}

/* -------------------------
	Accordion
--------------------------*/
.panel-default {
    border-color: #00354e;
}

.panel-default > .panel-heading .panel-title a {
    color: #FFFFFF;
    background-color: #00354e;
}

.panel-default.active > .panel-heading > .panel-title a {
    background-color: #CCC200;
}

.panel-default.active {
    border-color: #CCC200;
}

.panel-default > .panel-heading .panel-title:hover a {
    color: #FFFFFF;
}

.panel-default > .panel-heading {
    background: #FFFFFF;
}

.panel-group .panel-heading:hover {
    background: #00354e;
}

.panel-default .panel-heading.active,
.panel-default .panel-heading.active:hover {
    background: #00354e;
}

.panel-default .panel-heading.active a {
    color: #FFFFFF;
}

.panel-default .panel-heading a:before {
    color: #FFFFFF;
}

.panel-default .panel-heading:hover a:before {
    color: #FFFFFF;
}

.panel-default .panel-heading.active a:after {
    color: #FFFFFF;
}

.panel-body {
    color: #000000;
}

/* -------------------------
	Tabs2Accordion
--------------------------*/

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background: #00b5e4;
    color: #FFFFFF;
    border-color: transparent;
}

.panel-tabs ul.nav.nav-tabs li a:hover,
.panel-tabs ul.nav.nav-tabs li a:focus {
    background-color: #00354e;
    color: #FFFFFF;
    border-color: transparent;
}

.panel-tabs ul.nav.nav-tabs li.active a:hover,
.panel-tabs ul.nav.nav-tabs li.active a:focus {
    background-color: #CCC200;
}

.nav-tabs {
    border-bottom: 3px solid #f7f7f7;
    padding-bottom: 1px;
}

/* -------------------------
	basic hacks
--------------------------*/

.navbar-collapse.collapse {
    float: right;
}



/* -------------------------
	DEMO TEMPLATES
--------------------------*/

body.demoB [class*=col-] {
    padding-right: 50px;
    padding-left: 50px;
}

.number-container {
    float: left;
    width: 50%;
}

.number-container .btn-remove,
.add-number,
.submitCoupon {
    float: left;
    margin-right: 15px;
    margin-left: 5px;
}

.btn:active,
.btn:hover,
.btn:focus {
    /*background-color: #00b5e4;*/
    /*color: #CCC200;*/
    color: #FFFFFF;
    border-color: #CCC200;
    background-color: #CCC200;
    /*background-color: #00354e;*/
}

.number-container p {
    width: 80%;
    float: left;
    line-height: 35px;
}

.number-input,
.coupon-input {
    height: 34px;
    padding: 5px;
    float: left;

}

.text-image-block-column {
    margin-top: 0;
    margin-bottom: 0;
}

.messagebox-add,
.messagebox-coupon {
    /*border: 1px solid lightgrey;*/
    color: lightgrey;
    border-radius: 5px;
    padding: 10px;
    display: none;
    width: auto;
    margin-top: 10px;
    float: left;
}

.add-container,
.coupon-container {
    width: 100%;
    float: left;
}

.add_number input.error,
.use_coupon input.error {
    box-shadow: 0 0 2px rgba(255, 0, 0, 1);
    border-color: #FF0000;
}

.sms-count div {
    float: left;
    margin-right: 5px;
}

.coupon-input {
    height: 34px;
    padding: 5px;
    float: left;
}

#buySMS [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.footer-navigation {
    float: right;
}

.profil label {
    font-weight: 600;
}

.profil label,
.profil p {
    float: left;
    line-height: 30px;
    margin-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

.profil input{
    float: left;
    width: 250px;
}

/*.profil #yform-formular-password label,
.profil #yform-formular-password_2 label {
    float: left;
    width: 200px;
}*/

.profil label {
    float: left;
    width: 250px;
}

.form-captcha {
    width: 100%;
    max-width: unset !important;
}

.form-captcha .input-group {
    max-width: 325px;
}

.form_required,
.form-captcha label {
    font-size: x-small;
}

.number-container,
.number-text-container,
.number-button-container {
    padding-left: 0;
    padding-right: 0;
}

.number-button-container .btn-remove {
    float: right;
    margin: 0;
}

.number-container:nth-child(2n+1) {
    padding-right: 15px;
    border-right: 1px solid lightgrey;
}

.number-container:nth-child(2n+0) {
    padding-left: 15px;
}

.number-container:last-child,
.number-container:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
}

.number-container {
    padding: 15px !important;
    border-bottom: 1px solid lightgrey;
}

.sms_price {
    font-weight: 600;
}

.price {
    text-align: right;
}

.row-container {
    margin-top: 5px;
}

.footer .container {
    padding-left: 0;
    padding-right: 0;
}

#navbar, .footer.nav {
    padding-left: 0;
    padding-right: 0;
    margin-right: -15px;
}

.inner-container {
    float: right;
    width: 350px;
}

.add-container {
    width: 100%;
}

.form-container {
    float: right;
    width: 100%;
}

.add-number, .submitCoupon {
    margin-right: 0;
    float: right;
    width: 115px;
    text-align: center;
}

.number-input, .coupon-input {
    width: 225px;
}

.messagebox-add, .messagebox-coupon {
    display: none;
    float: left;
    margin-right: 15px;
    padding-left: 0;
}

.buyer_info {
    font-size: small;
    color: grey;
}

.paypal-button {
    margin-bottom: 10px;
}

#buySMS {
    margin-bottom: 35px;
}

.payment_info {
    display: none;
}

.buyer_info {
    margin-bottom: 10px;
}

.warning-messagebox {
    display: none;
}