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

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: 'Raleway', 'Helvetica Neue', Arial,sans-serif;
}

section {
}


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

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

    @media(max-width:768px) {

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

    }
 @media(max-width:450px) {
.logotop{
	  width: 200px !important;
	}

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

header {
    width: 100%;
    background: url(../img/background.jpg) #10243f;
    background-position: center top;
 background-repeat: no-repeat;
    background-attachment: fixed;
	height:600px;
	margin:0px;
 
}

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

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



/*! 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;
}
.control-label{
	font-weight:100;
	
	}
	
.form-control{
	background-color:transparent
	}

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



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

.btn {
    font-family: 'Raleway', 'Helvetica Neue', Arial,sans-serif;    
    color: #ffffff !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;
	background-color:#082B45;
}

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


#port{
	 width: 100%;
    background: url(../img/background2.jpg) #112941;
 background-repeat: no-repeat;
 padding-bottom:50px;
     background-position: center top;

	}
	
.bar{
	width:170px; 
	height:4px; 
	background-color:#03e7cf; 
	border:0px; 
	text-align:left; 
	margin:0px; 
	padding:0px;
	}
	
	#about{
		background-color:#112941; 
		color:white;
		background: url(../img/background3.jpg) #112941;
 background-repeat: no-repeat;
     background-position: center bottom;
	 padding-bottom:120px;
		}

.Octo{
	width:600px;
	margin-left:-300px
	}
  @media(max-width:680px) {
	  .Octo{
	margin-left:-250px
	}
  }
  
   @media(max-width:480px) {
	  .Octo{
	width:350px;
		margin-left:-150px

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

.primary { color: #01e4e1; }
.secondary { color: #3598dc; }



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



.navbar-default {
    background-color: rgba(40, 51, 113, 0.4);
    border-color: transparent;
}

.navbar-default .navbar-brand {
    color: #272e68;
    font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #272e68;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255, 255, 255, .02);

}

.navbar-default .navbar-toggle {
    background-color: #44ce98;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #44ce98
}

.navbar-default .nav li a {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #FFFFFF;


}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    color: #2bdfdd;
    outline: 0;
	
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
}

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

    .navbar-default.navbar-shrink {
       background-color: #272e68 !important;
        padding: 10px 0
    }

@media (min-width:768px) {
    .navbar-default {
        background-color: rgba(40, 51, 113, 0.4);
        padding: 5px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
        border: 0
    }
    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }
    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px
    }
    .navbar-default.navbar-shrink {
       background-color: #272e68 !important;
        padding: 10px 0
    }
    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;

    }
	
	.navbar-default .nav li a {
    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #FFFFFF;
}

}

.navbar-default .navbar-nav>.active>a{
	    background-color: #00d9d1;
	
	}
	.navbar-default .navbar-nav>.active>a:hover{
		 background-color: #00b8b1;
		}