/*
Template Name: Moltran Dashboard build with Bootstrap v3.3.6
Author: CoderThemes
Email: coderthemes@gmail.com
Date: Jun 2015
*/

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);

html,body {
	height: 100%;
	background: #f5f5f5;
	font-family: 'Noto Sans', sans-serif;
}
header {
	background: url(bg.png);
	border-bottom: 1px solid #ddd;
	padding: 5% 0 5% 0;
	text-align: center;
	min-height: 200px;
}
.btn-ref {
	color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 22px;
    margin-top: 30px;
    background: #00b19d !important;
}
.center-page {
	float: none;
	margin: 0px auto;
}
.logo {
	margin-bottom: 10px;
}
.logo h1{
	color: #333333;
	font-weight: 600;
}
a:hover{
	text-decoration: none;
}
header p{
	font-size: 16px;
	color: #999999;
	margin: 0;
	margin-bottom: 30px;
}
.choose h3 {
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	font-weight: 600;
}
.choose {
	text-align: center;
	margin: 120px 0 50px 0;
	height: 100%;
}
.choose-item {
	margin-bottom: 120px;
	height: 100%;
	-webkit-transition: all 0.28s ease-in-out;
       -moz-transition: all 0.28s ease-in-out;
         -o-transition: all 0.28s ease-in-out;
            transition: all 0.28s ease-in-out;
}
.choose-item img{
	-webkit-transition: all 0.28s ease-in-out;
       -moz-transition: all 0.28s ease-in-out;
         -o-transition: all 0.28s ease-in-out;
            transition: all 0.28s ease-in-out;
}
.choose-item:hover img{
    -webkit-transform: scale(1.03);
       -moz-transform: scale(1.03);
         -o-transform: scale(1.03);
            transform: scale(1.03);
}

.choose-item img {
	margin: 0px auto;
}
.choose-item a:hover {
	text-decoration: none;
}
.img-thumbnail {
	padding: 0px;
}
.animationload {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}
.loader {
    width:200px;
    height:200px;
    font-size:0;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url("loader.gif"); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.copyright{
	color: #666;
	margin-bottom: 30px;
}