*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}
html, body{
    height:100%;
}
body {
    color: #333;
    font: 14px 'Titillium Web', Arial, sans-serif;
    line-height: 1.7em;
    text-align:justify;
}

h1, h2, h3, h4, h5{
    color:#244c7c!important;
}

ul.infolist{
    margin-bottom:2em;
    margin-top:2em;
}
ul.infolist li{
    margin-left:2em;
}
ul.about-points li{
    background:url(../images/star.png) no-repeat left top;
    list-style:none;
    margin-bottom:2em;
    padding-left:4em;
}
ul.about-points li h4{
    margin-bottom:0px;
    margin-top:0px;
}

ul.nav-tabs{
    margin-top:1em;
}

.btn{
    border-radius:1px;
}

.container{
    max-width:1024px;
}

.page-container{
    margin-top:2em;
    min-height:100%;
}
.page-header, .page-header h1{
    margin-top:0;
}
.page-header{
    border:0;
    margin-bottom:0;
}
.page-header h1{
    color:#777;
    font-weight:300;
    font-size:2.5em;
}
.page-section{
    margin-bottom:2em;
}

/* Navigation */
.navbar {
    background:#fff;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    min-height: 80px;
    margin-bottom: 0px;
    position: relative;
}
.navbar-brand{
    padding-top:0.5em;
}
.navbar-brand img{
    max-width:190px;
}
.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    padding-top:2em;
    padding-bottom:2.2em;
}
.navbar-nav > li > a.nav-cta{
    color:#fff!important;
    margin-left:0.8em;
    margin-top:1.2em;
    padding:0.7em 1.5em;
}
.navbar-nav > li > a.nav-cta.btn-success:hover, 
.navbar-nav > li > a.nav-cta.btn-success:focus {
    background-color: #449d44 !important;
}
.navbar-nav > li > a.nav-cta.btn-warning:hover, 
.navbar-nav > li > a.nav-cta.btn-warning:focus {
    background-color:#ec971f !important;
}

/* Section styles */
section{
    padding-bottom:3em;
}
.section-header{
    margin:2em 0 3em;
    text-align:center;
}
.section-header h2{
    font-weight:100;
    margin-bottom:0.5em;
    text-transform:uppercase;
}
.section-header p{
    font-size:1.2em;
}

.section-end{
    margin:2em 0 0;
    text-align:center;
}

.main-banner {
    background: url(../images/main.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom:0!important;
    width: 100%;
}
.main-banner h1{
    font-weight:300;
    text-transform:uppercase;
}
.main-banner p.intro-text{
    color:#fff;
    font-size:1.5em;
    font-weight:100;
    padding:1em 0;
}
.main-banner .btn{
    margin-right:8px;
    padding-left:1.5em;
    padding-right:1.5em;
}

.container-hero{
    background:rgba(36,76,124, 0.7);
    color: #FFF;
    padding:12em 1em;
}

/* Contact page image */
.hero-image-contact {
    background: url(../images/contact.jpg) repeat-x;
    width: 100%;
    height: 450px;
    display: inline-block;
    vertical-align: middle;
    color: transparent;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.contact-hero {
    text-align: left;
    vertical-align: middle;
    margin-left: 50%;
    color: #FFF;
}

.contact p.intro {
    font-size: 1.63158em;
    font-weight: 600;
    letter-spacing: .03em;
    line-height: 1.4em;
    margin-top: .87097em;
    margin-bottom: .87097em;
    text-align: center;
}
.contacts-list h5{
    color:#244C7C;
    margin-bottom:0.5em;
    text-transform:uppercase;
}
.contacts-list p{
    margin-bottom:2em;
}

/* How it works */
.how-it-works{
    margin: 2em 0;
    text-align: center;
}
.how-it-works p, .how-it-works h4 {
    text-align:center;
}
.how-step {
    background: #eee;
    border-radius:50%;
    height:17em;
    width:17em;
    margin:0 auto;
    padding:40px 20px 0;
    text-align: center;
}
.steps-holder{
    padding:1em 0;
}

.how-step h4 {
    font-weight:600;
    position:relative;
    top:12px;
}
.how-step i.icon{
    color:#888;
    font-size:6em;
}

/* Features */
.features{
    background-color: #244C7C;
    color: #FFF;
    text-align: left;
}
.features i.icon{
    color:#FFF;
    font-size:4em;
}
.features h3{
    font-size:1.5em;
    font-weight:300;
    margin-top:0;
    padding-bottom:0.3em;
}
.features .row{
    margin-bottom:1em;
}

/* Clients */
.clients {
    background-color: #FFF;
    text-align: center;
    margin-bottom: 25px;
}

/* Research */
.research > .row{
    margin-bottom:0.5em;
}
.research .row > .col-md-6:before{
    border-bottom:1px solid #ddd;
    content:"";
    display:block;
    width:92%;
}
.research .row div{
    padding-left:0;
    padding-top:1em;
}
.research i.icon{
    font-size:3em;
}
.download-box a{
    display:block;
    padding:0.5em;
    text-align:center;
    text-decoration:none;
    width:100px;
}
.download-box a:hover{
    color:green;
}

/* FAQS */
.tab-content{
    margin-top:3em;
}
.panel-group .panel-heading{
    padding:0;
}
.panel-group .panel-heading a{
    display:block;
    padding:0.8em 1em;
}
.panel-group .panel-heading a:hover{
    background:#ddd;
    text-decoration:none;
}
.nav-tabs.faq-tabs li{
    width:33.3333333333333333%;
}
.nav-tabs.faq-tabs li a{
    border-top:5px solid transparent;
    display:block;
    font-size:1.2em;
    margin:0;
    text-align:center;
}
.nav-tabs.faq-tabs li a i.icon{
    font-size:1.8em;
}
.nav-tabs.faq-tabs li.active a{
    border-top:5px solid #244C7C;
    border-radius:0;
}

.accordion{
    margin-bottom:4em;
}
.accordion .panel{
    border:0;
    box-shadow:none;
}
.accordion .panel-heading{
    border:0;
    border-radius:0;
    padding:0;
}
.accordion .panel-heading h4{
    font-size:1.1em;
    font-weight:300;
    line-height:1.6em;
}
.accordion .panel-heading a{
    border-left:6px solid #ddd;
    display:block;
    padding:0.7em;
    padding-left:1.5em;
    text-decoration:none;
}
.accordion .panel-heading a:hover{
    background:#eee;
}
.accordion .panel-body{
    border-top:0!important;
    padding-bottom:3em;
    text-align:justify;
}
.accordion .panel-body .infolist{
    margin-bottom:1em;
    margin-top:1em;
}
.accordion .panel-body .infolist li{
    line-height:1.5em;
    margin-bottom:8px;
    width:90%;
}

/* About Us + Contacts */
.map-holder{
    height:30em;
    width:100%;
    /* pointer-events:none; */
}

/* Footer */
footer{
    background:#f3f3f3;
    color:#333;
}

.footer-top{
    padding:1em 0;
}
.footer-bottom{
/*    border-top:1px solid #ddd;*/
    color:#888;
    font-size:0.9em;
    padding:1em 0;
}