/*
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grain {
    background: url(../images/grey_wash_wall/grey_wash_wall/grey_wash_wall.png) !important;
}

.altBackClr {
    background: #F69F2A;
}

.subBackClr {
    background: #2E2925;
}

.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

.backcontainer {

    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #5E5E5E;
    background: #6b6b6b;

}

/*
.conbackcontainer {
    background: url(../images/back20.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;

}
*/

#footerContainer {
    background: #242424;
    width: 100%;
    position: relative;
    display: flex;
    padding: 20px 0px;

    z-index: 100;

}

#topContainer {
    float: left;
    /*  height: 535px; */
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
    position: relative;
    box-shadow: 0px 0px 15px 0px #000;
    z-index: 10;
    border: 1px solid #ccc;
    box-sizing: border-box;
    /*   -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    /*   filter: grayscale(100%); */
}

#say {
    position: absolute;
    bottom: 4%;
    width: 15%;
    float: left;
    text-align: left;
    right: 5%;
    font-family: arial;
    font-size: 18px;
    opacity: 0;
    clear: both;
    padding-left: 5%;
    z-index: 1000;
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
    -webkit-transition: all 300ms;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.bw {
    -webkit-filter: grayscale(1);
}


#backSay {
    position: absolute;
    bottom: 2%;
    width: 40%;
    background: rgba(0, 0, 0, 0.65);
    height: 25%;
}

.slidText {
    float: left;
    width: 50%;
    font-size: 18px;
    margin-top: 430px;
}

.lgetitleFont {
    font-size: 2em;
}

#midContainer {
    padding-bottom: 50px;
    width: 100%;
    float: left;
    /* background: #3B3833; */
    /* background: #424439; */
    background: #6b6b6b;

    position: relative;

}

#footer {
    width: 96%;
    position: relative;
    max-width: 1000px;
    margin: auto;
    color: #8c7e73;
    font-size: 0.8em;
}

.ftDomain {
    float: left;
    width: 90%;
    text-align: left;
    margin-left: 10%;
}

.ftDomain a {
    color: #666;
    text-decoration: none;
}

#secHeader {
    float: left;
    height: 50px;
    width: 100%;
    background: #000;
    border-bottom: 1px solid #000;
    box-shadow: 0px 0px 10px 0px #000;
}

#secHeader2 {
    float: left;
    height: 50px;
    width: 100%;
    background: #000;
    /*    border-bottom: 1px solid #000;*/
    box-shadow: 0px 0px 10px 0px #000;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c4c4c4+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #c4c4c4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #c4c4c4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #c4c4c4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c4c4c4', GradientType=0);
    /* IE6-9 */
}

#headerClrBar {
    float: left;
    width: 100%;
    height: 15px;
    /* background: #e4322b; */
    display: none;
}

#midClrBar {
    float: left;
    width: 100%;
    height: 50px;
    background: #e4322b;
    text-align: center;
    font-size: 1.5em;
    padding: 0px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    box-shadow: 0px 0px 10px 0px #000;
    position: relative;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4322b+0,962319+100 */
    background: #e4322b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e4322b 0%, #962319 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e4322b 0%, #962319 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e4322b 0%, #962319 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4322b', endColorstr='#962319', GradientType=0);
    /* IE6-9 */
}

.bx-wrapper {
    margin-bottom: 0px !important;
}

.footerRow {
    width: 100%;
    position: relative;

}

.footQuart {
    float: left;
    width: 100%;
    text-align: center;
}

.footQuart a {
    text-decoration: none;
    color: #8c7e73;
}

.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 2%;
}

.footer {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 5px;
    box-sizing: border-box;
}

.header {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100px;
    z-index: 10000;

}



.clr {
    /* color: #E4322B; */
    color: #000;
}

.quotelong {
    padding: 12px 80px !important;
}

.logoBar {
    position: absolute;
    top: 51px;
    left: 0px;
    width: 100%;
    /* background: rgba(46, 41, 37, 0.7); */
    z-index: 10;
    max-height: 154.5px;
    border-bottom: 1px solid #999;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,737373+100 */
    background: #000000;
    /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #737373 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000000 0%, #737373 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000000 0%, #737373 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#737373', GradientType=0);
    /* IE6-9 */

}

.logoBar2 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    /* background: rgba(46, 41, 37, 0.7); */
    z-index: 10;

    border-bottom: 1px solid #fff;
    box-shadow: 0px 5px 10px -5px #666;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4c4c4+0,5e5e5e+86 */
    background: #c4c4c4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c4c4c4 0%, #5e5e5e 86%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c4c4c4 0%, #5e5e5e 86%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4c4c4 0%, #5e5e5e 86%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c4c4', endColorstr='#5e5e5e', GradientType=0);
    /* IE6-9 */
    box-shadow: 0px 5px 5px #333;
}

.lowRow {
    width: 100%;
    float: left;
    min-height: 210px;
}

.lowLogo {
    width: 90%;
    margin-left: 5%;
    position: relative;
    display: none;

}

.lowImg {

    position: relative;
    float: left;
    padding-top: 40px;
    padding-bottom: 40px;
    transition: all 0.2s;
}

.i1 {
    width: 30%;

}

.i2 {
    width: 39%;

}

.i3 {
    width: 30%;

}

.lowImg:hover {
    padding-top: 30px;
}

#footerbar {
    float: left;
    width: 100%;
    background: #0B140C;

}

#logo {
    width: 70%;
    float: left;
    margin: 15px 15%;
}

#menu .logoBarBack {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #2E2925;
    opacity: 0.5;
    opacity: 0.5;
    z-index: 2;

}

.actionButton {
    width: 46%;
    border-radius: 5px;
    font-size: 5.5vw;
    float: left;
    position: relative;
    bottom: 2px;
    z-index: 100000;
    text-align: center;
    margin: 10px 2%;

}

.actionButton a {
    color: #000;
}

.actionButtonfull {
    width: 100%;
    border-radius: 5px;
    font-size: 5.5vw;
    float: left;
    position: relative;
    bottom: 2px;
    z-index: 100000;
    text-align: center;
    margin: 7px 0%;

    background: #000;
    color: #fff;
    padding: 8px 36px;

    box-shadow: 0px 0px 10px #333;
    border-radius: 5px;
    border: 2px solid #6B6B6B;
    font-size: 18px;
}

.actionButtonfull a {
    color: #fff !important;
}

#mobButtonRow {
    float: left;
    width: 100%;
    padding: 5px;
    background: #000;
    box-sizing: border-box;
}


.abBack {
    background: #aaa;

}

.abBackQuote {
    background: #D02F28;
}

.abBackQuote a {
    color: #fff !important;
}


.abPhone {
    font-size: 4vw;
}

.buttonBack {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.28)), color-stop(100%, rgba(0, 0, 0, 0.28)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    width: 100%;
    padding: 12px 5% 9px 5%;

    border-radius: 5px;
    position: relative;
    float: left;
    font-size: 18px;
}

.buttonBackHome {

    width: 90% !important;

}

.picBack {
    text-align: center;
}

.mailbutton {
    font-size: 130%;
}

.row {
    margin: 10px 0px;
    position: relative;
    float: left;
}

.centerText {
    text-align: center;
}

.altText {
    color: #fff;
    font-size: 6vw;
}

.footTitle {
    float: left;
    width: 100%;
    color: #666;
    font-size: 1.3em;
    margin-top: 25px;
    padding: 0 10px;
    box-sizing: border-box;
}

.greyscale {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

}

.lAlign {
    text-align: left;
}

.footBody {
    font-weight: normal !important;
    color: #666;
    float: left;
    width: 100%;
    margin: 10px 0px;
    font-size: 12px;
    padding: 10px;
    box-sizing: border-box;
}

.footBody2 {
    font-weight: normal !important;
    color: #666;
    float: left;
    width: 100%;
    margin: 10px 0px;
    font-size: 150%;
}

.clrw {
    color: #fff;
}

.download {
    background: #95663F;
    padding: 3px 16px;
    text-align: center;
    text-decoration: none;
    font-size: 115%;
    margin: auto;
    position: relative;
    width: max-content;
}

.download a {
    text-decoration: none;
    color: #000;

}

.listing {
    font-size: 150%;
    color: #fff;
    font-family: "Book Antigua";
    margin: 10px 0px;
}

#topofpage {
    position: fixed;
    right: 0px;
    bottom: 10%;
    min-width: 20px;
    max-width: 50px;
    z-index: 100000;
    font-size: 0.85em;
    padding: 10px;
    cursor: pointer;
    color: #fff;
    background: #999;
    border-radius: 3px 0px 0px 3px;
    display: none;
}

.half,
.third {
    float: left;
    width: 100%;
    box-sizing: border-box;
}


.servRow {
    float: left;
    width: 100%;
}

.servBox {
    float: left;
    width: 29%;

    /* max-height: 200px;
    max-width: 200px; */
    /*    padding: 1%;*/
    box-sizing: border-box;
    border: 1px solid #737373;
    margin: 2%;
    min-height: 100px;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 50%;
    font-size: 0.8em;
    text-align: center;

    box-shadow: 0px 0px 15px 0px #ccc;
    transition: all 1s;
    position: relative;

}

.servBox2 {
    float: left;
    width: 57%;

    /* max-height: 200px;
    max-width: 200px; */
    /*    padding: 1%;*/
    box-sizing: border-box;
    border: 2px solid #737373;
    margin: 3.5% 22%;
    min-height: 100px;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 50%;
    font-size: 0.8em;
    text-align: center;

    box-shadow: 0px 0px 15px 0px #ccc;
    transition: all 1s;
    position: relative;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

}

.servBox3 {
    float: left;
    width: 33%;

    /* max-height: 200px;
    max-width: 200px; */
    /*    padding: 1%;*/
    box-sizing: border-box;
    border: 2px solid #737373;
    margin: 2%;
    min-height: 100px;
    background: rgba(255, 255, 255, 0.65);
    border-radius: 50%;
    font-size: 0.8em;
    text-align: center;

    box-shadow: 0px 0px 15px 0px #ccc;
    transition: all 1s;
    position: relative;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

}

.servBox:hover {
    box-shadow: 0px 0px 15px 0px #000;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #6B6B6B;
}

.servBox2:hover,
.servBox3:hover {
    box-shadow: 0px 0px 15px 0px #000;

    border: 2px solid #6B6B6B;
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.servTitle {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #4e4e4e;
    padding: 0px 4%;
    box-sizing: border-box;
    margin-top: 25%;
    line-height: 1em;
}

.servBox2 .servTitle {
    float: left;
    width: 120%;
    text-align: center;
    font-size: 28px;
    color: #000;
    padding: 0px 4%;
    box-sizing: border-box;
    margin-top: 36%;
    line-height: 1em;
    background: #6B6B6B;

    font-family: 'Anton', sans-serif;
    color: #000;
    padding: 10px;
    margin-left: -10%;
    text-shadow: none;
    letter-spacing: 1.5px;
}

.servBox3 .servTitle {
    float: left;
    width: 120%;
    text-align: center;
    font-size: 18px;
    color: #000;
    padding: 0px 4%;
    box-sizing: border-box;
    margin-top: 38%;
    line-height: 1em;
    background: #6B6B6B;

    font-family: 'Anton', sans-serif;
    color: #fff;
    padding: 10px;
    margin-left: -10%;
    text-shadow: none;
    letter-spacing: 1.5px;
}

.servText {
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 4%;
    color: #4e4e4e;
    font-size: 18px;


}

.servTextlow {
    float: left;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding: 10px 4%;
    color: #4e4e4e;
    font-size: 18px;
    margin-top: 60%;
}

.servCheck {
    float: left;
    width: 25%;
    height: 100%;
}

.servIndent {
    margin-left: 14.5%;
}

.servFirst {
    /*  clear: left; */
}

.box1 {
    background: url(../images/buildFab2.jpg);
    background-size: cover;
    background-position: center;
}

.box2 {
    background: url(../images/buildSteel3.jpg);
    background-size: cover;
    background-position: center;
}

.box3 {
    background: url(../images/buildRec2.jpg);
    background-size: cover;
    background-position: center;
}

.box4 {
    background: url(../images/buildAgr.jpg);
    background-size: cover;
    background-position: center;
    margin-left: 16%;
}

.box5 {
    background: url(../images/buildCom.jpg);
    background-size: cover;
    background-position: center;
}

.box6 {
    background: url(../images/buildstAgr.jpg);
    background-size: cover;
    background-position: center;
    margin-left: 16%;
}

.box7 {
    background: url(../images/buildstCom.jpg);
    background-size: cover;
    background-position: center;
}


.sbIcon {

    z-index: 100;
    position: absolute;
    top: -30px;
    left: 39%;
    width: 24%;
    text-align: center;

}

.fullscreen {
    float: left;
    width: 100%;
    background: #0A140C;
    padding-top: 25px;
    border-top: 1px solid #ffffff;
    border-bottom: 2px solid #0b0b0b;
    box-shadow: 0px 0px 10px 5px #666;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,0a140c+51 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #0a140c 51%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #0a140c 51%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #0a140c 51%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#0a140c', GradientType=0);
    /* IE6-9 */
}

.subQuote {

    width: 17%;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 10000;
}

.bx-wrapper .bx-pager {
    display: none;
}

.bold {
    font-weight: bold;
}

.lHeight {
    line-height: 1.4em;
}

.shadowed {
    border: 1px solid #999;
}

#txtContainer {
    position: relative;
    float: left;
    /*  height: 535px; */
    width: 100%;
    overflow: hidden;
    margin-top: 10px;

    z-index: 10;

    /*    -webkit-filter: grayscale(100%); */
    /* Safari 6.0 - 9.0 */
    background: #6b6b6b;

}

.frameCon {
    position: relative;
    float: left;
    width: 44%;
    margin: 10px 3%;
    box-shadow: 0px 0px 10px 0px #333;
    border: 2px solid #6B6B6B;
    border-radius: 5px;
}

.frameImg {
    width: 100%;
    /*     -webkit-filter: grayscale(100%); */
    /* Safari 6.0 - 9.0 */
    border-radius: 0 0 5px 5px;
}

.frameImgB {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    display: none;
    border-radius: 5px;
}

.frameTitle {
    width: 100%;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6b6b6b+22,333333+74,333333+100 */
    background: #ccc;
    /* Old browsers */
    /*background: -moz-linear-gradient(top, #6b6b6b 22%, #333333 74%, #333333 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #6b6b6b 22%,#333333 74%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #6b6b6b 22%,#333333 74%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
    color: #000;
    padding: 10px 0px;
    font-weight: bold;
    font-size: 2.5vw;
    border-radius: 5px 5px 0 0;
}

.cLeft {
    clear: left;
}

.highlightBox {
    /* border: 1px solid #000; */
    padding: 4%;
    width: 100%;
    box-sizing: border-box;
    background: #888;
    color: #000;
    clear: both;
    margin-top: 50px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px #000;

    border: 2px solid #6B6B6B;
    margin-bottom: 20px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+12,bababa+41,eeeeee+85,ffffff+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 12%, #bababa 41%, #eeeeee 85%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 12%, #bababa 41%, #eeeeee 85%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 12%, #bababa 41%, #eeeeee 85%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */

}

.whiteHighLight {
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px #333;
    border: 1px solid #333;
    padding: 8%;
    background: #fff;
}

.whiteHighLight li {
    list-style-position: outside;
    color: #000;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
    list-style: disc;

}

.halfImg {
    width: 66%;
    margin: 12% 8%;
}

.opacback {
    /*    background: rgba(256,256,256,0.5);*/
    background: #BABABA;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bababa+29,eeeeee+44,eeeeee+44,eeeeee+53,bebebe+63,eeeeee+85,eeeeee+85,ffffff+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #bababa 29%, #eeeeee 44%, #eeeeee 44%, #eeeeee 53%, #bebebe 63%, #eeeeee 85%, #eeeeee 85%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #bababa 29%, #eeeeee 44%, #eeeeee 44%, #eeeeee 53%, #bebebe 63%, #eeeeee 85%, #eeeeee 85%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #bababa 29%, #eeeeee 44%, #eeeeee 44%, #eeeeee 53%, #bebebe 63%, #eeeeee 85%, #eeeeee 85%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.exPadRight {
    padding-right: 4%;
}

h5 {
    text-align: center;
    margin-top: 0px !important;
    font-size: 2.2rem !important;
    font-family: 'Anton', sans-serif !important;

}

h9 {
    margin-top: 15px;
    display: block;
    color: #222;
    font-weight: bold;
    font-size: 20px;
}

.cImage {
    width: 70%;
    margin-left: 15%;
}

.swatchBox {
    width: 200px;
    height: 100px;
    margin: auto;
    position: relative;
    display: inline-block;
}


.calhoun {
    width: 15%;
    max-width: 170px;
    min-width: 100px;
    margin: 0% 0 0.5% 2%;
}

.tleft {
    text-align: left;
}

#sw1 {
    background: #BC0605;
}

#sw2 {
    background: #4F5F5F;
}

#sw3 {
    background: #F7F5FF;
}

#sw4 {
    background: #3D3A3A;
}

#sw5 {
    background: #D8A257;
}

#sw6 {
    background: #362825;
}

#sw7 {
    background: #E1D4A8;
}

#sw8 {
    background: #1A2D17;
}

#sw9 {
    background: #B4AB8A;
}

#sw10 {
    background: #6D0100;
}

#sw11 {
    background: #2A0C01;
}

#sw12 {
    background: #263542;
}

#sw13 {
    background: #D4BF7E;
}

.formCol {
    width: 100%;
    float: left;
}

.formRow input[type="button"] {
    background: #000;
    color: #fff;
    padding: 0px 36px;
    text-align: center;
    margin: 25px 0;
    box-shadow: 0px 0px 10px #333;
    border-radius: 5px;
    border: 2px solid #6B6B6B;
    -webkit-transition: all 300ms;
    font-weight: normal;
}

.formRow input[type="button"]:hover {
    background: #2EB25B;
    color: #000;
    font-weight: bold;
}

.foundOptions {
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px #333;
    border: 1px solid #333;
    padding: 2%;
    background: #fff;
}

.fabTabsRow {
    float: left;
    width: 100%;
}

.fabTab {
    float: left;
    width: 15%;
    max-width: 135px;
    background: #1F1F20;
    margin-right: 10px;
    text-align: center;
    padding: 10px 0 10px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 10px 0px #333;
}

.fabON {
    background: #C52D2F;
    color: #fff;
}

.fabInfoSpace {
    display: none;
    min-height: 420px;
    float: left;
    background: #404040;
    padding: 20px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 10px 0px #333;
}

#fi1 {
    display: block;
}

.fabIMG {
    float: left;
    width: 100%;
    margin: auto;
    padding: 2% 5%;
}

.third {
    /*
    float: left;
    width: 33%;
*/
}

.fabTitle {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 5%;
    font-size: 16px;
    color: #aaa;
    font-weight: bold;
}

.fabTitleBig {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 5%;
    font-size: 28px;
    color: #eee;
    font-family: 'Anton', sans-serif !important;
    letter-spacing: 1.5px;

}

.fabInfo {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 5%;
    font-size: 15px;
    color: #eee;
}

.fabsize {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 5%;
    font-size: 16px;
    color: #aaa;
    margin: 5px 0;
    font-weight: bold;
}


/****************************************************************************************************************************************************************/
.pgSpacerTop {
    margin-top: 30px;
}

.accordion h2 {
    margin-bottom: 25px;
}

.panel-default {
    border-color: transparent;
}

.panel-default > .panel-heading,
.panel {
    background-color: #e6e6e6;
    border: 0 none;
    box-shadow: none;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    background: #fff;
    color: #858586;
}

.panel-body {
    padding: 20px 20px 10px;
}

.panel-group .panel + .panel {
    margin-top: 0 !important;
    border-top: 1px solid #d9d9d9;
}

.panel-group .panel {
    border-radius: 0 !important;
}

.panel-heading {
    border-radius: 0;
}

.panel-title > a {
    color: #4e4e4e;
}

.accordion-inner img {
    border-radius: 4px;
}

.accordion-inner h4 {
    margin-top: 0;
}

.panel-heading.active {
    background: #1f1f20 !important;
}

.panel-heading.active .panel-title > a {
    color: #fff;
    text-decoration: none;
}

a.accordion-toggle i {
    width: 45px;
    line-height: 44px;
    font-size: 20px;
    margin-top: -10px;
    text-align: center;
    margin-right: -15px;
    background: #c9c9c9;
}

.panel-heading.active a.accordion-toggle i {
    background: #c52d2f;
    color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i {
    background: #c52d2f;
    color: #fff;
}

.panel-title {
    padding-top: 0 !important;
    line-height: 1.5;
}

.panel {
    border-bottom: 1px solid #ddd;
}

.media-body h4 {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #4e4e4e;
    text-align: left;
}

.panel-title > a:hover {
    text-decoration: none;
}

.accordion {
    float: left;
    width: 100%;
    /*  border: 1px solid #fff; */
    box-shadow: 0px 0px 10px 0px #333;
}

.container a {
    color: #fff;
}

.red,
.red a {
    color: #000;
    font-size: 20px;
}

/*************************************************************** Forms **************************************************************************************/
.formRow {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.formLeft {
    float: left;
    width: 40%;
    padding-right: 2%;
    box-sizing: border-box;
    text-align: right;
    font-size: 14px;
}

.formRight {
    float: left;
    width: 60%;
}

.txtMessge {
    width: 100%;
    height: 180px;
}

.formName {
    float: left;
    width: 100%;
    color: #000;

}

.formField {
    float: left;
    width: 100%;

}

.formCenterLeft {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: right;
    padding-right: 1%;
}

.formCenterRight {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: left;
    padding-left: 1%;
}

.fullfield {
    width: 100%;
    color: #000;
}

.xfullfield {
    width: 100%;
    height: 3em !important;
    color: #000;
}

#send {
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.28)), color-stop(100%, rgba(0, 0, 0, 0.28)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background-color: rgba(213, 64, 64, 1) !important;
    color: #ece3d4;
}

#mainSpacer {
    position: relative;
    width: 100%;
    height: 60%;
    min-height: 600px;
    display: block;
}

#subContent {
    position: relative;
    width: 100%;
    z-index: 1000;
    height: 50px;
    display: none;
}

.subContentRow {
    width: 100%;

    color: #fff;
    height: 100%;
}

.infoLine {
    position: relative;
    width: 100%;
    display: none;
    margin: auto;
    padding: 12px;

}

.infoElem {
    float: left;
    padding: 5px 0;
    text-transform: uppercase;
    width: 11%;
    text-align: center;
    /*    color: rgba(46, 41, 37,1.0); */
    color: #eee;
    font-weight: bold;
}

.infoElemDoub {
    float: left;
    padding: 5px 0;
    text-transform: uppercase;
    width: 23%;
    text-align: center;
    /*    color: rgba(46, 41, 37,1.0); */
    color: #eee;
    font-weight: bold;
}

.colContainer {
    width: 100%;
    /* padding-bottom: 20.6%; */
    background: #242424;
    color: #000;
    height: 100%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.subSec {

    position: relative;
    width: 100%;
    z-index: 1000;
    box-sizing: border-box;
}

.lowerInfo {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 0px 2% 50px 2%;
    box-sizing: border-box;
}

.halfCol {
    width: 100%;
    position: relative;
    padding: 15px 2%;
    box-sizing: border-box;
    float: left;

}

.topHalf {
    padding-bottom: 0;
}

.botHalf {
    padding-top: 0;
}


.fullCol2 {

    width: 100%;
    max-width: 640px;
    min-height: 360px;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
    margin: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.embedVid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.fullCol {
    width: 100%;
    position: relative;
    padding: 15px 2% 0px 2%;
    box-sizing: border-box;
    float: left;
}

.paraHighlight {
    background: #242424;
    width: 96%;
    color: #eee;
    position: relative;
    padding: 10px;
    font-size: 14px;
    overflow: auto;
    box-sizing: border-box;
}

.paraOneThird {
    float: left;
    width: 33.33%;
}

.paraOneThird img {
    border: 3px solid #aaa;
}

.paraOneThird img:hover {
    border: 3px solid #eee;
}

.paraTwoThird {
    float: left;
    width: 66.67%;
}

.pdfinsert {
    background: #26221F;
    color: #8c7e73;
    padding: 5px;
    border: 1px solid #8c7e73;
    float: left;
    width: 50%;
}

.highSpacer {
    margin-top: 15px;
}

.giantImg {
    padding-top: 25%;
    padding-bottom: 10%;
}

.test {
    padding: 40px 20px;
    font-size: 18px;
}

.privateButton {}

.parabox {
    margin: 10px 0px 0px 10px;
    width: 90%;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    z-index: 11;
    position: relative;
    padding: 10px;
    color: #000;
    border: 1px solid #f9af4d;
    background: #f9af4d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f9af4d 0%, #d78207 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9af4d), color-stop(100%, #d78207));
    background: -webkit-linear-gradient(top, #f9af4d 0%, #d78207 100%);
    background: -o-linear-gradient(top, #f9af4d 0%, #d78207 100%);
    background: -ms-linear-gradient(top, #f9af4d 0%, #d78207 100%);
    background: linear-gradient(to bottom, #f9af4d 0%, #d78207 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9af4d', endColorstr='#d78207', GradientType=0);
}

.hashtag {
    font-family: 'Great Vibes', cursive;
    font-size: 24px;
}

.bulbox {
    float: left;
    width: 48%;
    padding: 0%;
    box-sizing: border-box;
    border: 1px solid #999;
    margin: 5px 1%;
    min-height: 0px;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    font-size: 0.8em;
}

.bulCheck {
    float: left;
    width: 10%;
    padding-top: 4px;
    padding-left: 1%;

}

.bultext {
    float: left;
    width: 75%;
    box-sizing: border-box;
    padding-left: 5%;
    padding-top: 3.5%;
    color: #4e4e4e;
    font-size: 14px;
}

#footerContainer {
    position: relative;
    background: #111111;
    min-height: 575px;
    width: 100%;
    float: left;
    padding: 25px 0px;
    border-top: 2px solid #0b0b0b;
    font-size: 75%;
    box-shadow: 0px 0px 10px 0px #000;
}

.linkRow {
    width: 80%;
    max-width: 800px;
    margin: auto;
    position: relative;
}

.linkLinkbox {
    width: 33%;
    float: left;
}

.linkLinkBoxSpace {
    padding-top: 27px;
}

.smallHigh {
    padding: 20px;
    box-sizing: border-box;
    background: #888;
    color: #000;

    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px #000;
    border: 2px solid #6B6B6B;
}

.req {
    font-size: 12px;
    color: #fff;

}

#required {
    position: absolute;
    right: 3%;
    top: 60px;
    color: #fff;
    font-size: 12px;
}

#ourForm {
    float: left;
    width: 100%;
    margin-top: 20px;
}

/*************************************************************      Menu         ************************************************************/
#menuCont .hamSlideContainer {
    display: inline-block;
    position: relative !important;

}

#menuCont .menuButton {

    margin: 3px 0px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), inset 1px 1px 1px rgba(0, 0, 0, 0.3), inset -1px 0px 1px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    background: #E4853F !important;
}

.menuButton {
    background: rgb(172, 143, 83);
    color: #000000;
    width: 90%;
    padding: 12px 5% 9px 5%;
    font-size: 5vw;
    float: left;
    border-bottom: 1px solid #888;
    border-top: 1px solid #aaa;
}

.menuButton a {
    color: #000;
    text-decoration: none;
}

.menuTop {
    border-radius: 10px 10px 0px 0px;
    border-top: 0px;
}

.menuBot {
    border-radius: 0px 0px 10px 10px;
    border-bottom: 0px;
}

.menuElem {
    color: #fff;
    padding: 5px 5%;
    float: left;
    font-size: 4.3vw;
    text-align: left;
    text-transform: uppercase;
    margin-top: 5px;
    box-sizing: border-box;

}

.menuElem a:hover,
.menuElem:hover a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.menuElem:hover,
.shButton {
    color: #fff;
    background: #999;
    background: rgba(0, 0, 0, 0.65);

}

.shButton a {
    color: #fff !important;
}

.menuElem a {
    color: #fff;
    text-decoration: none;
    /* font-weight: bold; */
}

#menu {
    float: left;
    width: 100%;
}

#socialContainer {
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 4%;
    max-width: 60px;
    width: 0px;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    opacity: 0;
    z-index: 1000000;
}

.subMenu {
    position: relative;
    float: right;
    width: 48%;
    padding: 5px 1%;
    text-align: right;
    font-size: 2.3vw;
    display: none;
    font-weight: bold;

}

/*
.hamSlideContainer .subbut::after {
    content: url("../images/downarrow.png");
    padding: 0 20px;
    align-content: flex-end;
}
.hamSlideContainer .shButton.subbut::after {
    content: url("../images/downarrow.png");
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
*/
.dirArrow {
    margin-left: 20px;
}

.rotated {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.subbut img {}

.specialSpacer {
    margin: 20px 0 50px 0;
}

.secSpacer {
    margin: 50px 0 0 0;
}

.xsecSpacer {
    margin: 420px 0;
}

.subSpacer {
    margin: 0px 10px;
    font-weight: bold;
    color: #000;

}

.footBody2 .subSpacer {
    color: #fff;
}

.easyQuote a{
    font-family: arial;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}


.quote {

    color: #fff;
    padding: 12px;
    border: 1px solid #E4322B;
    font-weight: bold;
    margin: 5px;
    margin-left: 10px;
    font-family: arial;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4322b+0,962319+100 */
    background: #e4322b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e4322b 0%, #962319 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e4322b 0%, #962319 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e4322b 0%, #962319 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4322b', endColorstr='#962319', GradientType=0);
    /* IE6-9 */

}

.quote:hover {
    background: #3360f0;
    color: #fff;
    border: 1px solid #fff;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#962319+1,962319+1,962319+37,e4322b+100,e4322b+100 */
    background: #962319;
    /* Old browsers */
    background: -moz-linear-gradient(top, #962319 1%, #962319 1%, #962319 37%, #e4322b 100%, #e4322b 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #962319 1%, #962319 1%, #962319 37%, #e4322b 100%, #e4322b 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #962319 1%, #962319 1%, #962319 37%, #e4322b 100%, #e4322b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#962319', endColorstr='#e4322b', GradientType=0);
    /* IE6-9 */
}

.socialBox {
    float: left;
    width: 100%;
    max-width: 60px;

}

.socialBox img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    vertical-align: initial;

}

.socialBox img:hover {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}


#radInp input {
    margin: 0px 2px 0px 10px;

}

#radInp {
    margin: 20px 0px;
}

.mobBack {
    background: #F69F2A;

}

.submenu {
    display: none;
    /*    background: #000;*/

    position: relative;
    padding: 10px;

}

.submenu .ddown-menu {
    font-size: 18px;
}

.subShow {
    display: block;
}

#sub4 .ddown-menu {
    width: 15vw;
}

#sub4 .ddown-menu li {
    width: 100%;
}

.ddown-menu li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    list-style: none;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #000;
    /*    border: 1px solid rgba(0, 0, 0, 0.5);*/
    font-weight: normal;
}

.ddown-menu {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 0px;

    box-sizing: border-box;
}



.ddown-menu a li {
    color: #fff;
    text-decoration: none;
}

.ddown-menu li:hover {
    background: #000;
    color: #fff;
}

.ddown-menu li a:hover {

    color: #000;
}

.dropSingleCol {
    width: 100%;
}

.dropSingleCol li {
    width: 100%;
}
.easyButton{
    position: absolute;
    right: 7px;
    top: 50px;

    z-index: 10000;
    padding: 3px 20px;
    background: #fff;
    text-align: center;
    border-radius: 5px;

}
.easyQuote{


/*    background: linear-gradient(180deg, rgba(255,255,255,1) 1%, rgba(221,221,221,1) 85%);*/
}

.easyQuote:hover, .easyMobQuote{
    background: linear-gradient(180deg, rgba(221,221,221,1) 1%, rgba(255,255,255,1) 85%);
}

.easyMobQuote{
    width: 48%;
    padding: 18px 0;
    margin: 9px 0;
    background: #fff;
    float: left;
    text-align: center;
    border-radius: 5px;
}
.easyMobQuote a{
    color: #000;
    text-decoration: none;

}
#hamPhone{
    width: 94%;
    float: left;
    margin: 0 3% 20px;
    text-align: center;
    color: #000;
}
#hamPhone a{
    color: #fff;
}
.exSpace{
    padding-bottom: 25px;
}
/****************************************************************    Hamburger Menu       *********************************************************************/
#hamMenuContainer {
    position: relative;
    float: left;
    width: 100%;
    z-index: 1000000;
}

#hamMenu {
    background: rgb(0, 0, 0);
    color: #fff;
    width: 100%;
    padding: 10px 5%;
    margin: 10px 0px;
    font-size: 5vw;
    float: left;
    /*    border-bottom: 1px solid #888;*/
    /*    border-top: 1px solid #fff;*/
    box-sizing: border-box;
}

.hamIcon {
    float: right;
    width: 13%;
    margin-right: 0%;
    /*
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.28)), color-stop(100%, rgba(0, 0, 0, 0.28)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
*/
    border-radius: 5px;
}

.hamIcon img {
    margin-top: 4px;
}

.hamBack {
    float: left;
    width: 9%;
    padding: 2px 10px;
    margin-right: 0%;
    /*
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.28)), color-stop(100%, rgba(0, 0, 0, 0.28)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
*/
    border-radius: 5px;
}

.hamSlideContainer .ddown-menu {
    margin-left: 5%;
}

#hamMenuSlide {
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 100;
    width: 100%;
    /* display: none; */
}

.hamSlideContainer {
    display: none;
    margin-top: 30px;
    position: absolute;
    background: #000;
}

.hamSlideContainer .menuElem {
    width: 100%;
    background: #000;
}

.formTxtBox {
    width: 100%;
}

.agConButton {
    background: #000;
    color: #fff;
    padding: 10px 36px;
    text-align: center;
    margin: 25px 0;
    box-shadow: 0px 0px 10px #333;
    border-radius: 5px;
    border: 2px solid #6B6B6B;
    -webkit-transition: all 300ms;
    font-weight: normal;
}

/*********************************************Slider ***************************************************************************************/
#carousel {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 0% 0px;
    overflow: hidden;
}

#slides {

    position: relative;
    width: 100%;
    height: 250px;
}

#slides ul {
    list-style: none;
    width: 100%;
    height: 250px;
    margin: 0;
    padding: 0;
    position: relative;
}

#slides li {
    width: 100%;
    height: 250px;
    float: left;
    text-align: center;
    position: relative;
    font-family: lato, sans-serif;
    margin-left: 0px;
    list-style: none;
}

/* Styling for prev and next buttons */

.btn-bar {
    width: 100%;
    margin: 0 35%;
    display: none;
    position: relative;
    top: 40px;
}

#buttons {
    padding: 0;
    float: right;
}

#buttons a {
    text-align: center;
    display: block;
    font-size: 50px;
    float: left;
    outline: 0;
    margin: 0 15px;
    color: #b14943;
    text-decoration: none;
    display: block;
    padding: 9px;
    width: 35px;
}

a#prev:hover,
a#next:hover {
    color: #FFF;
    text-shadow: .5px 0px #b14943;
}


.fwlogoSpace {
    margin-top: 200px;
}

.firstlogo {
    position: relative;
    margin: auto;
    width: 120px;
}

.footIndExt {
    height: 600px !important;
}

.firstlogo a {
    text-decoration: none;
    color: #8c7e73 !important;
}

.midTxt {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}

.midImg {
    float: left;
    width: 40%;
    text-align: left;
    padding-left: 4%;
    box-sizing: border-box;
}

.listInd {
    list-style-image: url('../images/check.png');
    margin-bottom: 3px;
}

.slider {
    height: 534px;
}


#socialRowFoot {
    display: block;
    width: 70%;
    min-width: 215px;
    margin-left: 15%;
}

.socialf {
    float: left;
    width: 12%;
    margin: 0px 1%;
    min-width: 25px;
}

.threeCol {
    float: left;
    width: 100%;
}

#midContainer h1 {
    margin: 10px 0;
}

.galImgCon,


.halfImg,
.alLeft3,
.bwhov {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all 0.5s;

}

.galImgCon:hover,

.alLeft:hover,
.alLeft3:hover,
.halfImg:hover,
.bwhov:hover {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.alLeft,
.chartRight,
.chart {

    transition: all 0.5s;
}

.alLeft:hover,
.chart:hover,
.chartRight:hover {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

}

.alRight {
    margin-left: 3%;
    width: 25%;
    max-width: 210px;
}

.forty {
    margin-right: 3%;
    width: 25%;
    max-width: 210px;
}

.chart {
    margin-left: 3%;
    width: 35%;
    max-width: 420px;
}

.chartLeft {
    width: 35%;
    max-width: 420px;
    margin-right: 3%;
}

.chartRight {
    width: 35%;
    max-width: 420px;
    margin-left: 3%;
}

.alRight2 {
    margin-left: 3%;
    width: 20%;
    max-width: 160px;
}

.alLeft {
    width: 35%;
    margin-right: 3%;
    max-width: 420px;
}

.alLeft2 {

    max-width: 170px;
}

.alLeft3 {
    width: 45%;
    margin: 1.5% 3% 1% 0;
    max-width: 375px;
    box-shadow: 0px 0px 15px 0px #000;
    border: 2px solid #6B6B6B;
}

.justify {
    text-align: left;
}

.photoButton {
    float: left;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    margin: 25px 0;
    box-shadow: 0px 0px 10px #333;
    border-radius: 5px;
    border: 2px solid #6B6B6B;
    -webkit-transition: all 300ms;
    font-weight: normal;
}

.photoButton:hover {

    background: #2EB25B;
    color: #000;
    font-weight: bold;
}

.galleryInsert .galImgCon {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s;
    box-shadow: 0px 0px 10px #333;
}

.galleryInsert .galImgCon:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.galleryInsert {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

#lowerSection {
    float: left;
    width: 100%;
    margin: 0px 0px 60px;
}

.galImgCon:nth-child(1) {
    border-radius: 5px 0 0 0;
}

.galImgCon:nth-child(3) {
    border-radius: 0 5px 0 0;
}

.galImgCon:nth-child(10) {
    border-radius: 0 0 0 5px;
}

.galImgCon:nth-child(12) {

    border-radius: 0 0 5px 0;
}

.footTitleTop {
    text-transform: uppercase;
    font-family: 'Noto Sans', sans-serif;
    color: #666;
    font-size: 20px;
}

.footSECTitleTop {
    font-family: 'Anton', sans-serif;
    color: #fff;
    font-size: 32px;
}

.easyMobButton{
    width: 48%;
    padding: 0;
    margin: 9px 0;
    background: #fff;
    float: left;
    text-align: center;
    border-radius: 5px;
}

/* Common Classes
--------------------------------------*/


.tLeft {
    text-align: left;
}

.tRight {
    text-align: right;
}

.tCenter {
    text-align: center;
}

.tJustify {
    text-align: justify;
}



/**********************************************************************************************************************************************/
body {
    /*  background: #e4322b; */
    font-family: 'Noto Sans', sans-serif;


}

.xpace {
    margin-bottom: 20px;
}

.noMobile,
.noMobileFlex {
    display: none;

}

h1 {
    text-transform: uppercase;
    text-align: center;
    color: #000 !important;
    padding: 5px 0;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 5px;
}

h1,
h2 {
    font-family: 'Anton', sans-serif !important;
    color: #000 !important;
    float: left;
    display: block;
    width: 100%;
}

h3 {
    padding-top: 20px;
    margin-bottom: 0rem !important;
}

h4 {
    font-family: Arial !important;
    font-size: 16px;
    text-align: center;
}

h8 {
    color: #222;
    font-weight: bold;
    font-size: 20px;
}

h2,
h3,
h4,
h5 {
    color: #222 !important;
}

.high1 {
    color: rgb(151, 192, 0) !important;
}

.smTitle {
    font-size: 60%;
}

.mdTitle {
    font-size: 130%;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
    .container {
        width: 100%;
    }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
    .container {
        width: 100%;
    }

    .column,
    .columns {}

    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .one.column,
    .one.columns {
        width: 4.66666666667%;
    }

    .two.columns {
        width: 13.3333333333%;
    }

    .three.columns {
        width: 22%;
    }

    .four.columns {
        width: 33.333%;

        /*    margin-bottom:30px;  */


    }

    /*  .four.columns:nth-child(1){

  }
      .four.columns:nth-child(2){

  }
  .four.columns:nth-child(3){

  }
  */
    .fAdj {
        background: #242424;
        overflow: hidden;
    }

    .five.columns {
        width: 39.3333333333%;
    }

    .six.columns {
        width: 48%;
    }

    .xsix.columns {
        width: 50%;
        margin-top: 30px;
    }

    .seven.columns {
        width: 56.6666666667%;
    }

    .eight.columns {
        width: 65.3333333333%;
    }

    .nine.columns {
        width: 74.0%;
    }

    .ten.columns {
        width: 82.6666666667%;
    }

    .eleven.columns {
        width: 91.3333333333%;
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0;
        position: relative;
    }

    .one-third.column {
        width: 30.6666666667%;
    }

    .two-thirds.column {
        width: 65.3333333333%;
    }

    .one-half.column {
        width: 48%;
    }

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }

    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }

    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }

    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }

    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }

    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }

    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78.0%;
    }

    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }

    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }

    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
    font-size: 62.5%;
}

body {
    font-size: 1.8em;
    /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.5;
    font-weight: 400;

    color: #F3F3F3;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0rem;
    font-weight: normal;
    /*   font-family: 'Timmana', sans-serif;*/
    font-family: 'Istok Web', sans-serif;
    letter-spacing: 1.3px;
}

h1 {
    font-size: 3.4rem;
    line-height: 1.2;

}

h2 {
    font-size: 2.5rem;
    line-height: 1.25;
    letter-spacing: 1.5px;
}

h3 {
    font-size: 2.5rem;
    line-height: 1.25;
    letter-spacing: 0rem;
}

h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
}

h5 {
    font-size: 2.4rem;
    line-height: 1.5;
    letter-spacing: 1.3px;
}

h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0;
}

/* Larger than phablet */
@media (min-width: 550px) {
    h1 {
        font-size: 3.4rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 2.5rem;
    }

    h4 {
        font-size: 2.0rem;
    }

    h5 {
        font-size: 2.4rem;
    }

    h6 {
        font-size: 1.5rem;
    }
}



p {
    margin-top: 0;
}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    color: #1EAEDB;
}

.container p a:hover {
    color: #2EB25B !important;
    text-decoration: underline;
}

.container p a {
    color: #2EB25B !important;
}

menuElem a:focus {

    color: #000 !important;
    text-decoration: none !mportant;
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #888;
    border-color: #888;
    outline: 0;
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    color: #FFF;
    background-color: #33C3F0;
    border-color: #33C3F0;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color: #FFF;
    background-color: #1EAEDB;
    border-color: #1EAEDB;
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 38px;
    padding: 6px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    color: #000;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #33C3F0;
    outline: 0;
}

label,
legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
}

fieldset {
    padding: 0;
    border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
}

label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
    list-style: disc inside;
}

ol {
    list-style: decimal inside;
}

ol,
ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
    /*    margin: 1.5rem 0 1.5rem 3rem; */
    font-size: 90%;
}

li {
    margin-bottom: 0rem;

}

.levelsLi li {
    color: #000;
    list-style-position: outside;
    margin-left: 5%;
    text-align: left;

}

.levelsLi {
    margin-bottom: 10px;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
}

pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
}


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
    margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
    margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    margin-bottom: 2.5rem;
}

.txtArea {
    width: 94%;
    height: 150px;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
    width: 100%;
    box-sizing: border-box;
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}

.u-pull-right {
    float: right;
}

.u-pull-left {
    float: left;
}


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
    content: "";
    display: table;
    clear: both;
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 650px) {

    .topHalf {
        padding-bottom: 15px;
    }

    .botHalf {
        padding-top: 15px;
    }

    .mdTitle {
        font-size: 200%;
    }

    .actionButton,
    .actionButtonfull {
        display: none;
    }

    .mobileOnly {
        display: none;
    }

    #mobButtonRow {
        display: none;
    }

    .frameTitle {
        font-size: 14px;
    }

    .fabIMG {
        float: left;
        width: 60%;
        margin: auto;
        padding: 2% 5%;
    }

    #socialRowFoot {
        display: block;
        width: 55%;
        margin: 3% 22%;
        min-width: 215px;
    }

    .justify {
        text-align: justify;
    }

    .servBox2 {

        width: 29%;
        margin: 2%;

    }

    .lowLogo {
        width: 50%;
        margin-left: 25%;
        position: relative;
        margin-bottom: 30px;
        display: block;
    }

    .servBox2 .servTitle {
        float: left;
        width: 120%;
        text-align: center;
        font-size: 16px;
        color: #000;
        padding: 0px 4%;
        box-sizing: border-box;
        margin-top: 36%;
        line-height: 1em;
        background: #6B6B6B;

        font-family: 'Anton', sans-serif;
        color: #000;
        padding: 10px;
        margin-left: -10%;
        text-shadow: none;
        letter-spacing: 1.5px;
    }

    .servBox3 .servTitle {
        float: left;
        width: 120%;
        text-align: center;
        font-size: 26px;
        color: #000;
        padding: 0px 4%;
        box-sizing: border-box;
        margin-top: 42%;
        line-height: 1em;
        background: #6B6B6B;

        font-family: 'Anton', sans-serif;
        color: #fff;
        padding: 10px;
        margin-left: -10%;
        text-shadow: none;
        letter-spacing: 1.5px;
    }

    .header {
        position: fixed;


    }

    #txtContainer {

        margin-top: 180px;


    }

    #hamMenuContainer {
        display: none;
    }

    .submenu {
        display: none;
        background: rgba(0, 0, 0, 0.65);
        /*    border: 1px solid #fff;*/

        position: absolute;
        top: 6vw;

        padding: 10px;
        /*
    box-shadow: 1px 2px 5px #999;
    -webkit-box-shadow: 1px 2px 5px #999;
    -moz-box-shadow: 1px 2px 5px #999;
*/

    }

    #sub4 .ddown-menu {
        width: 15vw;
    }

    #sub4 .ddown-menu li {
        width: 100%;
    }

    .ddown-menu li {
        float: left;
        width: 100%;
        box-sizing: border-box;
        list-style: none;
        box-sizing: border-box;
        padding: 5px 10px;
        background: #999999;
        border: 1px solid rgba(0, 0, 0, 0.5);
        font-weight: normal;
    }

    .ddown-menu {
        width: 21vw;
        float: left;
        position: relative;
        margin-bottom: 0px;
    }

    .ddown-menu a li {
        color: #fff;
        text-decoration: none;
    }

    .ddown-menu li:hover {
        background: #FDFDFD;
        color: #000;
    }

    .ddown-menu li a:hover {

        color: #000;
    }

    .dropSingleCol {
        width: 15vw !important;
    }

    .dropSingleCol li {
        width: 100%;
    }

    #sub1 {
        left: 30%;
    }

    #sub2 {
        left: 33%;
    }

    #sub3 {
        left: 45%;
    }

    #sub4 {
        left: 60%;
    }

    #sub5 {
        left: 70%;
    }



    .half {
        float: left;
        width: 50%;
        box-sizing: border-box;
    }

    .leftSpace {
        float: left;
        width: 40%;
        box-sizing: border-box;
        font-size: 14px;
    }

    .third {
        float: left;
        width: 33%;
        box-sizing: border-box;
        font-size: 14px;
    }

    .halfCol {
        width: 50%;


    }

    .logoBar2 {
        top: 50px;
        max-height: 154.5px;
        position: absolute;
    }

    .socialBox {}

    .footQuart {

        width: 25%;

    }

    #socialRowFoot {
    display: block;
    width: 28%;
    margin: 3% 36%;
    min-width: 215px;
    }

    .socialf {
    float: left;
    width: 12%;
    margin: 0px 1%;
    min-width: 25px;
    }

    #footerContainer {}

    .txtArea {
        width: 78%;
        height: 150px;
    }

    #logo {
        width: 25%;
        max-width: 500px;
        float: left;
        margin: 15px 0;
    }

    .subMenu {
        display: block;
    }

    .menuElem {

        color: #fff;
        padding: 10px 1%;
        float: left;
        font-size: 1.4vw;
        text-align: center;
        text-transform: uppercase;
        font-weight: normal;
    }

    #menu {
        float: left;
        width: 70%;
        margin-left: 3%;
        margin-top: 4%;

    }

    .mobBack {
        background: none;

    }

    #socialContainer {}

    .noMobile {
        display: block;

    }

    .noMobileFlex {
        display: flex;

    }

    .subMenuTop {
        position: relative;
        float: right;
        width: 100%;
        padding: 10px 0%;
        text-align: right;
        font-size: 18px;
        font-family: 'Istok Web', sans-serif;

    }

    .submenu {
        top: 11vw;

    }

    .dropdown-menu {
        font-size: 10px;
        width: 230px;

    }

    .servBox2 .servTitle {
        font-size: 32px;
        margin-top: 40%;

    }



    .threeCol {

        width: 33%;
    }

    .formLeft {
        font-size: 16px;
    }

    .whiteHighLight {

        width: 90%;

    }



    .topMar5 {
        margin-top: 5px;
    }

    .topMar10,
    .marTop10 {
        margin-top: 10px;
    }

    .topMar15,
    .marTop15 {
        margin-top: 15px;
    }

    .topMar20 {
        margin-top: 20px;
    }

    .topMar25 {
        margin-top: 25px;
    }

    .topMar30 {
        margin-top: 30px;
    }

    .topMar50 {
        margin-top: 50px;
    }

    .botMar5 {
        margin-bottom: 5px;
    }

    .botMar10,
    .marBot10 {
        margin-bottom: 10px;
    }

    .botMar15,
    .marBot15 {
        margin-bottom: 15px;
    }

    .botMar20 {
        margin-bottom: 20px;
    }

    .botMar25 {
        margin-bottom: 25px;
    }

    .botMar30 {
        margin-bottom: 30px;
    }

    .botMar50 {
        margin-bottom: 50px;
    }

    .lowRow {
        min-height: 240px;
    }

    #topContainer {

        margin-top: 150px;

    }

    .ftDomain {
        float: left;
        width: 45%;
        margin-left: 5%;
    }

        .easyButton{
        width: 80px;
        height: 24px;
    }
    .easyImage{
        width: 100%;
    }

    .easyQuote{
       padding: 0px 0 5px;
        width: 120px;
    }
    .easyQuote a {
        font-size: 8px;
    }
}

@media (min-width: 750px) {
    .frameCon {
        width: 27%;

    }

    .formCol {
        width: 50%;
    }

    .whiteHighLight li {

        /*   font-size: 14px; */


    }

    #topContainer {

        margin-top: 50px;

    }

    .ftDomain {
        float: left;
        width: 33%;
        margin-left: 0;
    }
    .easyButton{
        width: 80px;
        height: 24px;
    }
    .easyImage{
        width: 100%;
    }
        .easyQuote{
       padding: 0px 0 5px;
        width: 120px;
    }
    .easyQuote a {
        font-size: 8px;
    }
}


@media (max-width: 649px) {
    .subSpacer {
        width: 100%;
        float: left;
    }
}

/* Larger than desktop */
@media (min-width: 1000px) {
    #logo {
        width: 17%;
        max-width: 500px;
        float: left;
        margin: -35px 1% 0 4%;
        position: absolute;
    }



    #logo img {
        /*        box-shadow: -5px 5px 10px 0px #ccc;*/
        /* border: 1px solid #666; */
        border-top: 0px;
    }

    #subContent {
        display: block;

    }

    .infoLine {
        display: block;
    }

    .subMenuTop {

        width: 65%;



    }

    .menuElem {
        color: #fff;
        padding: 15px 3%;
        float: left;
        font-size: 1.0vw;
        text-align: center;
        text-transform: uppercase;
        margin: 15px 0px;
    }

    #menu {
        float: left;
        width: 70%;
        margin-top: 15px;
        margin-left: 25%;
        height: 6.5vw;

    }

    .submenu {
        top: 6vw;

    }

    .dropdown-menu {
        font-size: 1em;
        width: 300px;

    }

    .third {
        font-size: 16px;
    }

    .easyButton{
        width: 80px;
        height: 24px;
    }
    .easyImage{
        width: 100%;
    }
    .easyQuote{

        width: 120px;

    }

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    .infoLine {
        display: block;
    }



    .menuElem {
        margin: 30px 0px;
    }

    .dropdown-menu {
        font-size: 1em;
        width: 430px;

    }

    .subMenuTop {

        font-size: 20px;
    }

    .quote {
        font-size: 14px;
        padding: 12px 30px;
    }
    .easyButton{

    width: 155px;

    height: 40px;
}
    .easyQuote{
        padding: 10px 0 0 0;
        width: 195px;
        height: 30px;
        font-size: 14px;
}
    .easyQuote a{

    font-size: 14px;

}
.easyImage{
    width: 80%;
}

}