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

body {
    font-family: 'Open Sans', 'Helvetica Neue', Arial,sans-serif;
    font-size: 15px;
}

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

a:hover,
a:focus {
    color: #ecba0c;
	text-decoration:none;
	font-size:19px;
}

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

h3{
	font-weight:100;
	letter-spacing:2px;
	text-transform:uppercase;	
	}

h4{
	font-weight:bold;
	letter-spacing:1px;
	}


section {
    padding: 30px 0;
}

.form-control {
    width: 90%;
    padding: 6px 12px;
    background-color:#21343c;
    border:none;
	border-bottom: 1px solid #ccc;
	border-radius:0px;
	color:#ECECEC;	
}
/*! 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: -4px;
    }

    @media(max-width:768px) {

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

    }


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

header {
    width: 100%;
    background: url(../img/bkg.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	border-bottom: 10px #1d2f37 solid;
}

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

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

#main{
	color:white;
	 background: url(../img/bkg2.jpg) no-repeat #293f49;
        background-size: contain;

	}

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

.formbox {
    padding: 20px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.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;
        }
    }

label{
	font-weight:100;
	color:#D2D8E2;
	
	}

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

.btn {
    font-family: 'Raleway', 'Helvetica Neue', Arial,sans-serif;    
    color: #21343c !important;
	font-weight:bolder; 
	text-transform:uppercase;
	 font-size:14px
}

.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;
	background-color:#293f49;
}

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

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

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

    }



/*! Miscellaneous
----------------------------------------------------- */

.script {
    font-family: 'Dancing Script';
    font-size: 130%;
}

.text-shadow {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

img.shadow {
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
    }

    @media(max-width:990px) {
        .mobile-left {
            text-align: left !important;
        }
        .mobile-right {
            text-align: right !important;
        }        
        .mobile-center {
            text-align: center !important;
        }
        .col-max-600 {
            max-width: 100% !important;
        }
    }  


/*! Borders
----------------------------------------------------- */

.border-gray {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;    
}


.border-corner {
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

.border-2-gray {
    border: 2px solid #303030;
}


.panel{
	background-color:transparent;	
	border:none;
	}
	
.panel-default>.panel-heading{
	background-color:transparent;
	border-color: transparent;
	border-bottom: 1px solid #D7D7D7;
	color:white;
	
	}
	
.panel-body{
	padding-left: 50px;
	background-color:#21343c;
	}
	
	.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

#box{
	background-color:rgba(133, 160, 189, 0.1);
	border-radius:5px;
	
	}
	
.contact{
		background:url(../img/gold.png) bottom right no-repeat;
		background-size:contain;
		background-color:#21343c ;
		}

.modal-content{
	background-color:#293f49;
	background-image:url(../img/gold.png);
	color:white;
	}
	
	
	@media (min-width: 768px){
.lead {
	font-size:14px;
	}
	}

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

.primary { color: #ecba0c; }
.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: #293f49; }
.lightnavy { color: #414a55; }
.darknavy { color: #21343c; }
.blue { color: #0074D9; }
.teal { color: #39CCCC; }
.green { color: #2ECC40; }
.yellow { color: #FFDC00; }
.orange { color: #FF851B; }
.coral { color: #c02942; }
.red { color: #d1362e; }
.purple { color: #B10DC9; }



.bg-primary { background-color: #ecba0c !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: #293f49 !important; }
.bg-lightnavy { background-color: #414a55 !important; }
.bg-darknavy { background-color: #21343c !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; }