html{
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}
body {
	font-family: 'Poppins';
	min-height: 100%;
	position: relative;
}
h1,h2,h3 {
	font-weight: 600;
}
/* General */
.section {
	padding: 70px 0;
}
.btn {
	border-radius: 0;
}
.btn-default {
	background-color: #033866;
	color: white;
}
.btn-inverse {
	background-color: transparent;
	border: 2px solid white;
	color:#fff;
	font-weight:900;
	-moz-transition: 0.25s linear;
	-webkit-transition: 0.25s linear;
	transition: 0.25s linear;
	color: #6EAB3F;
border: 2px solid #6EAB3F;
}

.btn-inverse:after{
	content:'\f061';
	font-family: FontAwesome;
	font-weight:100;
	padding-left:5px;
}
.btn-inverse.back:after{
	content:'';
}
.btn-inverse.back:before{
	content:'\f060' !important;
	font-family: FontAwesome;
	font-weight:100;
	padding-right:5px;
}

.contact-form .btn-inverse{
	color:#033866;
	border: 2px solid #033866;
}

.btn-inverse:hover {
	background: rgba(255,255,255,.9);
	border:2px solid #ccc !important;
	color: #033866 !important;
}
label {
	color: #033866;
}
.form-control {
	border-radius: 0;
}
/* Navbar */
.navbar {
	background-color: transparent;
	border-color: transparent;
}

.navbar-brand > img{
	width: 170px;
	top: 0;
	position: absolute;
}

.navbar-default .navbar-nav > li > a{
	color:#033866;
}

.navbar-default .navbar-nav > li > a:hover{
	color:#6EAB3F;
}

.navbar-default .navbar-nav > li > a.active{
	color:#6EAB3F;
}


a.navbar-brand {
	padding: 0;
}
.navbar-style {
	background-color: rgba(255,255,255,.9);
	padding: 15px;
}
.navbar-header a.navbar-brand {
	margin-left: 0 !important;
}
/* Main */
.main-squares {
	padding: 10px 20px;
	color: white;
	min-height: 240px;
}
.main-squares a {
	bottom: 10px;
	position: absolute;
}
.main-squares h3{
	font-size:23px;
}

.main-squares.color-white h3{
	color:#6EAB3F;
}
.main-squares.color-white .btn-inverse{
	color:#6EAB3F;
	border:2px solid #6EAB3F;
}

.main-background {
	background: url("../img/baby-2.jpg") right center;
	background-size: cover; 
	min-height: 100%;
	width:100%;
}

.main-background h1 {
	font-size: 60px;
}
.main-background h1,
.main-background h4 {
	color: white;
	text-shadow: 2px 5px 5px rgba(0,0,0,0.5);
}
.main-background .main-margin {
	margin: 150px 0;
}

.color-gray {
	background-color: #aaa;
}
.color-white {
	background-color: #fff;
}
.color-dark-gray {
	background-color: #666;
}
.color-green {
	background-color: #6EAB3F;
}
.color-blue {
	background-color: #033866;
}


/* About */
.about-background {
	background:url("../img/baby-3.jpg") center 15%;
	background-size: cover;
}
.about-square {
	padding: 20px;
	color: white;
	position: relative;
	bottom: -80px;
}
.about-square div.row {
	padding: 20px 0;
}
.about-square h3 {
	line-height: 0;
}
.about-square p {
	margin-top: 10px;
}
.about-squares {
	padding: 20px 10px;
	height: 300px;
	color: white;
	min-width: 20%;
	border:8px solid #fff;
	text-align: center;
}
.about-squares:first-child {  background: url('../img/about-squares-01.png') no-repeat center; }
.about-squares:nth-child(2) { background: url('../img/about-squares-02-g.png') no-repeat center; }
.about-squares:nth-child(3) { background: url('../img/about-squares-03.png') no-repeat center; }
.about-squares:nth-child(4) { background: url('../img/about-squares-04-g.png') no-repeat center; }
.about-squares:nth-child(5) { background: url('../img/about-squares-05.png') no-repeat center; }
.about-squares:nth-child(6) { background: url('../img/about-squares-06-g.png') no-repeat center; }
.about-squares:nth-child(7) { background: url('../img/about-squares-07.png') no-repeat center; }
.about-squares:nth-child(8) { background: url('../img/about-squares-08-g.png') no-repeat center; }
.about-squares:nth-child(9) { background: url('../img/about-squares-09.png') no-repeat center; }
.about-squares:nth-child(10) { background: url('../img/about-squares-10-g.png') no-repeat center; }

.about-mosaic{
	padding:0 8px;
}

.about-squares h4{
	min-height:100px;
	margin-top: 80px;
}

/*.about-squares:first-child:hover{background:linear-gradient(to bottom, rgba(3, 56, 102,0.75) 0%,rgba(3, 56, 102,0.75) 100%), url('../img/about-squares-01.png') no-repeat;}
*/
/*
.about-squares:hover h4, 
.about-squares:hover h3,
.about-squares:hover hr{
display:none;
}

.about-squares .roll{
background:rgba(3,56,102,.8); 
 width: 100%;
	opacity:0;
	font-size:12px;
	text-align: left;
	font-style: italic;
	padding: 20px 15px;
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}

.about-squares:hover .roll{
opacity:1;
}

*/

/* Login */
.login-background {
	background: url("../img/cardik-web.jpg") center;
	background-size: cover;
	min-height: 100%;
	width:100%; 
}
.login-background h1 {
	font-size: 60px;
}
.login-background h1,
.login-background h4 {
	color: white;
	text-shadow: 2px 5px 5px rgba(0,0,0,0.5);
}
.login-background .main-margin {
	margin: 150px 0;
}
/* Super Login */
/*
.superlogin-background {
	background: url("../img/superlogin.jpg") center;
	background-size: cover; 
}
.superlogin-form {
	background-color: rgba(250,250,250,0.9);
	border-radius: 0;
}
.superlogin-form h1 {
	color: #033866;
}
.superlogin-form hr {
	border-color: #033866;
}
*/


.superlogin-background {
	background: url("../img/baby-2.jpg") right center;
	background-size: cover; 
	min-height: 100%;
	width:100%;
}

.superlogin-background h1 {
	font-size: 60px;
}
.superlogin-background h1,
.superlogin-background h4 {
	color: white;
	text-shadow: 2px 5px 5px rgba(0,0,0,0.5);
}
.superlogin-background .main-margin {
	margin: 150px 0;
}


/* Contact */
.contact-background {
	background: url("../img/baby-1.jpg") center;
	background-size: cover; 
}
.contact-form {
	background-color: rgba(250,250,250,0.9);
	border-radius: 0;
}
.contact-form h1 {
	color: #033866;
}
.contact-form hr {
	border-color: #033866;
}

/*Value*/
.value-background {
	background: #aaa;
	background-size: cover;
	min-height:800px;
}

/* Services */
.service-background {
	background:#fff;
}
.service-background .main-margin {
    margin: 150px 0;
    margin-bottom: 50px;
}

.service-background h1,.service-background h4{
	color:#666;
	text-shadow: none;
}

.service p{
	text-align:justify;
	height:200px;
}


.service-squares {
	padding: 20px 10px;
	height: 190px;
	color: white;
	
}
.service-squares:first-child  { background: url('../img/1.jpg') no-repeat center top;background-size:cover; }
.service-squares:nth-child(2) { background: url('../img/2.jpg') no-repeat center;background-size:cover;  }
.service-squares:nth-child(3) { background: url('../img/3.jpg') no-repeat center;background-size:cover;  }
.service-squares:nth-child(4) { background: url('../img/4.jpg') no-repeat center;background-size:cover;  }

.services-background {
	padding:20px;
	height:150px;
	display:block;
	bottom: 75px;
	position: relative;
	font-size:14px;
	color:#000;
	margin-bottom:-70px;
}
.service .btn-inverse{
    color: #6EAB3F;
    border: 2px solid #6EAB3F;
    display: block;
	width: 200px;
}
.service .btn-inverse:after{
	content:'\f08e';
	font-family: FontAwesome;
	font-weight:100;
	padding-left:5px;
}

.services-background img{
	margin-bottom:30px;
}
.services-background.green {
	background:rgba(110, 171, 63,.6);
}
.services-background.blue {
	background:rgba(3, 56, 102,.6);
}

.services-text {
	margin: 50%;
}
/* Footer */
footer {
	background-color: #666;
	color: white;
	width:100%;

}
footer a{
	color:#fff;
}

.footer-squares {
	padding: 20px;
}

.footer-squares h5{
	text-transform:uppercase;
}
	
.footer-squares h5:after{
	content:'';
	margin-top:5px;
	height:1px;
	width:150px;
	background:#fff;
	display:block;
}
	
.footer-squares p, .footer-squares li{
	font-size:12px;
}
.footer-squares li{margin:10px 0px}
.footer-squares li i{font-size:16px;}
.footer-social {
	color: white;
}
.footer-social a {
	color: white;
	margin-right: 10px;
	text-decoration: none;
	-webkit-transition: 0.25s linear;
	-moz-transition: 0.25s linear;
	transition: 0.25s linear;
}
.footer-social a:hover {
	color: #6EAB3F
}


@media (min-width: 1600px) {
.main-square{
    margin-top: 150px;}
}