@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic&subset=latin,cyrillic);

body {
    color: #58595B;
    font-family: 'Open Sans Condensed', sans-serif;
    background-color: #FFFFFF;
}

h1, h2, h3, h4 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 7rem;
}

.content p {
    font-weight: 300;
    font-size: 2rem;
}

.about-1 {
    padding-bottom: 3rem;
    border-bottom: 0.4rem solid #65BC46;
}

.about .title {
    font-size: 4rem;
    text-transform: uppercase;
    vertical-align: top;
    margin: 4rem 0;
    line-height: 5rem;
    display: block;
}

.about.item {
    margin-bottom: 2rem;
    height: 9rem;
    display: flex;
    align-items: center;
}

.about .num {
    display: inline-block;
    text-align: center;
}

.about .txt {
    font-size: 3rem;
}

.about .num span {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 5rem;
    background: #65BC46;
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    color: white;
    display: block;
    margin: 0 auto;
}

.benefits .section-1 p {
    font-size: 2.5rem;
}

.benefits .section-1 .slogan {
    font-size: 3rem;
    margin: 5rem 0;
    text-align: center;
}

.benefits .with-img-circle {
    padding: 1rem 0;
}

.benefits .with-img-circle div {
    display: inline-block;
    text-align: center;
}

.benefits .section-2 p,
.benefits .with-img-circle p {
    font-size: 1.7rem;
    text-align: left;
    width: 55%;
    margin: 0 auto 20px;
}

.benefits .img-circle {
    width: 25rem;
    margin-bottom: 1rem;
}

.benefits .section-3 h2,
.benefits .section-2 h2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 2.6rem;
    text-transform: uppercase;
    margin-top: 4rem;
}

.benefits .section-3 div,
.benefits .section-2 div {
    margin-bottom: 1rem;
}

.benefits .section-3 {
    padding: 1rem 0;
}

.benefits .section-3 p {
    font-size: 1.3rem;
    font-weight: 600;
    text-indent: 2rem;
}

.benefits .section-3 .space {
    margin-bottom: 2rem;
}

.benefits .section-4 {
    text-align: center;
    margin: 3rem 0;
}

.benefits .section-4 h2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 4rem;
    text-transform: uppercase;
    color: red;
}

.feedback .img-circle {
    width: 20rem;
}

.feedback .with-img-circle {
    margin: 7rem 0;
}

.documents {
    background: #58595b;
    margin: 5rem 0 1px;
    padding: 3rem;
    color: white;
}

.documents h2 {
    text-transform: uppercase;
    font-size: 4rem;
}

.documents .demo-gallery__img--main {
    padding: 1rem 0;
    display: block;
}

.gallery img {
    width: 60%;
    margin: 0.3rem 0;
}

.production .panel {
    box-shadow: none;
    padding: 4rem 0 7rem;
}

.production .panel .row {
    padding: 2rem 0;
}

.production .panel-body span {
    font-weight: bold;
    text-transform: uppercase; 
}

.production .panel .row a {
    font-style: italic;
}

.product-view {
    padding:5rem 1rem;
}

.product-view #productprice {
    font-size: 4rem;
}

.hel-color {
    color: #65BC46;
}

.footer {
    background: #58595b;
    padding: 4rem 0;
    font-size: 1.2rem;
    color: white;
}

#flashMessage{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background: #CC0000;
    color: #FFFFFF;
    font-weight: 700;
}

.f10 {
    font-size: 10px;
}

.f11 {
    font-size: 11px;
}

.f12 {
    font-size: 12px;
}

.error {
    font-size: 11px;
    color: red;
    font-weight: normal;
}

.sqldump {
    font-size: 80%;
    padding: 15px;
    background: #E5E5E5;
}

.flash-msg {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10000;
}

.px60 {
    height: 60px;
}

.px150 {
    width: 150px;
}

.checkbox {
    padding-left: 20px;
}

.radio label,
.checkbox label {
    display: inline;
    padding-left: 0px;
}

.tl { text-align: left }
.tr { text-align: right }
.tc { text-align: center }

@media (max-width: 767px) {

    .content {
        padding: 10px;
    }

    .footer {
        padding: 10px;
    }

}

.jumbotron {
    background-color: #FFFFFF;
}

.jumbotron.header {
    background-size: cover;
    height: 35rem;
}

.jumbotron.header h1,
.jumbotron.header .h1 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 4rem;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0 1rem;
}

.jumbotron.header p {
    color: #FFFFFF;
    font-size: 2.5rem;
    text-transform: uppercase;
    margin: 13rem 0 0 1rem;
}

.jumbotron.header span {
    font-size: 3.6rem;
}

@media screen and (min-width: 625px) {
    .jumbotron.header p {
        font-size: 3rem;
        margin: 15rem 0 0 3rem;
    }
    .jumbotron.header span {
        font-size: 4rem;
    }
}

#header01 {
    background: #E5E5E5 url("../img/header-01.jpg") 50% no-repeat;
    background-size: cover;
}

#header02 {
    background: #E5E5E5 url("../img/header-02.jpg") 50% no-repeat;
    background-size: cover;
}

#header03 {
    background: #E5E5E5 url("../img/header-03.jpg") 50% no-repeat;
    background-size: cover;
}

#header04 {
    background: #E5E5E5 url("../img/header-04.jpg") 50% no-repeat;
    background-size: cover;
}

#header05 {
    background: #E5E5E5 url("../img/header-05.jpg") 50% no-repeat;
    background-size: cover;
}

#header06 {
    background: #E5E5E5 url("../img/header-06.jpg") 50% no-repeat;
    background-size: cover;
}

#benefits-diagram {
    /*background: url("../img/benefits-05.jpg") 50% no-repeat;*/
    /*background-size: contain;*/
    height: auto;
    width: 100%;
}

.navbar-nav > li {
    padding: 0;
    margin:0 2rem;
}

.nav > li > a {
    padding: 0; 
}

.navbar-nav > li > a {
    font-size: 2rem;
    text-transform: uppercase;
    padding-bottom: 1.2rem;
    text-decoration: none;
}

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    border-bottom: none;
    background: none;
    color:#65BC46;
    box-shadow: none;
}

.footer .navbar-nav > li > a {
    font-size: 1.3rem;
    text-shadow: none;
    color: white;
}

.footer .nav > li > a:hover,
.footer .nav > li > a:focus {
    padding-bottom: 0;
    background-color: transparent; 
}

.footer a,
.footer .navbar-nav > li.active > a,
.footer .navbar-nav > li.active > a:hover,
.footer .navbar-nav > li > a:hover,
.footer .navbar-nav > li > a:focus {
    color:white;
}

.navbar-default {
    background: none;
    filter: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

.navbar {
    margin-bottom: 12px;
    border: none; 
}

@media screen and (min-width: 768px) {
    .navbar-nav > li {
        margin: 0 1rem;
    }    

    .navbar-nav > li > a {
        font-size: 1.7rem;
        padding-bottom: 1.2rem;
    }

    .jumbotron {
        padding-top:2rem;
        padding-bottom:6rem;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding: 2rem 0 11rem 0;
    }

    .jumbotron.header h1,
    .jumbotron.header .h1 {
        font-size: 6rem;
        margin: 2rem;
    }

    .navbar-default .navbar-nav > li.active > a,
    .navbar-default .navbar-nav > li.active > a:hover,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        border-bottom: 3px solid #65BC46;
    }
}

@media screen and (min-width: 878px) {
    .navbar-nav > li > a {
        font-size: 2rem;
    }
}

@media screen and (min-width: 1038px) {
    .navbar-nav > li > a {
        font-size: 2.2rem;
    }
}

.container {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 868px) and (max-width: 992px) {
    .container {
        width: 850px;
    }
}

@media (max-width: 568px) {
    .about .txt {
       font-size: 2rem;
    }
    .about .num span {
        font-size: 2.6rem;
        width: 4rem;
        height: 4rem;
    }    
    .about .title {
        font-size: 3rem;
        margin: 3rem 0;
        line-height: 3rem;
    }
}

.hidden-xs .phone {
    margin: 3rem 2rem;
    float: right;
    font-size: 2.5rem;
}

.hidden-xs .phone sup {
    padding-left: 1rem;
    padding-right: 0.4rem;
}

.footer .phone {
    float: right;   
    font-size: 1.5rem;
}

.footer .phone sup {
    padding-right: 0.4rem;
}

.footer .phone .glyphicon {
    padding-right: 1rem;
}

.input-number-box{
  display: inline-block;
  position: relative;
}

.input-number{
  line-height: 25px;
  height:25px;
  padding-right: 25px;
}
.input-number-more,
.input-number-less{
  position: absolute;
  right: 8px;
  border-width: 5px;
  border-style: solid;
  cursor: pointer;
}
.input-number-more{
  top: 2px;
  border-color: transparent transparent gray transparent;
}
.input-number-less{
  bottom: 2px;
  border-color: gray transparent transparent transparent;
}
#ProductCartupdateForm .row {
    margin: 1rem auto 4rem ;
    width: auto;
}
#ProductCartupdateForm .product-desc {
    width: 65%;
    padding: 2rem 0;
}
#ProductCartupdateForm .price-col * {
    display: inline-block;
    width: auto;
}
.vertical-align {
    display: flex;
    align-items: center;
}