body{
    margin:0;
    font-size:62.5%;
}

#headerBtm{
    width: 100%;
    display: block;
    margin-top: -1px;
}

h1, h2, h3, h4{
    font-family: 'Montserrat', sans-serif;
}

p, ul, ol, label, table{
    font-family: tahoma;
    color: #2b2b2b;
}
#content p, li{
    font-size: 1.46em;
}

a{
    text-decoration:none;
}

h1{
    font-size:4.4em;
    text-align: center;
    margin: 15px 0;
}

#content h2{
    font-size: 2.7em;
    color:#11bf3a;
    font-weight: 800;
}

#content h3{
    font-size: 2.0em;
    color:#015683;
    margin:5px 0
}

.clear{
    line-height: 1px;
    clear:both;
}

.left{float:left;}

.right{float:right;}

#header{
    max-width:100%;
    height:100%;
    background-color:#182859;
    padding:0 2%;
    position:relative;
    z-index:1;
}

#logo{
    margin: 0 auto;
    padding-top:20px;
    text-align: center;
    width: 100%;
    max-height: 100%;
}

#logo img{
    max-width: 100%;
    max-height: 100%;
    width:100%;
}

#logoResponsive{
    display:none;
}

#logoResponsive img{
    width:70%;
}

nav ul{
    display: table;
    table-layout: fixed;
    list-style-type: none;
    width:100%;
    margin-top: -35px;
    margin-bottom:0;
    margin-left:0;
    padding:40px 0 0;
    position: relative;
    z-index: 1;
}

nav ul li{
    font-family: 'Montserrat', sans-serif;
    display: table-cell;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    vertical-align: middle;
}

.mainLogo{
    max-width:25%;
    width:25%;
}

nav ul li:last-of-type{
    padding-right: 0;
}

nav ul li a{
        color:#dea626;
        -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

nav ul li a:hover{
    color:#FFF;
}

    .dropdown {
    position: relative;
    display: inline-block;
    width:100%;
}
    
    nav ul li ul{
    display: none;
    position: absolute;
    background-color: #e5b700;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    float: none;
    table-layout: initial;
    padding:0;
    margin-top:0;
}

nav ul li ul li{
	display:block;
}

nav ul li ul li a{
    color: #182859;
    padding: 15px 0;
    font-size:0.62em;
    text-decoration: none;
    display: block;
}

.current{
 border-bottom:2px solid #e5b700;
}
    
    .current .dropdown ul li a{
border-bottom:none;
}

.dropdown:hover .dropdownLinks {
    display: block;
}

.handle{
display:none;
}

#sliderWrapper{
    height:100%;
    width: 100%;
    position: relative;
    z-index: -1;
    margin-top: -5%;
}

ul.slides{
    list-style-type: none;
    padding-left:0;
}

#homeContent{
    display: table;
    table-layout: fixed;
    background-color: #e5b700;
    border-top: 10px solid #de9801;
    text-align: center;
}

#homeContent a{
    display: table-cell;
    width: 33.33%;
}

#homeContent a:hover{
    background-color: rgba(222, 152, 1, 0.3);
}

.feature img{
    display: block;
    margin: 0 auto;
    padding-top:10%;
}

.feature h2{
    font-size: 3em !important;
    color:#542800;
    font-weight:700;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 1.5%;
    margin-bottom: 0;
}

.feature p{
    color:#182859;
    font-size: 1.4em;
    font-weight: bold;
    padding:0 5% 10% 5%;
}

#homeBtm{
    background-color:#de9801;
    padding:1.5% 2% 0.50%;
}

#homeBtm h3{
    background-color: #182859;
    display: inline-block;
    padding:0.50% 1.5%;
    font-size: 3.2em;
    color: #de9801;
    margin: 0 0 1% 0;
}

#homeBtm p{
    margin-top: 0;
    padding-top: 0;
    font-size: 1.4em;
    color:#182859;
    font-weight: 400;
}

.internalHead{
    background-color: #e5b700;
}

#pageHeaderWrapper{
    background-color: #e5b700;
    border-bottom: 10px solid #dea626;
    height: 70px;
    max-width: 100%;
}

#pageHeaderWrapper h1{
    color: #182859;
    font-size: 3.7em;
    margin: 0;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}

#content{
    padding:0 2% 20px 2%;
}

#content h2{
    color:#542800;
    font-size: 3.2em;
    margin-bottom: -5px;
}

#content a{
	color:#182859;
    font-weight:bold;
}

#content a:hover{
	color:#DEA626;
}

#breadcrumb p{
	font-size:1.3em;
    color:#CCC;
}

#breadcrumb span{
	color:#DEA626;
}

.aboutRight{
    background-color: rgba(229, 183, 0, 0.3);
    float: right;
    margin-bottom:15px;
    margin-left: 50px;
    padding: 20px;
    width: 20%;
}

.aboutRight h2{
	margin-top:0;
}

.galleryBtn{
background-color: #de9801;
    color: #182859;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 2em;
    font-weight: bold;
    margin: 10px 0;
    padding: 0.5% 1%;
    text-align: center;
    transition: all 0.3s ease-in 0s;
}

.aboutBtn{
background-color: #de9801;
    color: #182859;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    margin:0;
    padding: 2%;
    text-align: center;
    transition: all 0.3s ease-in 0s;
}

.galleryBtn:hover, .aboutBtn:hover{
	background-color:#182859;
}


.servicesGallery .slippry_box{
	margin: 20px auto 0;
    width: 90%;
}

.servicesGallery .thumb-box ul.thumbs{
margin: 20px auto 0;
    width: 90%;
}

ul.thumbs{
	list-style-type:none;
    padding-left:0;
}

.thumbs li::before, .thumbnails li::before{
content: "" !important;
margin-right: 0 !important;
}

.thumb-box .thumbs li {
    float: left;
    padding: 0 0.5%;
    text-align: center;
    width: 15%;
}

.thumb-box .thumbs li:nth-of-type(7) {
	clear:left;
}

.thumb-box .thumbs li img {
    border-bottom: 4px solid transparent;
    opacity: 0.8;
    transition: opacity 0.32s ease 0s;
    width: 100%;
    height:110px;
 }
 
.contact{
 	float:left;
 }
 
 .contactPage .left{
 	width:55%;
 }
 
 .contactPage .right{
 	width:40%;
 }
 
label{
	color: #253a4b;
    display: block;
    font-size: 1.08em;
    margin-bottom: 5px;
 }
 
input, textarea {
    border: 2px solid #182859;
    color: #58585a;
    font-size: 16px;
    transition: border-color 250ms linear 0s;
}

input:hover, textarea:hover{
	border-color:#DEA626;
}
 
input{
 	padding: 10px 40px 10px 15px;
 }
 
input[type="submit"] {
    background-color: #182859;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 600;
    margin: 5px 0;
    max-width: 100%;
    padding: 10px;
    text-transform: uppercase;
    transition: background-color 0.1s ease-in 0s;
    width: 155px;
}

 input[type="submit"]:hover{
 	background-color: #DEA626;
    color:#182859;
 }
 
 .quote{
 	text-align:center;
 }
 
 .quote input[type="submit"]{
 	margin:0 auto;
 }
 
 .gMap {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    
.gMap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

#footerWrapper{
    max-width:100%;
    height:100%;
    background-color: #182859; 
}

footer{
    max-height:100%;
    margin:0 auto;
    padding:0 2% 0.50% 2%;
}

footer:after{
    content:"";
    display: block;
    clear:both;
}

.footerRight{
    float: right;
    text-align: right;
}

.footerRight a{
	color:#FFF;
}

.contactBtn{
    color:#182859 !important;
    background-color: #de9801;
    font-family: 'Montserrat', sans-serif;
    padding: 3%;
    display: block;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    width: 100%;
        -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

.contactBtn:hover{
    background-color: #e5b700;
    color:#542800 !important;
}

.footerLeft{
    float: left;
}

.footerLeft a{
    color:#e3e3e3;
}

.footerLeft a:hover{
    color:#de9801;
}

.footerLeft p:nth-of-type(1), .footerRight p:nth-of-type(1){
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 2.2em;
    text-transform: uppercase;
    color:#dea626;
    margin-bottom: 0;
}

.footerLeft p:nth-of-type(2), .footerRight p:nth-of-type(2){
    margin-top: 2px;
    line-height:21px;
}

.footerLeft p:nth-of-type(3){
    font-size: 1.2em;
}

.footerLeft p, .footerRight p{
    color:#e3e3e3;
    font-size: 1.4em;
}


@media only screen and (min-width: 1480px) {
nav ul li {
    font-size: 1.8em;
    }
    
    nav ul li ul li a {
    font-size: 0.5em;
    }

}

@media only screen and (max-width: 895px) {
    #logoResponsive{
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    #logoResponsive img{
        margin:10px auto 0 auto;
        width: 55%;
    }
    #logo{
        display: none;
    }
    #sliderWrapper{
        margin-top:-65px;
    }
    .icon-menu{
    float:right;
     display:block;
     cursor:pointer;
     color:#015683;
     font-size:3em;
     margin-top:-80px;
     position:relative;
     clear:right;
    }
    .active{
    color:#dea626 !important;
    } 
     nav.responsive{
        width:100%;
        height:100%;
        display:block;
      }

     nav{
        display:none;
     }
         
     nav ul{
        float:none;
        width:100%;
        text-align:center;
        margin:0;
        padding:10px 0;
         position: relative;
         z-index: 999;
         display: block;
         background-color:#e5b700;
     }

     nav ul li{
        display: block;
        padding:20px 0;
        border-bottom: 1px solid  rgba(245, 245, 245, 0.3);
        width:100%;
        margin:0 auto;
     }
    nav ul li:nth-last-of-type(1){
     border-bottom:0;
}
    .mainLogo{
        display:none;
    }
    nav ul li a{
        color:#182859;
        font-weight: bold;
    }
    
    
    #slider{
    display: block;
    height:100%;
    max-width: 100%;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-top:20px solid #1b2c55;
    }

    #slider:after{
        clear:both;
        content:"";
        display: block;
    }
    
}

@media only screen and (max-width: 865px) {
    .left, .right, .photoRight, .photoLeft{
        float:none;
        margin-left:auto;
        margin-right: auto;
        text-align: center;
        display: block;
    }
    
    #content figure{
    	display:block !important;
    	float:none !important;
        margin:10px auto 10px auto !important;
    }
    
        #content figure img{
        width:100%;
        height:100%;
        }
    
    .aboutRight{
       background-color:transparent;
    float: none;
    margin-left:auto;
    margin-right: auto;
    padding: 0;
    width: 100%;
    display:block;
    text-align:center;
    }
    
    .aboutRight h2{
    	margin-top:20px;
    }
    
    #content h2, #content p{
        text-align: center;
    }
    #homeContent a{
        display: block;
        text-align: center;
        width: 100%;
    }
    .feature img{
        padding-top: 20px;
    }
    .feature p{
        padding-bottom: 20px;
    }
    
    .galleryBtn{
    	display:block;
    	margin:10px auto 10px auto;
    }
    
    .contact{
    	float:none;
    }
    
    .contactPage .right, .contactPage .left{
    	width:100%;
    }
    
    textarea{
    	width:100%;
    }
    
    input[type="submit"]{
    	margin:5px auto 5px auto;
    }
}

@media only screen and (max-width: 650px) {
    
    #headerWrapper {
    height: 100%;
    }
    
    #logo{
        float: none;
        margin: 0 auto;
        display: block;
    }

    .icon-menu{
        float: none;
        margin: 20px auto 5px;
        text-align: center;
    }
    
    #pageHeaderWrapper{
        height:50px;
    }
    
    #pageHeaderWrapper h1{
        font-size: 2.5em;
    }
   
    footer{
        padding: 0.5%;
    }
    
    .footerLeft, .footerRight{
        float:none;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    
    .contactBtn{
        padding:3% 0;
    }
    
}

@media only screen and (max-width: 400px) {
    #sliderWrapper {
    margin-top: -50px;
	}
    #logoResponsive img{
    	width:55%;
    }
}