body {
    margin:0px;
    padding:0px;
    border:none;
    font-family:Constantia;
    background-image:url('../images/bg.png');
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100%;
    background-color:black;
}

a {text-decoration:none;}

.column h1 {
    margin:0px;
    padding:0px!important;
    font-size:22px;
    color:#0c609a;
}

h1 {
    margin:15px 0px 0px 0px;
    padding:0px!important;
    font-size:25px;
    color:#0c609a;
}

h2 {
    margin:40px 0px 0px 0px;
    padding:0px!important;
    font-size:19px;
    color:#0872bd;
}
h3 {
    margin:15px 0px 0px 0px;
    padding:0px!important;
    font-size:14px;
    color:#0c446b;
    font-style:italic;
}

p {
    margin:0px;
    padding:10px 0px 0px 0px;
    line-height:25px;
}

a:-webkit-any-link {
    color:black;
    margin:0px;
    padding:0px;
    text-decoration:none;
}

.top-bar {
    width:100%;
    height:90px;
    background-color:#061C42;
    margin-bottom:15px;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);
}

.top-bar .constrained-container {
    width:80%;
    max-width:1030px;
    margin-left:auto;
    margin-right:auto;
   
    
}
.top-bar .constrained-container .social-icon{
    width: 30px;
float: right;
margin-top: 50px;
    
}
.top-bar .constrained-container .social-icon img{
    width:100%;
   }
    .top-bar .constrained-container img.logo {
        float:left;
        padding:0px;
        margin-top:4px;
    }

.main-content-container {
    width:80%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    background-image:url('../images/white-overlay.png');
    /*background-color:#e5e5e5;*/
    background-repeat:repeat;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    border-radius:10px;
    min-height:1000px;
    overflow:auto;
    padding:0px 15px 15px 15px;
    overflow-x:hidden;
}

div.mobile-banner {
    display:none;
}
div.mobile-logo {
    display:none;
}

.banner {
    width:100%;
    
    display: inline-block;
    margin-bottom:10px;
}
.banner .logo{
    width:10%;
    float:left;
}

.banner .logo img{
    width:100%;
    margin-top:5px;
}

.navigation-container {
   /* overflow:auto; */ 
    width:88%;
    float:left; 
}

.navigation-container ul.navigation-list {
    width:100%;
    padding:0px;
    margin:10px 0px 10px 0px;
    float:right;
    padding-top:5px;  
}

.navigation-container ul.navigation-list li.navigation-item {
    display:inline;
    list-style-type:none;
    padding:10px 13px 10px 13px;
    color:gray;
    font-size:15px;
    text-transform:uppercase;
    color:black;
    position:relative;
}

.navigation-container ul.navigation-list li.navigation-item a{
    color:black;
}

.navigation-container ul.navigation-list li.navigation-item a:hover {
    cursor:pointer;
    color:#1070b9;
}

.three-column-container {
    width:100%;
    overflow:auto;
    padding-bottom:20px;
    padding-right:15px;
}

/*.three-column-container .column-container{
    background-image:url('../images/dna-bottom-left-corner.png');
    background-position:bottom left;
*/

.three-column-container .column{
    width:44.2%;
    padding:25px;
    background-color:#f3f3f3;
    min-height:110px;
    background-repeat:no-repeat;
    background-size:100%;
    box-shadow: rgba(0, 0, 0, .1) 0px 10px 20px;
    border-radius: 10px;
    

  
}

.backline-column{
    box-shadow:rgba(0, 0, 0, .1) 0px 10px 20px;
    background-color:#f3f3f3;
    padding:0px 25px 25px 25px;
    margin-bottom:15px;
    border-radius: 10px;
}
.backline-column:nth-of-type(1){
    margin-top:15px;
}

.backline-column h2{
   padding-top:15px!important;
   margin-top:0px!important;
}

.right-column-button{
    background-color:#096260;
    color:white;
    border-radius:5px;
    padding: 8px;
    margin: 60px 0px 10px 0px;
}
.right-column-button:hover{
    background-color:#0c8e8a;
    cursor:pointer;
}



@media all and (max-width: 1300px) and (min-width:1150px) {
    .top-bar .constrained-container{
        width:90%;
        box-sizing:border-box;
        max-width:1000px;
    }
     .main-content-container {
        width:90%;
        box-sizing:border-box;
    }
    .three-column-container .column{
        width:43.5%;
}
    .bx-wrapper .bx-viewport {
        height:320px!important;
    }
}

@media all and (max-width: 1149px) and (min-width:600px) {
     .top-bar .constrained-container{
        width:100%;
        box-sizing:border-box;
    }

    .main-content-container {
        width:100%;
        box-sizing:border-box;
    }
   
    .three-column-container .column {
        width: 48.2%;
        box-sizing:border-box;
    }
    li.navigation-item {
        font-size:13px!important;
        padding-right:13px!important;
    }
  
}

@media all and (max-width: 905px) and (min-width:100px) {

    div.logo {
        display:none;
    }
    .navigation-container {
        width:100%;
        float:left;
    }
}

@media all and (max-width: 802px) and (min-width:100px) {

    
    .navigation-container {
        width:100%;
        float:left;
    }
    li.navigation-item {
        font-size:10px!important;
        padding-right:2px!important;
    }
}

@media all and (max-width: 699px) and (min-width:200px) {
    body {
        
        background-image:none;
    }
    .top-bar {
        display:none;
    }
    .main-content-container {
        width:100%;
        padding-left:15px;
        padding-right:15px;
        box-sizing:border-box;
        margin-top:50px;
        background-image:url('../images/white-overlay-diagonal.png');
    }
    div.mobile-logo {
        display:block;
        width: 120%!important;
        margin-left: -20px;
    }
    div.mobile-logo img{
        width:120%;
    }
     div.logo {
        width:80%!important;
        margin-left:auto;
        margin-right:auto;
        float:none!important;
    }
     
     
    .three-column-container .column {
        width: 100%;
        box-sizing:border-box;
    }
    .slider-container {
        display:none;
    }

    .left-content-area {
        width:100%;
    }
    .right-content-area {
        width:100%;
    }
    div.banner {
        display:none;
    }
    div.mobile-banner {
        display:block;
        padding:10px;
        position:fixed;
        top:0;
        width:100%;
        z-index:100000000000000000000000000000000000000000000000000000000000000;
    }
    div.mobile-banner .mobile-top-bar {
        display: block;
        padding: 4px 20px 20px 21px;
        box-shadow: rgba(0,0,0,.15) 5px 5px 5px;
        background-color: #061C42;
        width: 100%;
        box-sizing: content-box;
        margin-left: -25px;
        margin-top: -10px;
        height: 30px;
        
    }
        div.mobile-banner .navigation-container {
            display:block;
            width:40%;
            padding-left:15px;
            background-image:url('../images/white-overlay.png');
            background-repeat:repeat;
            box-shadow: rgba(0,0,0,.15) 5px 5px 5px;float:right;
        }
        div.mobile-banner .navigation-container ul{
            display:block;
            width:100%;
        }
        div.mobile-banner .navigation-container ul li{
            display:block!important;
            width:100%;
            box-sizing:border-box;
            padding-left:0px!important;
            font-family:Helvetica;
            font-weight:bold;
            font-size:14px!important;
        }
       div.mobile-banner-logo {
            width: 20%!important;
            margin-left: 20px;
            float:left;
       }
       div.mobile-banner-logo {
            width: 23%!important;
            min-width: 125px;
            margin-left: 10px;
            float: left;
                   }
       div.mobile-banner-logo img {
        width: 100%;
    }
    div.mobile-logo {
        width: 110%!important;
        margin-left: -20px;
    }
        div.mobile-logo img{
           width:110%!important;

        }
        div.mobile-banner .menu-button {
            float:right;
            width:auto;
            font-family:Helvetica;
            text-transform:uppercase;
            font-weigt:bold;
            font-size:15px;
            margin-left:25px;
            color:white;
            background-color:#0c609a;
            padding:6px;
            margin:8px 10px 0px 0px;
            box-shadow: rgba(0,0,0,.45) 3px 3px 3px;
            height:15px;
            margin-right:15px;
            border-radius:5px;

        }
    div.mobile-banner .menu-button:hover {
        cursor:pointer;
        background-color:#058d9b;
    }

    ul.footer-items li {
        width: 100%;
        display: block!important;
        line-height: 30px;
        text-align: center;
    }

    .footer-container {padding-bottom:40px;}

    
}


.three-column-container .column:hover{
  
    color:white;
    box-shadow:rgba(0,0,0,.25) 5px 5px 5px;
}

.three-column-container .column i{
    width:100%;
    padding:0px 0px 15px 0px;
    font-size:40px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color:#0c446b;
}
.three-column-container .column h1{
    width:100%;
    padding:15px 0px 15px 0px;
    margin-left:auto;
    margin-right:auto;
    
}

.three-column-container .column p{
    font-size:15px;
    color:black!important;
}

.three-column-container .column:nth-of-type(odd){
    margin:15px 15px 0px 0px; 
    float:left;
}

.three-column-container .column:nth-of-type(even){
    margin:15px 0px 0px 0px;
    float:right; 
}

    .three-column-container .column-1 {
       /* background-image:url(../images/guitars-bg.png);*/
        float:left;
    }

    .three-column-container .column-2 {
        /*background-image:url(../images/tech-bg.png);*/
        float:right;
    }
    .three-column-container .column-3 {
        float:left;
       /* background-image:url(../images/cartage-bg.png);*/
    }
    .three-column-container .column-4 {
        float:right;
        /*background-image:url(../images/storage-bg.png);*/
    }

.bottom-container {

}

.bottom-container .center-content-area{
    margin-top:15px;
}

.footer {
    text-align:center;
    min-height:100px;
    padding-top:20px;
    padding-bottom:20px;
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    color:#0c446b;
    clear:both;
}

    .footer .navigation-container {
        float:none;
    }

    .footer-container {
background-color: #061C42;
margin: 15px 0px 0px 0px;
width: 100%;
height: 100px;
padding-top: 40px;

/*border-top: 3px solid #111;*/
}
    ul.footer-items {
        width:100%;
max-width: 610px;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
}
    ul.footer-items li {
display: inline;
margin-right: 25px;
color: white;
list-style-type: none;
font-family: Constantia;
font-size: 13px;
}
        ul.footer-items li a{
display: inline;
margin-right: 25px;
color: white;
list-style-type: none;
font-family: Constantia;
font-size: 13px;
}


.left-content-area {width:65%;margin-right:15px;float:left;display:block;}
.right-content-area {width:32.3%;float:right;}
.full-content-area {width:100%;}

.right-content-area img{box-shadow:rgba(0, 0, 0, .1) 0px 10px 20px;width:100%;border-radius: 10px;}
    .right-content-area img:first-child {
        margin-top: 58px;
    }

ul.equipment-list {padding-left:0px;margin-left:0px;margin-top:5px;margin-bottom:5px;}
ul.equipment-list lh{text-transform:uppercase;color:#6D99D1;}
ul.equipment-list li{display:inline;}

ul.equipment-list-bullets  {padding-left:0px;margin-left:0px;margin-top:5px;margin-bottom:5px;}
ul.equipment-list-bullets  lh{text-transform:uppercase;color:#6D99D1;}
ul.equipment-list-bullets  li{margin-left:20px;color:rgba(0, 0, 0, 0.5);padding-top:10px;list-style-type:circle;}

ul.specialties-list {padding-left:0px;margin-left:0px;margin-top:5px;margin-bottom:5px;}
ul.specialties-list lh{text-transform:uppercase;color:#6D99D1;}
ul.specialties-list li{display:inline;}


/*RSS*/
.full-content-area div.blog-container{
       padding: 0px!important;
        font-size: 14px!important;
        font-family: Constantia!important;
        line-height: 12px!important;
        }
    

.form-span input{width:40%;}
@media all and (max-width: 599px) and (min-width:100px) {
    .form-span input {width:100%;box-sizing:border-box;
    }
}




@media all and (max-width: 599px) and (min-width:100px) {
    .left-content-area {
        width:100%;
    }
    .right-content-area {
        width:100%;
    }
    
}




.google-map-container {height: 300px; width: 100%; overflow: hidden;box-shadow:rgba(0, 0, 0, .1) 0px 10px 20px;}

    .gm-style img {
                        max-width: 100% !important;
                        background: none !important;
                    }

                    .gm-style-iw {
                        height: auto !important;
                        color: #000000;
                        display: block;
                        white-space: nowrap;
                        width: 100% !important;
                        line-height: 18px;
                        overflow: hidden !important;
                    }

/*Gallery*/
ul.gallery-list {
    display:inline;
}
ul.gallery-list li.list-item{
    list-style-type:none;
    float:left;
    display:block;
    padding:10px;
}
ul.gallery-list li.list-item img{
    width:100%;
    height:inherit;
    /*display:block;*/
    box-shadow: rgba(0, 0, 0, .1) 0px 10px 20px;
    border-radius: 10px;
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
bottom: 10px;
right: 35px;
margin-right: auto;
margin-left: auto;
clear:both;
background-color:#e6e6e6;
border-radius:10px;
padding:10px;
opacity:.7;
box-shadow:rgba(0,0,0,.6) 2px 2px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 13px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #0c609a;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

        #back-top:hover {cursor:pointer;opacity:1;}

/*Navigation Dropdown*/
ul.navigation-dropdown {display: none;
position: absolute;
left: 0;
top: 33px;
width: 230px;
padding: 0px;
margin: 0px;
background-color: rgb(232, 235, 236);
padding: 10px;
z-index: 10000000000;
box-shadow: rgba(0, 0, 0, .2) 5px 5px 5px;
border-radius:10px;

}
ul.navigation-dropdown li{list-style-type:none;

}
.navigation-dropdown-item {padding: 10px 0px 0px 0px}