/* Start of global styles */
* {
margin:0;
margin:0;
padding:0;
}

html {
font-size: 62.5%;
}

body {
font-family: 'Roboto', sans-serif;
background-color:#eee;
background-image:url("../img/bodybg.png");
background-repeat:repeat-x;
}

h1,h2,h3,h4,h5,h6 {
font-family: 'Roboto Slab', serif;
}

h1 {
font-size:2.5rem;
color:#0f599b;
margin:0 0 8px 0;
}

h2 {
font-size:2.5rem;
color:#0f599b;
margin:20px 0 8px 0;
}

h2.commercial {
font-size:2.5rem;
color:#0f599b;
margin:20px 0 8px 0;
}


p,li {
font-size: 1.7rem;
color:#444;
line-height:180%;
}

img {
max-width:100%;
}

a:link, a:visited {
text-decoration:none;
color:#328dde;
font-weight:bold;
}

a:hover {
color:#eaeaea;
font-weight:bold;
}



/* Start of design styles */


#outer-wrapper {
background-image:url("../img/footerbg.png");
background-repeat:repeat-x;
background-position:left bottom;
}

#wrapper {
max-width: 1140px;
margin: 0 auto;
position: relative;
}


/* Start of Masthead styles */

#masthead1 {
background-color:#000;
height:30px;
text-align:right;
padding:8px;
}

#masthead1 p {
display:inline;
color:#fff;
margin:2px 10px 0 -5px ;
float:left;1.7rem;
font-weight:bold;
}

#masthead1 a {
margin-right:20px;
}

#masthead1 a:first-of-type {
position:relative;
top:-5px;
}

#masthead1 a:last-of-type {
margin:0;
}

#masthead2 {
padding:20px 0 10px 0;
}

#masthead2 h1 {
font-size:250%;
color:#fff;
text-shadow:2px 2px 4px #000;
text-align:center;
}

#masthead2  img {
display:none;
}

@media (min-width:420px) {
#masthead2 h1 {
color:#fff;
font-size:450%;
text-shadow:2px 2px 4px #000;
text-align:left;
}

#masthead2  img {
display:initial;
}

}

#masthead2 img {
float:left;
margin:10px 20px 0 0;
}


/* Start of main navigation bar styles */

div.menu ul {
background-color:#0A2A47;
}


@media (min-width:420px) {
div.menu ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
align-items:center;
margin-bottom:6px;
background-color:none;
}
}

div.menu ul li {
list-style:none;
border-right:1px solid #0f599b;
text-shadow:1px 1px 2px #000;
}

body.home #mainnav a#home, body.high-speed #mainnav a#high-speed, body.sliding #mainnav a#automatic, body.swing #mainnav a#swing, body.contact #mainnav a#contact {
background-color: #0f599b;
}


div.menu ul li a:link, nav ul li a:visited {
font-size:1.9rem;
color:#bde0ff;
display:block;
padding:.8rem 2.5rem;
}


div.menu ul li a:hover {
color:#fff;
display:block;
padding:.8rem 2.5rem;
}



@media (min-width:450px) {
div.menu {
display: block!important;
}

img.hamburger {
display:none!important;
}
}

/* Start of top-box styles */
#top-box {
background-color:#fff;
}

#top-box img {
box-shadow:0 11px 11px #111;
z-index:-1;
}

div.bx-pager {
display:none;
}

/* Start of content styles */

#content {

}

div.articles, div.articles-head {
background-color:#fff;
padding:10px;
}

div.articles img {
margin:0 0 15px 0;
}

div.articles a:link, div.articles a:visited {
font-weight:normal;
font-size: 1.7rem !important;
}

div.articles a:hover {
color:#0f599b!important;
font-weight:normal!important;
}


@media (min-width:420px) {
div.articles, div.articles-head{
background-color:#fff;
padding:50px 50px 0 50px;
/*margin:0 50px;*/
}

div.articles img {
margin:0;
}
}

div.articles p:last-of-type {
margin:15px 0 0 0;
}

div.articles-boxes {
padding:50px 50px 50px 50px;
background-color:#0f599b;
}

div.articles-boxes h1 {
color:#bde0ff;
font-size:200%;
margin:8px 0 8px 0;
}

div.articles-boxes p {
color:#fff;
}

div.articles-boxes p a:link,div.articles-boxes p a:visited {
color:#bde0ff;
}

div.articles-boxes p a:hover {
color:#fff;
}

div.articles2, div.articles2-head {
padding:10px;
background-color:#ededed;
}

div.articles2 img {
margin:0 0 15px 0;
}

@media (min-width:420px) {
div.articles2, div.articles2-head {
padding:50px;

background-color:#ededed;
}

div.articles2 img {
margin:0;
}
}

div.articles2 p:last-of-type {
margin:15px 0 0 0;
}

div.articles p a:hover, div.articles2 p a:hover {
font-weight:bold;
}

div.articles img, div.articles2 img, div.articles2-head img {
float:left;
margin-right:40px;
border:5px solid #fff;
box-shadow:2px 2px 4px #444;
}

div.articles div.contact {
float:left;
border:5px solid #fff;
box-shadow:2px 2px 4px #444;
background-color:#0a2a47;
padding:10px;
margin-bottom:15px;
}

div.articles div.contact h1 {
color:#fff;
}

div.articles div.contact p {
color:#fff;
}

div.articles div.contact p a:link, div.articles div.contact p a:visited  {
color:#fff;
}

div.articles div.contact p a:hover {
color:#aaa;
}

@media (min-width:420px) {
div.articles div.contact {
float:left;
margin-right:40px;
border:5px solid #fff;
box-shadow:2px 2px 4px #444;
background-color:#0a2a47;
padding:10px;
}

div.articles div.contact h1 {
color:#bde0ff;
}

div.articles div.contact p {
color:#fff;
}

div.articles div.contact p:last-of-type {
margin:0;
font-family: 'Roboto', sans-serif!important;
font-weight:500;
}
div.articles div.contact p a:link, div.articles div.contact p a:visited  {
color:#bde0ff;
}

div.articles div.contact p a:hover {
color:#0f599b;
}
}

div.articles a:link, div.articles a:visited, div.articles2 a:link, div.articles2 a:visited {
font-size:1.5rem;
transition: color 1s;

}

div.articles a:hover, div.articles2 a:hover {
color:#604fb6;
}

div.articles-gallery {
background-color:#fff;
padding:15px 50px 0 50px;
}

div.articles-gallery h1 {
padding:15px 0;
}

@media (min-width:420px) {
div.articles-boxes, div.articles-gallery-row {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
    -ms-flex-direction:row;
        flex-direction:row;
-webkit-flex-direction:row;
justify-content:space-around;
}


div.articles-box {
width:30%;
}

div.articles-gallery-box {
width:15%;
}
}

/* Styles for the contact form */
#contact-form {
padding-bottom:50px;
}

form {
margin:10px 0 0 0;
}

form fieldset {
border:none;
}

form fieldset p {
margin-bottom:8px;
}

form fieldset label {
margin:0 2em 0 0;
display:block;
color:#0f599b;
}

form fieldset input {
padding:5px;
}

form fieldset textarea {
width:99%;
}

input.submit {
background-color:#0f599b;
padding:5px 10px;
border:none;
color:#fff;
}

@media (min-width:420px) {
form {
margin:10px 0 0 0;
}

form fieldset {
border:none;
}

form fieldset p {
margin-bottom:8px;
}

form fieldset label {
margin:0 2em 0 0;
display:block;
color:#0f599b;
}

form fieldset input {
padding:5px;
}

input.submit {
background-color:#0f599b;
padding:5px 10px;
border:none;
color:#fff;
}}

/* Start of footer styles */
footer {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
background-color:#000;
color:#fff;
height:90px;
align-items:center;
}

@media (min-width:420px) {
footer{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
    -ms-flex-direction:row;
        flex-direction:row;
		
}
}

#footer1 {
-webkit-box-flex:1;
-webkit-flex:1;
    -ms-flex:1;
        flex:1;	
		padding:0;
}

#footer1 p {
color:#fff;
}

@media (min-width:420px) {
#footer1 {
-webkit-box-flex:1;
-webkit-flex:1;
    -ms-flex:1;
        flex:1;	
		padding:0 0 0 50px;
}


#footer1 p {
color:#fff;
}
}

#footer2 {
-webkit-box-flex:1;
-webkit-flex:1;
    -ms-flex:1;
        flex:1;
		text-align:center;
		padding:0;
		align-items:center;
}

#footer2 a:link, #footer2 a:visited {
color:#fff;
font-weight:nnormal;
}

#footer2 a:hover {
color:#c2e2ff;
font-weight:nnormal;
}

@media (min-width:420px) {
#footer2 {
-webkit-box-flex:1;
-webkit-flex:1;
    -ms-flex:1;
        flex:1;
		text-align:right;
		padding:0 50px 0 0;
}


#footer2 a:link, #footer2 a:visited {
color:#fff;
font-weight:normal;
}

#footer2 a:hover {
color:#c2e2ff;
font-weight:normal;
}

}


div.clear {
clear:both;
}