@font-face {
    font-family:'segoe';
    src:url(/fe/fonts/seguisb-webfont.eot);
    src:url(/fe/fonts/seguisb-webfont.eot?#iefix) format("embedded-opentype"),url(/fe/fonts/seguisb-webfont.woff) format("woff"),url(/fe/fonts/seguisb-webfont.ttf) format("truetype"),url(/fe/fonts/seguisb-webfont.svg#segoe_uisemibold) format("svg");
    font-weight:500;
    font-style:normal
}

@font-face {
    font-family:'segoe';
    src:url(/fe/fonts/segoeui-webfont.eot);
    src:url(/fe/fonts/segoeui-webfont.eot?#iefix) format("embedded-opentype"),url(/fe/fonts/segoeui-webfont.woff) format("woff"),url(/fe/fonts/segoeui-webfont.ttf) format("truetype"),url(/fe/fonts/segoeui-webfont.svg#segoe_ui_8regular) format("svg");
    font-weight:400;
    font-style:normal
}

@font-face {
    font-family:'segoe';
    src:url(/fe/fonts/segoeuisl-webfont.eot);
    src:url(/fe/fonts/segoeuisl-webfont.eot?#iefix) format("embedded-opentype"),url(/fe/fonts/segoeuisl-webfont.woff) format("woff"),url(/fe/fonts/segoeuisl-webfont.ttf) format("truetype"),url(/fe/fonts/segoeuisl-webfont.svg#segoe_uisemilight) format("svg");
    font-weight:200;
    font-style:normal
}

@font-face {
    font-family:'segoe';
    src:url(/fe/fonts/segoeuil-webfont.eot);
    src:url(/fe/fonts/segoeuil-webfont.eot?#iefix) format("embedded-opentype"),url(/fe/fonts/segoeuil-webfont.woff) format("woff"),url(/fe/fonts/segoeuil-webfont.ttf) format("truetype"),url(/fe/fonts/segoeuil-webfont.svg#segoe_uilight) format("svg");
    font-weight:100;
    font-style:normal
}

@font-face {
    font-family:'segoe';
    src:url(/fe/fonts/segoeuib-webfont.eot);
    src:url(/fe/fonts/segoeuib-webfont.eot?#iefix) format("embedded-opentype"),url(/fe/fonts/segoeuib-webfont.woff) format("woff"),url(/fe/fonts/segoeuib-webfont.ttf) format("truetype"),url(/fe/fonts/segoeuib-webfont.svg#segoe_ui_8bold) format("svg");
    font-weight:600;
    font-style:normal
}

body {
    font-family:'segoe',Sans-serif
}

.full {
    background:url(/fe/images/background.jpg) no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}

/**
 * Global
 */
p,h1,h2,h3,h4,h5,h6,ul {
    font-family:'segoe'
}

p, ul {
    font-size:16px;
    font-weight:100
}

h2 {
    font-weight:200
}

h1.light,h2.light,h3.light,h4.light,h5.light,h6.light {
    font-weight:100
}

.full {
    display:table;
    width:100%;
    height:auto;
    padding:100px 0;
    text-align:center;
    color:#fff
}

@media (min-width:767px) {
    .full {
        height:100%;
        padding:0
    }
}

blockquote {
    font-style:italic;
    border:none;
    font-size:14px
}

blockquote:before {
    content:open-quote;
    font-size:5em;
    line-height:.1em;
    float:left;
    margin:-10px 10px 0 -45px;
    font-family:"arial black",sans-serif
}

blockquote:after {
    content:close-quote;
    font-size:5em;
    line-height:.1em;
    float:right;
    margin:20px -20px 0 0;
    font-family:"arial black",sans-serif
}

.vertical {
    position:relative;
    top:50%;
    transform:translateY(-50%)
}

.underline {
    text-decoration:underline
}

.down-arrow-box {
    font-size:50px;
    padding:0 20px;
    border:1px solid #fff
}

a.down-arrow-box {
    color:#fff
}

.img-responsive {
    display: inline-block;
}

/**
 * Navbar
 */
.navbar {
    border-bottom:solid 1px #ccc;
    background:#fff;
    min-height:80px;
}

.navbar-nav>li>a {
    padding: 20px 10px 10px 10px;
}

@media (min-width: 810px) and (max-width: 955px) {
    .nav {
        float:right
    }
    .navbar-nav>li>a {
        padding: 20px 5px 10px 5px;
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 810px) {
    .nav {
        float:right
    }
    .navbar-nav>li>a {
        padding: 20px 4px 10px 4px;
        font-size: 13px;
    }
}

.nav>li>a {
    line-height:24px;
    vertical-align:bottom;
    color: #000000;
}
.nav>li>a>img {
    margin-bottom: -2px;
}
.nav>li>a:hover,.nav>li>a:focus,.nav li.active {
    background:none;
    border-bottom:solid 3px #fc4f00
}

.navbar-toggle {
    border:solid 1px #fc4f00;
    margin-top:25px;
    color: #fc4f00;
}

.icon-bar {
    background:#fc4f00
}

.navbar-collapse {
    box-shadow:none
}

.navbar-brand {
    padding: 10px;
}

/**
 * Home Page
 */
.intro {
    min-height:500px
}
.brand-heading {
    margin-top: -100px;
    text-shadow: 3px 3px #000000;
}

#call-to-action-wrapper {
    min-height:80%
}

#call-to-action {
    text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    width:90%;
    margin-left:-45%;
    margin-top:-10%
}

@media (max-width: 720px) {
    #call-to-action {
        margin-top:-25%
    }
}

#call-to-action h1 {
    font-family:'segoe',Sans-serif;
    font-weight:100;
    color:#fff
}

.btn-angle {
    width:70px;
    height:70px;
    margin-top:15px;
    padding:7px 16px;
    font-size:40px;
    color:#fff
}

.btn-angle:hover {
    color:#fc4f00
}

/**
 * Overview
 */
.overview-section {
    padding:150px 0
}

.what-section {
    background:#fe5000
}

.why-section {
    background:#fc8200
}

.problems-section {
    background:#fc3b00
}

.relate-section {
    background:#333
}

.cost-section {
    background: #fc8200;
}

.inline-nav a {
    font-size:24px;
    color:#fff
}

/**
 * Solution
 */
#solution {
    background: #f5f5f5;
    padding: 150px 0;
    color: #000000;
}

/**
 * How it works
 */
#how-it-works {
    background:#fff;
    padding:150px 0;
    color:#000
}

#how-it-works .row {
    margin-top:40px;
    margin-bottom:40px
}

.number {
    border:1px solid #ccc;
    color:#000;
    border-radius:50%;
    width:100px;
    height:100px;
    font-size:25px;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    line-height:100px
}

/**
 * Scroll arrow
 */
#arrow-scroll {
    position:absolute;
    left:50%;
    bottom:10%;
    margin-left:-35px;
}

@media (max-width: 768px) {
    #arrow-scroll {
        display:none
    }
}

/**
 * Advantage
 */
#advantage {
    background: #eaeaea;
    padding: 150px 0;
    color: #000000;
}


#faq {
    background: #fff;
    padding: 150px 0;
    color: #000000;
}
#faq p {
    margin-bottom: 10px;
}

#faq .question p {
    font-size:20px;
}
#faq .faq {
    margin-bottom: 35px;
}

/**
 * Pricing Table
 */
/* Use a wide full screen for small screens like tablets. */
@media (min-width: 768px) and (max-width:992px) {
    .container {
        width: initial;
        padding-left: 2em;
        padding-right: 2em;
    }
}

/* --- Plans ---------------------------- */

.my_planHeader {
    text-align: center;
    color: white;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding:0;
    font-size: 12px;
}
.my_planTitle {
    padding: 10px 5px;
}
.my_planType {
    margin-top: -0.6em;
}

@media (max-width: 768px) {
    .my_planTitle {
        font-size: 10px;
    }
}

/* --- Features ------------------------- */

.my_feature {
    line-height:2.8em;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    color: #000000;
    height: 50px;
    max-height: 50px;
}

.my_feature.even {
    background: #ffffff;
}

.my_feature.odd {
    background: #f7f7f7;
}

@media (max-width: 768px) {
    .my_feature {
        text-align: center
    }
}

.my_featureRow {
    background: #ffffff;
}

/* --- Plan 1 --------------------------- */
.my_plan1.even {
    background: #dcdcdc;
}

.my_plan1.odd {
    background: #d1d1d1;
}

.my_plan1 .my_planTitle {
    background: #5c5c5c;
}

.my_planHeader.my_plan1 {
    background: #666666;
}

/* --- Plan 2 --------------------------- */
.my_plan2.even {
    background: #c5c4c4;
}

.my_plan2.odd {
    background: #bbbbbb;
}

.my_plan2 .my_planTitle {
    background: #484848;
}

.my_planHeader.my_plan2 {
    background: #555555;
}

/* --- Plan 3 --------------------------- */
.my_plan3.even {
    background: #ff9d70;
}

.my_plan3.odd {
    background: #fc8a55;
}

.my_plan3 .my_planTitle {
    background: #f34d02;
}

.my_planHeader.my_plan3 {
    background: #fc4f00;
}
/* --- Plan 4 --------------------------- */
.my_plan4.even {
    background: #6cd37a;
}

.my_plan4.odd {
    background: #5dc06b;
}

.my_plan4 .my_planTitle {
    background: #1fb033;
}

.my_planHeader.my_plan4 {
    background: #39b54a;
}

.my_planFeature {
    text-align: center;
    font-size: 2em;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.my_planFeature {
    height: 50px;
    max-height: 50px;
}

.my_planFeature i.my_check {
    color: #ffffff;
    font-size: 16px;
    border: solid 1px #ffffff;
    border-radius: 50%;
    margin: -5px 0 10px 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
}

/**
 * Contact
 */
#map {
    margin-top: 0 !important;
}

#contact .inner {
    background: #fc4f00;
    padding-top: 100px;
    padding-bottom: 100px;
}

#contact h3 {
    font-weight: 400;
}

#contact .form-control {
    border-radius: 0;
    background: none;
    color: #ffffff;
    margin:  0 0 10px 0;
    min-height: 45px;
    border: solid 1px #ffffff;
}

.btn-wide {
    width: 100%;
}

.btn-white {
    background: #ffffff;
    color: #fc4f00;
    border-radius: 0;
    height: 45px;
}

select {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

/**
 * Demo Form
 */
.demo-form {
    color: #5c5c5c;
}

.demo-form .modal-content {
    background: #eaeaea;
}

.demo-form .errorMessage {
    color: #fe1b11;
    margin-bottom: 5px;
}

.demo-form .form-control {
    border-radius: 0;
    margin:  0 0 10px 0;
    min-height: 45px;
    border: solid 1px #ababab;
}

.demo-form .btn-default {
    color: #ffffff;
    border: 1px solid #ff9d70;
    background: #ff9d70;
    height: 45px;
}

.demo-form .btn-primary {
    color: #ffffff;
    border: 1px solid #6cd37a;
    background: #6cd37a;
    height: 45px;
}