@font-face {font-family:"Algeria";src:url("../fonts/ALGERIA.eot?") format("eot"),url("../fonts/ALGERIA.woff") format("woff"),url("../fonts/ALGERIA.ttf") format("truetype"),url("../fonts/ALGERIA.svg#Algeria") format("svg");font-weight:normal;font-style:normal;}


.navbar-default {
    border-color:#010169;
    background-color: #fff;
}

.navbar-default .navbar-brand {
    font-family: 'Algeria', serif;
    color:#010169;
    font-style:italic;
    padding-top:5px;
    padding-left:50px;
    letter-spacing:-1px;
    font-weight: bold;
}
.logostyle{
    font-size:smaller;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color:#739EAC;
}

.navbar-default .navbar-collapse {
    border-color: rgba(1,1,105,.2);
}

.navbar-default .navbar-toggle {
    border-color: #010169;
    background-color: #fff;
}

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

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color:#739EAC;
}

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

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

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

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

@media(min-width:768px) {
    .navbar-default {
        padding: 25px 0;
        border: 0;
        background-color:#fff;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .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 {
        padding: 10px 0;
        background-color: #fff;
        border-bottom:1px #010169 solid;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size:35px;
    }
}
.logomainnav{
    font-family:'Algeria',serif;
    font-size:45px;
    line-height:45px;
    font-style:italic;
    color:#010169;
    font-weight:bold;
    letter-spacing:-1px;
}
.logoendnav{
    font-family:'Algeria',serif;
    font-size:34px;
    line-height:34px;
    font-style:italic;
    color:#010169;
}
/* Start of Header */
header{
    color:#fff;
    background-attachment:scroll;
    background-image: url(../img/backgrounds/vesselsunset.png);
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
       -moz-background-size:cover;
         -o-background-size:cover;
            background-size:cover;
    padding-top:65px;
    padding-bottom:65px;
}
.welcome{
    font-family:'Josefin Slab',sans-serif;
    font-size: 18px;
    line-height: 23px;
    text-transform:uppercase;
}
.logomain{
    font-family:'Algeria',serif;
    font-size:54px;
    font-style:italic;
    color:#010169;
    font-weight:bold;
    letter-spacing:-1px;
}
.logoend{
    font-family:'Algeria',serif;
    font-size:41px;
    font-style:italic;
    color:#010169;
    font-weight:bold;
    letter-spacing:-1px;
}
.headertext{
    text-transform: uppercase;
    font-family:'Ubuntu', sans-serif;
    font-size:15px;
    line-height:20px;
    letter-spacing:1px;
    padding-top:25px;  
    padding-bottom:15px;
}
@media(min-width:768px){
    header{
        padding-top:300px;
        padding-bottom:300px;
    }
    .welcome{
        font-size:38px;
    }
.logomain{
    font-size:120px;
}
.logoend{
    font-size:90px;
}
    .headertext{
        font-size:25px;
        line-height:30px;
        letter-spacing:1px;  
        padding-bottom:25px;     
    }
}
/* End of Header */
/* Start of Container Section */
.containersection{
    color:#222;
    padding-top:65px;
    padding-bottom:65px;
}
.picwrap{
    background-color:#fff;
    border:1px solid #222;

    -webkit-box-shadow:5px 5px 5px -1px rgba(0,0,0,0.75);
       -moz-box-shadow:5px 5px 5px -1px rgba(0,0,0,0.75);
         -o-box-shadow:5px 5px 5px -1px rgba(0,0,0,0.75);
            box-shadow:5px 5px 5px -1px rgba(0,0,0,0.75);

    margin-top:10px;
    margin-bottom:25px;
    padding:5px;
}
.containertitle{
    font-family:'Josefin Slab',sans-serif;
    text-transform:uppercase;
    border-top:1px solid #222;
    border-bottom:1px solid #222;
    padding-top:5px;
    margin-bottom:25px;
    font-size:20px;
    line-height:25px;  
}
.containerintrotext1, .containerintrotext2,.containermodtext,.containerspectext{
    font-family:'Ubuntu',sans-serif;
    text-transform:uppercase;
    font-size:15px;
    line-height:20px;
    letter-spacing:1px;     
}
.containerintrotext1,.containerintrotext2{
        padding-bottom:25px;
    }
.containercheck{
    font-family:'Ubuntu',sans-serif;
    text-transform:none;
    font-size:12px;
    line-height:17px;
    letter-spacing:1px;
    margin-bottom:10px;      
}
.pushdown{
    padding-bottom:25px;
}
.containermodtext{
    padding-bottom:25px;
}
.containerspectext a:hover{
    font-size:15px;
    line-height:20px;
    letter-spacing:1px;
}
.containerspectext a:link, .containerspectext a:visited, .containerspectext a:active{
    text-decoration:none;
    color:#739EAC;
}

@media(min-width:768px){
    .containersection{
        padding-top:200px;
        padding-bottom:200px;        
    }
    .containertitle{
        font-size:40px;
        line-height:45px;
        letter-spacing:1px;
        padding-top:10px;
        margin-bottom:100px;        
    }
    .picwrap{
        margin-top:10px;
        margin-bottom:75px;
        padding:5px;
    }
    .containerintrotext1,.containerintrotext2,.containermodtext,.containerspectext{
        font-size:25px;
        line-height:30px;
        letter-spacing:1px;
    }
    .containerintrotext2{
        padding-bottom:75px;
    }
    .containercheck{
        font-size:18px;
        line-height:23px;
        letter-spacing:1px;
        padding-bottom:15px;
    }
    .pushdown{
        padding-bottom:60px;
    }
    .containermodtext{
        padding-top:50px;
    }
    .containerspectext{
        padding-top:15px;
    }
    .containerspectext a:hover{
        font-size:27px;
        line-height:32px;
        letter-spacing:1px;
    }
}
/* End of Container Section */
/* Begin of Intermodal */
.intermodalcontainer{
    color:#fff;
    font-family:'Ubuntu',sans-serif;
    text-transform:uppercase;

    background-attachment:scroll;
    background-image: url(../img/backgrounds/loading.png);
    background-position:center center;
    background-repeat:none;
    -webkit-background-size:cover;
       -moz-background-size:cover;
         -o-background-size:cover;
            background-size:cover;
    padding-top:65px;
    padding-bottom:65px;
}
    .intermodaltitle{
        font-family:'Josefin Slab';
        text-transform:uppercase;
        border-top:1px solid #fff;
        border-bottom:1px solid #fff;
        font-size:20px;
        line-height:25px;
        margin-bottom:25px;
        padding-top:5px;
    }
    .intermodaltext1, .intermodaltext2{
        font-size:15px;
        line-height:20px;
        letter-spacing:1px;
    }
    .intermodaltext1{
        padding-bottom:25px;
    }
@media(min-width:768px){
    .intermodalcontainer{
        padding-top:250px;
        padding-bottom:250px;
    }
    .intermodaltitle{
        font-size:40px;
        line-height:45px;
        letter-spacing:1px;
        padding-top:10px;
        margin-bottom:100px;
    }
    .intermodaltext1, .intermodaltext2{
        font-size:25px;
        line-height:30px;
        letter-spacing:1px;
    }
    .intermodaltext1{
        padding-bottom:50px;
    }
}
/* End of Intermodel */
/* Begin of Export-Import */
.exportimport{
    padding-top:65px;
    padding-bottom:65px;
}
.importtitle{
        font-family:'Josefin Slab';
        text-transform:uppercase;
        border-top:1px solid #222;
        border-bottom:1px solid #222;
        font-size:20px;
        line-height:25px;
        letter-spacing:1px;
        padding-top:5px;
        margin-bottom:25px;
}
.importtext1, .importtext2, .helptext{
    color:#222;
    font-family:'Ubuntu',sans-serif;
    text-transform:uppercase;
}
.handtext{
    font-family:'Ubuntu',sans-serif;
    text-transform:none;  
}
    .importtext1, .importtext2{
        font-size:15px;
        line-height:20px;
        letter-spacing:1px;
        padding-bottom:25px;
    }
    .helptext{
        font-size:20px;
        line-height:25px;
        letter-spacing:1px;
        margin-bottom:25px;     
    }
    .handtext{
        font-size:12px;
        line-height:17px;
        letter-spacing:1px;
        padding-bottom:10px;
    }
@media(min-width:768px){
    .exportimport{
        padding-top:200px;
        padding-bottom:100px;
    }
    .shakes{
        margin-top:65px;
    }
    .importtitle{
        font-size:40px;
        line-height:45px;
        letter-spacing:1px;
        padding-top:10px;
        margin-bottom:100px;
    }
    .importtext1, .importtext2{
        font-size:25px;
        line-height:30px;
        letter-spacing:1px;
    }
    .importtext1{
        padding-bottom:50px;
    }
    .importtext2{
        padding-bottom:75px;
    }
    .helptext{
        font-size:40px;
        line-height:45px;
        letter-spacing:1px;
        margin-bottom:25px;     
    }
    .handtext{
        font-size:18px;
        line-height:23px;
        letter-spacing:1px;
        padding-bottom:15px;
    }
}

/*Begin Certs */
.allthosecerts{
    background-attachment:scroll;
    background-image: url(../img/backgrounds/lookingthrough.png);
    background-position:center center;
    background-repeat:none;
    -webkit-background-size:cover;
       -moz-background-size:cover;
         -o-background-size:cover;
            background-size:cover;

    font-family:'Ubuntu',sans-serif;
    text-transform:uppercase;
    text-align:center; 

            padding-top:65px;
        padding-bottom:65px;
        font-size:15px;
        line-height:20px;
        letter-spacing:1px;     
}
.allthosecerts a:link, .allthosecerts a:visited, .allthosecerts a:active{
    text-decoration:none;
    color:#fec503;
}
.certtitle{
    color:#fff;
    font-family:'Josefin Slab';
    text-transform:uppercase;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;

        font-size:20px;
        line-height:25px;
        letter-spacing:1px;
        padding-top:5px;
        margin-bottom:50px;    
}
    .allthosecerts a{
        font-size:15px;
        line-height:20px;
        letter-spacing:1px;
    }
    .allthosecerts a:hover{
        font-size:16px;
        line-height:21px;
        letter-spacing:1px;
    }
    .certtext{
        margin-bottom:20px;
    }
@media(min-width:768px){
    .certtitle{
        font-size:40px;
        line-height:45px;
        letter-spacing:1px;
        padding-top:10px;
        margin-bottom:100px;
    }
    .allthosecerts{
        padding-top:250px;
        padding-bottom:250px;
        font-size:25px;
        line-height:30px;
        letter-spacing:1px;
    }
    .pictest{
    margin-top:-60px;
}
}

/* Contact Section */
.contactus{
    color:#222;
    padding-top:65px;
    padding-bottom:65px;
}

.contacttext a:hover{
    font-size:16px;
    letter-spacing:1px;
}
    .picturetime a:hover{
        font-size:16px;
        text-decoration:none;
    }
.contactus a:link, .contactus a:visited, .contactus a:active{
    text-decoration:none;
    color:#739EAC;
}

.contacttitle{
    font-family:'Josefin Slab';
    text-transform:uppercase;
    border-top:1px solid #222;
    border-bottom:1px solid #222;
            font-size:20px;
        letter-spacing:1px;
        line-height:25px;
        padding-top:5px;
        margin-bottom:25px;

}
.contacttext{
    color:#222;
    font-family:'Ubuntu',sans-serif;
    text-transform:uppercase;
            font-size:15px;
        line-height:20px;
        letter-spacing:1px;
        padding-bottom:25px;
}
.picturetime h2{
    font-family:'Josefin Slab',sans-serif;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:3px;
    line-height:20px;

    padding:25px 0 0 0;
    margin:0;
}
.picturetime h3{
        font-family:'Ubuntu',sans-serif;
        font-size:15px;
        text-transform:uppercase;
        letter-spacing:2px;
        line-height:20px;

        padding:0 0 25px 0;
        margin:0;
}
.picturetime p{
        font-family:'Ubuntu',sans-serif;
        font-size:15px;
        text-transform:uppercase;
        letter-spacing:1px;
        line-height:17px;

        padding:0 0 50px 0;
        margin:0;
}
@media(min-width:768px){
    .contacttext a:hover{
        font-size:26px;
        line-height:26px;
        letter-spacing:1px;
    }
    .picturetime a:hover{
        font-size:17px;
        text-decoration:none;
    }
    .contactus{
        padding-top:200px;
        padding-bottom:200px;
    }
    .contacttitle{
        font-size:40px;
        letter-spacing:1px;
        line-height:45px;
        padding-top:10px;
        margin-bottom:50px;
    }
    .contacttext{
        font-size:25px;
        line-height:30px;
        letter-spacing:1px;
        padding-bottom:50px;
    }
    .picturetime h2{
    font-family:'Josefin Slab',sans-serif;
    font-size:25px;
    text-transform:uppercase;
    letter-spacing:3px;
    line-height:30px;

    padding:25px 0 0 0;
    margin:0;
    }
    .picturetime h3{
        font-family:'Ubuntu',sans-serif;
        font-size:25px;
        text-transform:uppercase;
        letter-spacing:2px;
        line-height:30px;

        padding:0 0 25px 0;
        margin:0;
    }
    .picturetime p{
        font-family:'Ubuntu',sans-serif;
        font-size:16px;
        text-transform:uppercase;
        letter-spacing:1px;
        line-height:23px;

        padding:0 0 50px 0;
        margin:0;
    }
}

/**********/
/* Footer */
/**********/

footer {
    background-color:#222;
    padding:15px 0 15px 0;
    color:#fff;
    font-family:'Open Sans',sans-serif;
    font-size:15px;
    letter-spacing:2px;
    line-height:15px;
    text-transform:uppercase;
}

.refnote{
    font-size:15px;
    font-style:italic;
}

