body { font-size: 18px; background-color: #fff; font-family: Lato; }

header { background: Transparent url(../img/banner.png) no-repeat center center; background-size: cover; }

@media (max-width: 1500px) {
    body { background-position: 5% 100%; }
}

h1, h2, h3, h4, h5 { font-family: Trocchi; }

h2 { margin: 0; padding: 55px 0; font-size: 32px; }

h3 { font-size: 32px; font-weight: 300; margin: 30px 0 20px 0; }

h4 { font-size: 28px; padding: 35px 0 25px 0; }

.text-normal { font-size: 18px !important; }
.text-small { font-size: 12px; }

.hm_55 { margin: 55px 0; }

p { margin: 0; padding: 10px 0; }

a { color: #000; font-family: Lato !important; ;}
a:hover, a:active, a:focus { color: #00a75f; text-decoration:none;}

.normal_a { color: #00a75f; font-family: Lato !important; text-decoration:underline; }
.normal_a:hover, .normal_a:active, .normal_a:focus { color: #00a75f; text-decoration:underline;}

.normal_ul {list-style:disc; list-style-position: inside;}
.normal_ul li {display:list-item;padding-right:0px; }

ul { list-style: none; margin: 0; padding: 0; }
.list-inline li { display: inline-block; padding-right: 20px; }

input { width: 200px; height: 36px; padding: 0 10px; font-size: 14px; background-color: white; border: 1px solid #3b554a; color: #000; }

::-webkit-input-placeholder { font-style: italic; color: #000; }

::-moz-placeholder { font-style: italic; }
/* firefox 19+ */
:-ms-input-placeholder { font-style: italic; }
/* ie */
input:-moz-placeholder { font-style: italic; }

.text-green { color: #00a75f; }
.text-yellow { color: #f9e61d; }

.pb55 { padding-bottom: 55px; }

.pb35 { padding-bottom: 35px; }

.pb30 { padding-bottom: 30px; }

.pb25 { padding-bottom: 25px; }

.pb15 { padding-bottom: 15px; }

.pt25 { padding-top: 25px; }

.mt_0 { margin-top: 0; }

@media (max-width: 970px) {
    .pt-sm-30 { padding-top: 30px; }
}

@media (max-width: 768px) {
    .pt-xs-30 { padding-top: 30px; }
    .pt-xs-50 { padding-top: 50px; }
}

/* BUTTONS */
.button { display: inline-block; border: 0; height: 30px; line-height: 30px; padding: 0 20px; font-size: 16px; font-weight: bold; text-align: center; vertical-align: middle; }

.button:hover { text-decoration: none; }

.button.green { background-color: #00a75f; color: #fff; }
.button.yellow { background-color: #f9e61d; color: #00a75f; }

.btn-more { display: inline-block; background-image: url('../img/btn_more.png'); width: 22px; height: 15px; }

.btn-expand:after { font-family: "Glyphicons Halflings"; content: "\e260"; float: right; margin-left: 15px; font-size: 12px; }
/* Icon when the collapsible content is hidden */
.btn-expand.collapsed:after { content: "\e258"; }

.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px;
    height: 70px;
    box-shadow: 0 10px 6px -6px rgba(100, 100, 100, 1.0);
    background-color: #00A75F;
    border-color: #00A75F;
    color:white;
}
.btn-xlarge:hover {
    text-decoration:underline;
}
    .btn-xlarge:hover, .btn-xlarge:focus, .btn-xlarge:active, .btn-xlarge.active {
        background-color: #008e50;
        border-color: #007442;
        color: white;
    }
fieldset[disabled] .btn-xlarge:hover,
fieldset[disabled] .btn-xlarge:focus,
fieldset[disabled] .btn-xlarge:active,
fieldset[disabled] .btn-xlarge.active {
    background-color: #00A75F;
    border-color: #00A75F;
    color: white;
}


/* HEADER */
/* navbar */
.navbar-default {
    height: 70px;
    background: none;
    background-color: none;
    border: none;
    box-shadow: none;
    margin: 0px;
    font-size: 16px;
}

.navbar-default .navbar-header { line-height: 70px; height: 70px; background-image: none; background-color: none; }

.navbar-default .navbar-brand { margin-top: 5px; }
    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus { color: #5E5E5E; }
/* link */
.navbar-default .navbar-nav > li > a { color: #fff; box-shadow: none; line-height: 70px; padding: 0px 15px; }

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

.navbar-default .navbar-nav > li.nav-login > a {
    background-color: #00a75f;
    color: #fff;
    padding: 10px 18px;
    line-height: 1.2;
    margin-top: 16px;
    border-radius: 3px;

}

.navbar-default .navbar-nav > li.nav-login > a:hover,
.navbar-default .navbar-nav > li.nav-login > a:focus {
    background-color: #008e50;
    color: #fff;
    text-decoration: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #00a75f; background: none; box-shadow: none; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color: #00a75f; background: none; }

/* mobile version */
.navbar-default .navbar-toggle { border-color: #00a75f; margin-top: 20px; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #00a75f; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #e8f7f0; }

.navbar-default .navbar-toggle .icon-bar { background-color: #00a75f; }


.banner-caption { margin-top: 10%; color: #fff; position: relative; }
.banner-caption .title { font-size: 96px; line-height: 96px; font-weight: 300; font-family: Lato;}
.banner-caption .strike { display: inline-block; width: 100px; text-align: center;  line-height: 0.1em; margin: 30px 0; }
.banner-caption p { margin-left: 10px; }

.banner-caption .scroll-down { position: absolute; right: 20px; bottom: -30px; font-weight: 300; line-height: 21px; background: Transparent url('../img/mouse.png') no-repeat top right; padding-right: 30px; }

@media (max-width: 767px) {
    header { height: 500px; }
    .banner-caption { margin-top: 5%; }
    .banner-caption .title { font-size: 48px; line-height: 48px; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #00a75f; z-index: 99; background-color: #333333; }

    .navbar-default .navbar-nav > li > a { line-height: 47px; border-bottom: 1px solid #e8f7f0; }
    .navbar-default .navbar-nav > li.nav-login > a {
        line-height: 47px;
        padding: 0px 15px;
        border-radius: 0;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000; line-height: 47px; }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #00a75f; }

    .navbar-collapse.in { overflow: initial !important; }
}

@media (min-width: 768px) and (max-width: 850px) {
    .navbar-brand { padding-top: 20px; }
    .navbar-brand > img { width: 160px; }
}

@media (min-width: 768px) and (max-width: 992px) {
    .container { width: auto !important; }
}
/* HEADER */
.whatdoyouneed .img-responsive { margin: 0 auto; }

.price {
    background-color:lightgray;
    padding-bottom:30px;
}
.price .priceBanner {
    margin-top: 20px;
    box-shadow: 0 10px 6px -6px #777;
    background-color: rgba(255, 255, 255, 0.95);
}
.price .priceTitle {
    padding-top:10px;
    padding-bottom: 10px;
    text-align: center;
}
.price .priceDescription {
    text-align: center;
    padding-bottom:10px;
}
.priceCell {
    margin-top: 30px;
    padding: 20px 10px 10px 10px;
    border: 10px solid #00A75F;
    border-radius:5px;
    background-color: white;
    text-align: center;
    box-shadow: 0 10px 6px -6px #777;
    height:220px;
}
.priceCell .oneDollar {
    padding-bottom:10px;
    padding-top:10px;
}
.priceCell .oneDollar img {
    margin: 0 auto;
}
.priceCell .transactionFee {
    font-size:40px;
    height:108px;
}
.price .priceDetails {
    text-align: center;
    padding: 20px;
}
.price .priceList {
    text-align: center;
    padding-bottom: 10px;
}
.price .priceTrial {
    text-align: center;
    padding-top:30px;
}

.whypickus {
    background-color: #00a75f;
    color: #fff;
}
.whypickus .img-responsive { margin: 0 auto; }

.register {
    background-color: #333333;
    background-image: url('../img/register.png');
    padding-top: 30px;
}
.register img { margin: 0 auto; }

footer { background-color: #333333; color: #fff; font-size: 14px; }
footer a { color: #fff; font-size: 14px; }

.footer-logo { padding-top: 50px; padding-bottom: 35px; border-bottom: 1px solid #484848; margin-bottom: 30px; }
.text-gray, .text-gray a { color: #e8f7f0; }

#modalVideo .modal-dialog { 
    min-height:70% !important;
    min-width:70% !important;
}

#modalVideo .modal-body {
    text-align:center;
}