/* Fonts -------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/* CUSTOMIZE THE Body and Wrapper ------------------------------------------- */

html,body{
    height:100%;
    min-height: 100%;
}

body {
    position: relative;
    margin: 0 auto;
    padding: 0 auto;
    font-family: 'Raleway', sans-serif;
}
.body-overflow {
    overflow: hidden;
}

    input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
}

@keyframes autofill {
    100% {
        background: transparent;
        color: white;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: white;
    }
}



.index-body input:-webkit-autofill,
.index-body input:-webkit-autofill:hover,
.index-body input:-webkit-autofill:focus,
.index-body input:-webkit-autofill:active {
    -webkit-animation: autofills 0s forwards;
    animation: autofills 0s forwards;
}

@keyframes autofills {
    100% {
        background: white;
        color: #222;
    }
}

@-webkit-keyframes autofills {
    100% {
        background: white;
        color: #222;
    }
}


.btn.focus, .btn:focus {
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}

.container {
    padding: 0;
}

.bg-browns {
    background-color: #9c532f;
}

.text-browns {
    color: #9c532f;
}

.extra-title-color a:not(:last-child) span {
    color: #333!important;
}

button[type=submit] {
    box-shadow: 0px 0px 8px 0px #914018!important;
}

/* CUSTOMIZE THE Login Page */

.form-style {
                background-color: rgba(0, 0, 0, 0.9);
                    margin: 2.3em 2.2em 1.8em;
             padding: 2.3em 2.2em 1.8em;
    box-sizing: border-box;
    text-align: center;
   /* background: #fff;*/
    box-shadow: 0px 0px 10px 1px #cccccc;
            }
            .form-style-group {
    margin: 0px 0px 24px;
    padding-bottom: 11px;
    display: flex;
    display: -webkit-flex;
    border: none;
    border-bottom: 1px solid #a5a2a2;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.form-style-group span {
    font-size: 18px;
        -webkit-flex-basis: 15%;
    flex-basis: 15%;
    border: none;
    text-align: center;
    color: white;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}
.form-style-group input[type="text"], .form-style-group input[type="email"], .form-style-group input[type="password"], .form-style-group input[type="name"], .form-style-group textarea {
    padding-left: 16px;
    -webkit-flex-basis: 90%;
    flex-basis: 90%;
    width: 100%;
    color: white;
    border: none;
    border-left: 1px solid #a5a2a2;
    outline: none;
    -webkit-appearance: none;
    background: transparent;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    box-sizing: border-box;
}
.form-style-group:hover {
    border-bottom: 1px solid #9c532f;
}
.form-style-group:hover span {
    color: #9c532f;
}
.form-style-group:hover.form-style-group input[type="email"], .form-style-group:hover.form-style-group input[type="password"], .form-style-group:hover.form-style-group input[type="text"], .form-style-group:hover.form-style-group input[type="name"], .form-style-group:hover.form-style-group textarea {
    border-left: 1px solid #9c532f;
}
.left-side-forget {
    position: relative;
}
.right-side-forget {
    text-align: left;
    text-align: center;
}
input.checked {
    position: absolute;
    top: 7px;
    left: 0px;
    cursor: pointer;
}
.remenber-me, a.for {
    font-size: 14px;
    color: white;
    letter-spacing: 0px;
    text-transform: capitalize;
}
button[type=submit] {
    padding: 14px 20px;
    margin: 42px 0px;
        background: #9c532f;
    outline: none;
    color: #fff;
    font-weight: 600;
    border: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    box-shadow: 0px 0px 8px 0px #60f574;
}
.form-style-more-btns h3 {
    font-size: 12px;
        color: white;
    letter-spacing: 0px;
    font-weight: 800;
}
.form-style-more-btns a {
    font-size: 13px;
    color: #e80000;
    font-weight: bold;
    text-decoration: none;
    margin-left: 10px;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 0px;
    outline: none;
}

/* CUSTOMIZE THE Navigation Bar  ------------------------------------------- */

/*.nav-tranzition {
    transition: background-color 1.8s ease-in-out;
}*/

.nav-transition {
    transition: all 0.4s ease-in-out;
}
.nav-mobile-transition {
    transition: background-color 0s ease-in-out;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .12s ease-in-out;
       -o-transition: height .12s ease-in-out;
          transition: height .12s ease-in-out;
}

.mobile-bg-color {
    background-color: #f8f9fa!important;
}
.navbar button:focus {
    outline: none;
}
.nav-item {
    color: #555;
}
.navbar .navbar-brand, .navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
    color: #9c532f;
}
.navbar-brand {
    font-size: 28px;
    line-height: 30px;
    color: #9c532f;
    font-weight: 600;
    padding-top: 25px;
    padding-bottom: 25px;
}
.navbar-nav a span,
.nav-link-register {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
  /*  padding: 30px 15px;*/
}
.navbar-nav a span:hover {
   text-decoration: none;
}
.navbar-nav a.active span {
    color: #9c532f;
}
.bg-light {
    margin-bottom: 20px;
    box-shadow: 0 10px 25px -15px #999;
}
.bg-light a span {
    color: #333;
}
.bg-light a:last-of-type span {
    color: #fff;
}
.bg-light .navbar-brand {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* CUSTOMIZE Admin Page */

.admin-apikey-input {
    background-color: transparent;
    color: white;
    padding: 20px;
    margin-top: 15px;
    border: none;
}
.admin-apikey-input:hover,
.admin-apikey-input:focus {
    background-color: transparent;
    color: white;
    padding: 20px;
    margin-top: 15px;
    border: none;
    outline: -webkit-focus-ring-color auto 0px;
}
/* CUSTOMIZE Section Home  ------------------------------------------- */

.bg-img-1 {
     background: url(../images/bg-img-1.jpg) no-repeat center center fixed;

    background-size: cover;
      height: 100%;
      /* aici trebuie sa vad doar pe mobile */
        /*overflow: hidden;*/
}
.shadow {
    background-color: rgba(0,0,0,0.7);
}
.shadow-2 {
    background-color: rgba(0,0,0,0.9);
}
.shadow h1 {
    font-size: 50px;
    font-weight: 600;
    margin-top: 20px;
}
.shadow p {
    font-size: 16px;
    font-weight: 300;
    color: #ddd;
    margin-top: 20px;
}
.shadow p:last-of-type {
    margin-bottom: 40px;
}
.a-btn {
    padding: 10px 20px;
    color: #fff;
    font-weight: 500;
    background-color: #9c532f;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.4s ease-in-out;
}
.a-btn:hover {
    text-decoration: none;
    background-color: #662d11;
    color: #fff;
}
.a-btn-t, .a-btn-t:focus {
    padding: 8px 18px;
    color: #fff;
    font-weight: 500;
    background-color: transparent;
    border: 2px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    transition: all 0.4s ease-in-out;
}
.a-btn-t:hover {
    text-decoration: none;
    background-color: #662d11;
    border: 2px solid #662d11;
    color: #fff;
}

/* CUSTOMIZE THE About Us ------------------------------------------- */

.about {
    padding-top: 70px;
    padding-bottom: 100px;
}
.about h2 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #222;
    line-height: 1.7em;
    margin-bottom: 0px;
}
.about-line {
    background-color: #9c532f;
    width: 60px;
    height: 4px;
    margin-bottom: 60px;
    margin-top: 0px;
}
.box h2 {
    font-size: 18px;
    font-weight: 700;
}
.box h3 {
    font-size: 30px;
    font-weight: 600;
}
.box h4 {
    font-size: 20px;
    font-weight: 600;
}
.about .item:hover h4 {
    color: #9c532f;
}

.box p {
    margin-bottom: 20px;
    line-height: 25px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
}
.box i {
    font-size: 30px;
}
.about .fa {
    color: #fff;
    height: 100px;
    width: 100px;
    line-height: 53px;
    text-align: center;
    border: 25px solid #9c532f;
    border-radius: 50%;
    background-color: #222;
    transition: all 0.4s ease-in-out;
}
.about .item:hover .fa {
    background-color: #fff;
    color: #222;
    border-color: #222;
}
/*.about .item {
    padding-left: 15px;
}*/
.about .item h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.about .item:hover h2 {
    color: #9c532f;
}

/* CUSTOMIZE THE Coverage Section ------------------------------------------- */
.bg-img-coverage {
    background-image: url(../images/bg-img-2.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.shadow-coverage {
    background-color: rgba(0,0,0,0.8);
}
div.f16 {
    margin-left: 25%!important;
    flex: 0 0 75%;
    max-width: 75%;
        display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    color: white;
}
nav.f16 {
   position: fixed!important;
   z-index: 2;

}
nav.f16 a{
   color: #914018;
}
.contentForCoverage {
    padding-top: 100px;
}

/* CUSTOMIZE THE Why Section ------------------------------------------- */
.why {
    position: relative;
    background-color: #f7f7f7;
}
.why .left {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-image: url(../images/bg-img-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.why .right {
    padding-top: 50px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
}
.why h2 {
    font-size: 50px;
    color: rgb(51, 51, 51);
    font-weight: 600;
    padding-top: 15px;
}
.why p {
    font-size: 18px;
    color: rgb(85, 85, 85);
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 30px;
}
.why .right .item .fa {
    border: 1px solid #9c532f;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 25px;
    color: #9c532f;
    transition: all 0.4s ease-in-out;
}
.why .right .item:hover .fa {
    background-color: #9c532f;
    color: #fff;
}
.why .item h2 {
    font-size: 25px;
    font-weight: 500;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}
.why .item p {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 25px;
}

/* CUSTOMIZE THE Team Section ------------------------------------------- */

.team {
    padding-top: 70px;
    padding-bottom: 100px;
}
.team .item {
    text-align: center;
}
.team h1 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #222;
    line-height: 1.7em;
    margin-bottom: 0px;
}
.team h2 {
    font-weight: 600;
    font-size: 25px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}
.team p {
    font-weight: 400;
    font-size: 14px;
    color: #555;
}
.team .item a {
    background-color: #9c532f;
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    margin-right: 5px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 14px;
    transition: all 0.4s ease-in-out;
}
.team .item a:hover {
    color: #333;
    background-color: transparent;
    border: 1px solid #9c532f;
}

/* CUSTOMIZE THE Scroll Up Button ------------------------------------------- */

.scroll-top {
    color: black;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
    background-color: #fff;
    text-align: center;
    position: fixed;
    right: 15px;
    bottom: 10px;
    z-index: 9999;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 2px 25px -3px #555;
}
/*.scroll-top:hover {
    background-color: #9c532f;
    color: #fff;
}*/

/* CUSTOMIZE THE Owl Section  ------------------------------------------- */

.owl {
    background-image: url(../images/bg-img-3.jpg);
    background-size: cover;
    margin-bottom: 60px;
}
.owl h2 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    line-height: 1.7em;
    margin-bottom: 0px;
    padding-top: 85px;
}
.owl h4 {
    font-size: 18px;
    font-weight: 600;
    color: #9c532f;
    text-align: center;
    padding-bottom: 3px;
    padding-top: 13px;
}
.owl p {
    font-size: 18px;
    font-weight: 300;
    color: #eee;
    text-align: center;
    margin: 0 10%;
}
.owl p:last-of-type {
    font-size: 14px;
    margin-bottom: 0px;
}
.owl .row {
    padding-bottom: 65px;
}
.owl i {
    color: #9c532f;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #9c532f;
}

/* CUSTOMIZE THE Counter Up Section  ------------------------------------------- */

.section-counter {
    padding-top: 40px;
    padding-bottom: 30px;
}
.section-counter {
    padding: 70px 0;
    background-color: #f5f5f5;
}
.section-counter i {
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
}
.section-counter span {
    color: #9c532f;
    font-size: 25px;
    font-weight: 500;
}
.section-counter p {
    margin-top: 10px;
    font-size: 25px;
    font-weight: 500;
}
.counter-items {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 30px 10px 20px 10px;
}

/* CUSTOMIZE THE Blog Section  ------------------------------------------- */

.blog {
    padding-top: 70px;
    padding-bottom: 70px;
}
.blog h1 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #222;
    line-height: 1.7em;
    margin-bottom: 0px;
}
.blog-text {
    box-shadow: 0 10px 20px -2px #ddd;
    margin-bottom: 30px;
}
.blog-text:hover {
    box-shadow: 0 10px 20px -2px #bbb;
}
.detail {
    padding: 10px 10px 25px 10px;
}
.detail h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555;
}
.detail h5 span {
    margin-right: 10px;
}
.detail a {
    text-decoration: none;
}
.detail h2 {
    color: #333;
    font-size: 25px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}
.detail h2:hover {
    color: #9c532f;
}
.detail p {
    color: #555;
    line-height: 25px;
    font-weight: 400;
    font-size: 14px;
}
.detail h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #555;
    font-size: 13px;
}
.detail h4 img {
    width: 30px;
    border-radius: 50%;
    margin-right: 5px;
}
.media-body {
    margin-top: 9px;
}

/* CUSTOMIZE THE Service Section  ------------------------------------------- */

.services {
    padding-top: 70px;
    padding-bottom: 70px;
}
.services h2 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #222;
    line-height: 1.7em;
    margin-bottom: 0px;
}
.service-items {
    margin-bottom: 30px;
}
.service-items i {
    font-size: 50px;
    transition: all 0.4s ease-in-out;
}
.service-items h2 {
    font-size: 25px;
    font-weight: 500;
    color: rgb(51, 51, 51);
    margin-top: 20px;
    margin-bottom: 10px;
}
.service-items p {
    font-size: 14px;
    font-weight: 400;
    color: rgb(85, 85, 85);
    line-height: 25px;
}
.service-items:hover .fa {
    color: #9c532f;
}

/* CUSTOMIZE THE Price Section  ------------------------------------------- */

.price {
    padding-top: 70px;
    padding-bottom: 70px;
}
.price h2 {
    font-weight: 700;
    font-size: 40px;
    color: #222;
    line-height: 1.7em;
    margin-bottom: 0px;
    text-align: center;
}
.price-items {
    text-align: center;
    padding: 30px 15px;
    box-shadow: 0 5px 20px 1px #ccc;
}
.price-items h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
    color: #333;
}
.price-items p {
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
}
.price-items p:first-of-type {
    color: #9c532f;
    font-size: 50px;
    font-weight: 600;
}
.price-items span {
    color: #555;
    font-size: 25px;
    font-weight: 400;
}
.price-items .fa {
    color: cornflowerblue;
    margin-bottom: 10px;
    font-size: 14px;
}
.price-items .fa-top-price {
    margin-bottom: 10px;
    font-size: 30px;
    color: #333;
}
.price-items .fa-close {
    color: red;
}
.price-items .a-btn {
    display: inline-block;
    margin-top: 10px;
}

/* CUSTOMIZE THE Partners Section  ------------------------------------------- */

.partners {
    padding-top: 70px;
    padding-bottom: 70px;
}
.partners h1 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #222;
    line-height: 1.7em;
    margin-bottom: 0px;
}
.partners img {
    opacity: 0.4;
    margin-bottom: 30px;
    max-width: 100%;
    cursor: pointer;
}
.partners img:hover {
    opacity: 1;
}

/* CUSTOMIZE THE Contact Section  ------------------------------------------- */

.contact {
    background-color: #f7f7f7;
    padding-top: 70px;
    padding-bottom: 70px;
}
.contact h2 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #222;
    line-height: 1.7em;
    margin-bottom: 0px;
}
.contact-items {
    margin-bottom: 30px;
}
.contact-items .fa {
    color: #fff;
    background-color: #9c532f;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 15px;
}
.contact-items p {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
.contact-form {
    border-radius: 3px;
}
.form-group {
    margin-bottom: 0;
}
.form-control {
    display: block;
    border: 0px;
    width: 100%;
    height: 45px;
    padding: 5px 0px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #222;
    text-indent: 20px;
    background-color: #fff;
    background-image: none;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 30px;
    font-weight: 300;
    border: 1px solid #ddd;
}
textarea.form-control {
    height: auto;
}
.contact-form input[type='submit'] {
    padding: 10px 20px;
    color: #fff;
    font-weight: 500;
    background-color: #9c532f;
    border-radius: 4px;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 14px;
}
.contact-form input[type='submit']:hover {
    color: #222;
    background-color: #9c532f;
    outline: 0;
    box-shadow: none;
    cursor: pointer;
}

/* CUSTOMIZE THE Copyrights Section  ------------------------------------------- */

.copyrights {
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}
.copyrights p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 0px;
}

/* CUSTOMIZE THE Help Section  ------------------------------------------- */

.help {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #f5f5f5;
}
.help .box {
    padding: 0;
}
.help .box img {
    width: 100%;
}
.help-items {
    padding: 50px;
}
.help-background {
    background-color: #333;
}
.help-items h2 {
    color: #fff;
    font-weight: 600;
    font-size: 30px;
}
.help-items p {
    color: #eee;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    margin: 30px 0;
}

/* ------------ Register Page ------------------------------------------- */

.termOfUseBtn,
.termOfUseBtn:hover {
    color: #9c532f;
}

/* ------------ Documentation Page ------------------------------------------- */
/* non theme specific helpers */
.bg-white {
    background-color: #fff;
}

.min-100 {
    min-height: 100vh;
}

/* base container on percent to cala sidebar widths when fixed */
@media (min-width: 576px) {
    .container {
        width: 80%;
        max-width: 100%;
    }
    .container-admin {
        margin-bottom: 3rem!important;
    }
     .container-pay {
        margin-bottom: 3rem!important;
    }
}

@media (min-width: 768px) {
    .container {
        width: 80%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 80%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 80%;
        max-width: 100%;
    }
}

.navbar.affix-top,
.navbar.affix-bottom {
  position: static;
  background: #ccc;
}

.navbar.affix{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 5;
  /*background: #fff;*/
  transition: all .35s ease;
}

#lett {
    width: 33.3333%;
}

#sidemenu.affix-top, #sidemenu.affix {
    position: static;
}

#sidemenu.affix-bottom {
    position: relative;
}

@media (min-width: 768px) {
    #sidemenu.affix {
      position: fixed;
      top: 40px;
      width: 18.3%;
    }
     #sidemenu.affix.nav-pills {
      position: fixed;
      top: 100px;
      width: 18.3%;
    }
}

#sidemenu .nav-link.active,
#sidemenu .nav-link:hover,
#sidemenu .nav-link:focus{
    color: #914018;
    border-bottom: 1px #914018 solid;
}

/* only show subitems when parent is active*/
#sidemenu .nav-item .nav-link.active + .nav .nav-item {
    display: list-item;
}
#sidemenu .nav-item .nav-item {
    display: none;
}

.anchor{
  display: block;
  height: 70px;
  margin-top: -70px;
  visibility: hidden;
}

#content .nav-link {
    color: #555;
    transition: all 0.2 ease;
}

.table-hover tbody tr:hover {
    color: white!important;
    background-color: #914018!important;
}

/* FOOTER */

#footer small a {
  color: rgba(255, 255, 255, 0.25);
  letter-spacing: 0.3px;
  font-size: 15px;
}

#footer {
  padding-top: 6rem;
  letter-spacing: .01rem;
  background-color: #0a0e0f;
  color: rgba(255, 255, 255, 0.90);
}

#footer a {
  color: rgba(255, 255, 255, 0.45);
  margin-bottom: 5px;
  display: inline-block;
}

#footer a:hover,
#footer a:focus {
  color: rgba(255, 255, 255, 0.95);
}

#footer input {
  padding: 5px 20px;
  border-radius: 3px;
  margin-top: 0px;
  height: 48px;
  border: none !important;
}

#footer button {
  height: 48px;
  width: 150px;
  border: none !important;
  margin-left: -22px;
  padding: 0.8rem 1rem;
  color: white;
  background-color: #914018;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;

}

#footer input:focus {
  outline: none;
  background-color: none;
  border-color: transparent !important;
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25);
}

#footer h3 {
  color: rgba(255, 255, 255, 0.95);
}

#footer hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}

#footer small {
  color: rgba(255, 255, 255, 0.25);
  letter-spacing: 0.3px;
  font-size: 15px;
}


#social i {
  font-size: 1.22rem;
}

#footer p {
  color: rgba(255, 255, 255, 0.5);
}

   

@media (min-width: 768px) {
  #footer {
    background-color: #0a0e0f;
  }

  #footer input {
    padding: 14px 20px;
    border-radius: 3px;
    outline: none;
    border: solid 0px rgba(255, 255, 255, 0.95) !important;
    height: 3.34rem !important;
    outline: 0;
    float: left;
    background-color: white;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25);
  }

  #footer input:focus {
    outline: none;
    background-color: none;
    border-color: transparent !important;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25);
  }

  #footer button {
    float: left;
    margin-left: -25px;
    padding: 0.8rem 1rem;
    height: 3.34rem !important;
    color: white;
    border: solid 0px rgba(255, 255, 255, 0.95) !important;
    cursor: pointer;
    background: #914018;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }

  #footer button:hover,
  #footer button:focus {
    background: #914018;
  }

}

/* ------------ Media Querry ------------------------------------------- */

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
/* CUSTOMIZE THE Media Query - max-width: 575px ---------------------------------- */

@media (max-width: 575px) {

    .container {
        max-width: 100%;
    }
    .navbar-nav a span {
        color: #222;
    }
    .navbar {
        padding: 0px;
    }
    .navbar-brand {
        padding-left: 15px;
        font-size: 20px;
    }
    .bg-light {
        margin-bottom: 0px;
    }
    .navbar-toggler {
        margin-right: 10px;
    }
    .navbar-collapse {
        background-color: #f8f9fa;
    }
    .navbar-nav li {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navbar-nav li.active a {
        color: #9c532f;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .about .item {
        text-align: center;
    }
    .team .item {
        margin-top: 20px;
    }
    .shadow h1 {
        font-size: 30px;
    }
    .shadow p {
        font-size: 13px;
    }
    .a-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
    .a-btn-t, .a-btn-t:focus {
        padding: 8px;
        font-size: 14px;
    }
    .background-mobile {
        background-color: #fff;
    }
    .counter-items {
        margin-bottom: 0px;
        padding: 10px 0px 0px 10px;
    }
    .section-counter p {
        margin-top: 0px;
        font-size: 15px;
    }
    .section-counter i {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .partners {
        text-align: center;
    }
    .service-items {
        margin-left: 25px;
        margin-right: 15px;
    }
    .video h2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .owl p {
        margin: 0 10px;
    }
    .btnn button[type=submit] {
        padding: 5px 20px;
    }
     .footer-align-left-mob {
        padding-left: 0px!important;
    }
}

/* CUSTOMIZE THE Media Query - min-width: 576px ---------------------------------- */

@media (min-width: 576px) {
    .navbar-toggler {
        margin-right: 10px;
    }
    .navbar-collapse {
        background-color: transparent;
    }
    .navbar-nav a.active span {
        color: #9c532f;
    }
     .footer-align-left-mob {
        padding-left: 15px!important;
    }
}

/* CUSTOMIZE THE Media Query - max-width: 768px ---------------------------------- */

@media (max-width: 767px) { 

}

/* CUSTOMIZE THE Media Query - min-width: 992px ---------------------------------- */

@media (max-width: 991px) {
    .form-style {
        margin: 0;
    }
    .about {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .a-btn {
        padding: 10px 17px;
    }
    .box h2 {
        font-size: 14px;
        font-weight: 700;
    }
    .price-items {
        margin-top: 15px;
        margin-bottom: 15px;
    }

     .navbar-nav a:last-of-type {
        width: 35%;
        margin: 20px auto 0 auto;
   }
   .navbar-nav a {
        border-bottom: 1px solid #914018;
        width: 80%;
        margin: 0 auto;
   }
    .navbar-nav a:not(:last-child) {
       padding-bottom:0;
       padding-top: 20px;
       font-size: 1.6rem;
            border-radius: 0rem;
   }
   .navbar-nav {
        margin-bottom: 20px;
   }
   .navbar-nav a span, .nav-link-register {
        color: black;
    }
    .navbar-nav .nav-link-register {
        color: white;
    }


/*Full width col for Coverage Page*/
 .contentForCoverage .col-sm-3 {
    display: none!important;
 }
  .contentForCoverage .col-lg-9 {
        margin-left: 0!important;
        flex: 0 0 100%;
    max-width: 100%;
         margin-right: 0px; 
    margin-left: 0px;
  }
}

/* CUSTOMIZE THE Media Query - min-width: 1200px ---------------------------------- */

@media (max-width: 1199px) { 
    .about .fa {
        color: #fff;
        height: 75px;
        width: 75px;
        line-height: 42px;
        text-align: center;
        border: 17px solid #9c532f;
        border-radius: 50%;
        background-color: #222;
        transition: all 0.4s ease-in-out;
    }
    .about .box i {
        font-size: 20px;
    }
}

/* CUSTOMIZE THE Media Query - min-width: 1200px ---------------------------------- */

@media (min-width: 1200px) { 

}

/* din prima pagina*/

    /* Absolute Center Spinner */
        .loading {
        position: fixed;
        z-index: 999;
        height: 2em;
        width: 2em;
        overflow: show;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        }

        /* Transparent Overlay */
        .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        }

        /* :not(:required) hides these rules from IE9 and below */
        .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
        }

        .loading:not(:required):after {
        content: '';
        display: block;
        font-size: 10px;
        width: 1em;
        height: 1em;
        margin-top: -0.5em;
        -webkit-animation: spinner 1500ms infinite linear;
        -moz-animation: spinner 1500ms infinite linear;
        -ms-animation: spinner 1500ms infinite linear;
        -o-animation: spinner 1500ms infinite linear;
        animation: spinner 1500ms infinite linear;
        border-radius: 0.5em;
        -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
        box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
        }

        /* Animation */

        @-webkit-keyframes spinner {
        0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        }
        100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        }
        }
        @-moz-keyframes spinner {
        0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        }
        100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        }
        }
        @-o-keyframes spinner {
        0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        }
        100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        }
        }
        @keyframes spinner {
        0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        }
        100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        }
        }


/* Plans */


.button-wrap-price {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

@media (max-width: 40em) {
    .button-wrap-price {
        margin-top: -1.5em;
    }
}

.button-label-price {
    display: inline-block;
    padding: 0.1em 1em 0.4em;
    margin: 0.5em;
    cursor: pointer;
    color: #292929;
    border-radius: 0.25em;
    background: white;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button-label-price:hover {
    background: #efefef;
    color: #101010;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32);
}

.button-label-price:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22);
}

@media (max-width: 40em) {
    .button-label-price {
        padding: 0.5em 0em;
        margin: 0.25em;
    }
}

#onemonth:checked+.button-label-price {
    background: #9c532f;
    color: #efefef;
}

#onemonth:checked+.button-label-price:hover {
    background: #9c532f;
    color: #e2e2e2;
}

#threemonths:checked+.button-label-price {
    background: #9c532f;
    color: #efefef;
}

#threemonths:checked+.button-label-price:hover {
    background: #9c532f;
    color: #e2e2e2;
}

#sixmonths:checked+.button-label-price {
    background: #9c532f;
    color: #efefef;
}

#sixmonths:checked+.button-label-price:hover {
    background: #9c532f;
    color: #e2e2e2;
}

#oneyear:checked+.button-label-price {
    background: #9c532f;
    color: #efefef;
}

#oneyear:checked+.button-label-price:hover {
    background: #9c532f;
    color: #e2e2e2;
}

.hidden-price-tag {
    display: none;
}

.bold-price {
    color: #9c532f;
    font-weight: bold;
    font-size: 2rem;
}

#threemonths:checked+.button-label-price .bold-price {
    color: white!important;
}

#sixmonths:checked+.button-label-price .bold-price {
    color: white!important;
}

#oneyear:checked+.button-label-price .bold-price {
    color: white!important;
}

.button-label-price p {
    font-size: 1.1em; 
    margin-bottom: 0;
    margin-top: 0;
    color: black;
}

@media (max-width: 640px){
    .bold-price {
        color: #9c532f;
        font-weight: bold;
        font-size: 1.2rem;
    }
    .button-label-price p {
        font-size: 1em; 
        margin-bottom: 0;
        margin-top: 0;
    }
    .button-wrap-price {
        display: inline-grid;
        width: 90%;
        margin-top: 0;
    }
}

#onemonth:checked+.button-label-price p {
    color: white;
}

#threemonths:checked+.button-label-price p {
    color: white;
}

#sixmonths:checked+.button-label-price p {
    color: white;
}

#oneyear:checked+.button-label-price p {
    color: white;
}