/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18.04.2016, 10:41:51
    Author     : richardgervink
*/

body {
    height: 100%; background-color: #819494; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

.container {

    max-width: 990px;
    margin-top: 30px;
    padding: 25px 0;
}

.container .head {
    width: 100%;
    padding:50px 10px 10px 10px; 
    text-align: center;
    background-color: #fff;
}

.container .head img.logo{
	margin-bottom: 30px;
	max-height: 340px;
	margin-left: 5px;
}

.container .head img{
	padding:0px 20px 0px 15px;
}

.container .main-menu .mobile-menu {
    display: none; 
}

.container .main-menu .col-sm-7{
    background-color: #4b6d7c;
    height: 50px;
}

.container .main-menu .col-sm-7 ul {
    color: #013d54;
    list-style: none;
}

.container .row {
    margin-left: 0px;
    margin-right: 0px;
}
.container .main-menu .col-sm-7 ul li:before {
   content: '';
   display: inline-block;
   height: 15px;
   width: 15px;
   background-color: #4b6d7c;
   border: 2px solid #fff;
   position: relative;
   top: 2px;
   margin-right: 10px;
}

.container .main-menu .col-sm-7 li {
    float: left;
    margin-right: 25px;
}

.container .main-menu .col-sm-7 li a {
    color: #fff;
    line-height: 50px;
}

.container .main-menu .col-sm-5{
    background-color: #4b6d7c;
    height: 50px;
    line-height: 50px;
    color: #fff;
}

.container .main-menu .col-sm-5 i {
    margin-left: 40px;
    padding-top: 3px;
    margin-right: 5px;
    font-size: 18px;
    color: #013d54;
    position: relative;
    top: 3px;
}

.container .content {
 background-color: #fff;
}

.container .content.row {
    margin: 0px 0;
}

.container .content .row {
    width: 100%;
}

.container .content .row .form-control {
    border-radius: 0px;
    margin-bottom: 10px;
}

.container .content .col-sm-8 .row .col-sm-4 {
    line-height: 30px;
    margin-left: -15px;
    color: #819494;
}
.container .content h1 {
    color: #949787;
    font-size: 20px;
    font-weight: normal;
    margin-top:0px;
    text-transform:uppercase
}
.container .content h2{
    color: #819494;
    font-size: 17px;
    font-weight: bold;
    margin-top:0px;
}

.container .row .white, .container .row .grey {
    padding: 50px;
}

.container .row .white {
    float: left;
}

.container .row .grey {
    background-color: hsla(180,8%,54%,0.3);
    float: left;
}

.container .content p {
    color: #646463;
}

.container .row.footer {
    background-color: transparent;
    padding-top: 10px;
    color: #fff;
    font-size: 14px;
    padding-bottom: 100px;
}
.container .row.footer .co {
    float:right;
}
.container .row.footer a {
    color: #eef2f4;
}
.alert.alert-success {
    border-radius: 0px;
}

.main-menu li span:after {
    content: " ";
}
@media(max-width: 990px) {
    .main-menu ul {
        padding-left: 0px;
    }
    .main-menu ul li {
        margin-right: 10px !important;
    }
} 
@media(max-width: 768px) {
    .main-menu li span {
        display: none;
    }
    
        .container {
        margin-top: 10px;
    }
    
    .container .head {
        text-align: left !important;
    }
    .main-menu .col-sm-5 {
        padding-left: 35px;
    }
    .container .content .col-sm-8 .col-sm-8 {
        
        margin-left: -15px;
        
        
    }
    
    /*.mobile-menu {
        display: block !important;
        color: #fff;
        font-size: 24px;
        padding-top:8px;
        margin-left: 20px;
    }
    .main-menu ul{
        
        display:none;
        z-index: 9999;
        position: relative;
        width: 100%;
        background-color: #3d3d3c;
        padding: 20px;
        
        margin-top: 7px;
        border-top: 1px solid white;
    }*/
    .container .footer,
	.container .head {
        padding-left: 20px;
        padding-right: 20px;
    }
	.container .footer .co { display:none; 
	}
    /*
    .main-menu ul li {
        margin-left: 0px;
        display: block;
        float: none !important;
    }*/
}


@media(max-width: 500px) {

.main-menu span {
        display: none;
    }
.container .main-menu .col-sm-5 {
        background-color: rgba(0,0,0,0);
        position:absolute;
        width: 100%;
    }
    .container .main-menu .col-sm-5 i{
        margin-top: -40px !important;
        
        float:right;
    }

}