/*! Main (Custom)
----------------------------------------------------- */

html {
    height: 100%;
}

body {
    font-family: 'Open Sans', 'Helvetica Neue', Arial,sans-serif;
    font-size: 18px;
	 background: #1473cf;
    background: -webkit-linear-gradient(#1473cf, #1fafa6);
    background: -o-linear-gradient(#1473cf, #1fafa6);
    background: -moz-linear-gradient(#1473cf, #1fafa6);
    background: linear-gradient(#1473cf, #1fafa6);
	height: 100%;
    margin: 0;
    background-repeat: no-repeat;
	background-attachment: fixed;
	color: #fff;
	overflow-x: hidden;
}

a {
    color: #d61d23;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

a:hover,
a:focus {
    color: #eb3812;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik', 'Raleway', 'Helvetica Neue', Arial,sans-serif;
}

section {
    padding: 20px 0;
}

hr {
	border:1px solid black;
	width: 50%;
}


/*! Navbar
----------------------------------------------------- */

.navbar {
    background: #333;
}

.navbar-header {
}

.navbar-nav>li>a {
    color: #fff !important;
}

.navbar-nav>li>a:hover {
    color: #777 !important;
}

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

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: #c02942;
    color: #fff;
}

    .header-logo {
        position: relative;
        top: -7px;
    }

    @media(max-width:768px) {

        .header-logo {
            width: 100px;
            position: relative;
            top: -6px;
        }

    }
	


/*! Header
----------------------------------------------------- */

header {
    width: 100%;
}

header .header-content {
    padding: 30px 50px !important;
    color: #fff;
}

header .gradient {
    background: rgba(0, 0, 0, 0.5);
}

#header {
    position: relative;
    width: 100%;
    text-align: center;
	padding: 70px 0 10px 0px;
	margin: 0;
}

#header h1 {
	text-align: center;
	font-size: 75px !important;
	line-height: 0.9;
	vertical-align: middle;
	display: inline-block;
}

#header h2 {
	text-align: center;
	font-size: 85px !important;
}

#header img {
    display: block;
    margin-left: auto;
    margin-right: auto; 
	vertical-align: middle;
	display: inline-block;
	}
	
	@media screen and (min-width: 1200px){
    .rwd-break { 
	display: none; 
	}
    }
	
	@media (max-width: 775px){ 
		
	#header h1 {
		font-size: 55px !important;
		line-height: 1;
		vertical-align: middle;
		display: inline-block;
	}
	
	#header h2 {
	font-size: 55px !important;
}
	
	.btn {
		font-size: 14px;
	}
	
	#header span {
	display: block;
	}
	}


/*! Form Stuff
----------------------------------------------------- */

.formbox {
    padding: 10px 20px 20px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	margin: 20px 0;
}

.form_checkbox-number-input {
    width: 72px; 
    margin: 0 4px;
    display: inline-block;
}

.checkbox-text {
    margin: 2px 0 0 2px;
}

    @media(max-width:768px) {
        .control-label {
            float: left;
        }
    }



/*! Buttons
----------------------------------------------------- */

.btn {
    font-family: 'Raleway', 'Helvetica Neue', Arial,sans-serif;    
    color: #ffffff !important;
	font-size: 18px !important;
}

.btn:hover {
    background: url(../img/btn-opacity.png);
    color: #ffffff !important;
}

.btn-3d {
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,.15);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}


/*! Footer
----------------------------------------------------- */

footer {
    padding: 15px 0 0;
}

.copyright {
    font-size: 9px !important;
}

    @media(max-width:768px) {
        .copyright {
            font-size: 8px !important;
        }

        .copyright-logo {
            width: 110px !important;
        }

    }
	

/*! Marketing Services section
----------------------------------------------------- */	

.logo {
		width: 75px;
		margin: 0 auto;
}

.block-new {
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
}
.img-circle {
	border: 4px solid #fff;
}



/*! Custom Colors
----------------------------------------------------- */

.primary { color: #8E44AD; }
.secondary { color: #3598dc; }

.white { color: #ffffff; }
.gray { color: #f7f7f7; }
.darkgray { color: #333333;}
.darkergray { color: #222222;}
.black { color: #111111; }

.asired { color: #d71d24; }
.espblue { color: #005297; }

.navy { color: #343b44; }
.lightnavy { color: #414a55; }
.darknavy { color: #343b44; }
.blue { color: #0074D9; }
.teal { color: #39CCCC; }
.green { color: #2ECC40; }
.yellow { color: #FFDC00; }
.orange { color: #FF851B; }
.coral { color: #c02942; }
.red { color: #d1362e; }
.purple { color: #B10DC9; }
.newblue { color: #003d74; }
.lightblue { color: #1473cf; }



.bg-primary { background-color: #8E44AD !important; }
.bg-secondary { background-color: #3598dc !important; }

.bg-white { background-color: #ffffff !important; }
.bg-gray { background-color: #f7f7f7 !important; }
.bg-darkgray { background-color: #333333 !important; }
.bg-darkergray { background-color: #222222 !important; }
.bg-black { background-color: #111111 !important; }    

.bg-asired { background-color: #d71d24 !important; }
.bg-espblue { background-color: #005297 !important; }

.bg-navy { background-color: #343b44 !important; }
.bg-lightnavy { background-color: #414a55 !important; }
.bg-darknavy { background-color: #2f353b !important; }
.bg-blue { background-color: #0074D9 !important; }
.bg-teal { background-color: #39CCCC !important; }
.bg-green { background-color: #2ECC40 !important; }
.bg-yellow { background-color: #FFDC00 !important; }
.bg-orange { background-color: #FF851B !important; }
.bg-coral { background-color: #c02942 !important; }
.bg-red { background-color: #d1362e !important; }
.bg-purple { background-color: #B10DC9 !important; }
.bg-newblue { background-color: #003d74 !important; }
.bg-lightblue {background-color: #1473cf !important; }
