@import url("fancyfonts.css");
@import url("fonts.css?v=5.5.2018");
@import url("colors.css?v=5.5.2018");
@import url("font-awesome.css");
* {
    margin: 0
}
html,
body {
    height: 100%
}
form {
    height: 100%
}
body {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0 auto;
}

/*------------------------------------------------------------------------Container Alignments--------------------------------------------------------------------------*/

.gsc-control-cse {
    background-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
    content: "" !important
}
.innercontainer {
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
}
.outercontainer {
    width: 100%
}
.floatleft {
    float: left
}
.floatright {
    float: right
}
.clearfloat {
    clear: both
}

/*Like the clearfloat but you can used it as a class instead to keep the html clean*/

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

/*Removes default 1px border if needed*/


/*Removes all top and bottom margin if needed*/

.no-border,
.no-border .widgetitem {
    border: 0px !important
}

/*Stretches content to full height*/

.no-margin,
.no-margin .widgetitem {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.flex {
    -ms-flex-align: stretch;
    -ms-flex-direction: row;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
}
.stretch {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
}

/*------------------------------------------------------------------Top Navigation------------------------------------------------------------------*/
#topnavin{
    width: 85%;
margin: 0 0 0 auto;
}

/*------------------------------------------------------------------Header------------------------------------------------------------------*/

#header {
    position: relative;
}
#header .eztoplogo {
    position: relative;
}
/*------------------------------------------------------------------Menu------------------------------------------------------------------*/

#menu {
    max-width: 1500px
}

/*Removes border on mobile menu*/

.rmRootToggle {
    border: 0px !important;
    box-shadow: none !important;
}

/*------------------------------------------------------------------Content Wrapper------------------------------------------------------------------*/

#contentwrapper {
    min-height: 600px
}
#contentwrapperin {
    min-height: inherit;
    padding: 30px 0;
    position: relative;
}

/*------------------------------------------------------------------Slideshow------------------------------------------------------------------*/

#slideshowwrapper {
    margin-bottom: 10px;
    min-height: 100px;
}
#welcomewrapper {
    min-height: 100px
}
#welcome {
    padding: 30px 0;
    width: 90%;
    z-index: 1;
    position: relative;
}

/*------------------------------------------------------------------Home Left------------------------------------------------------------------*/

#homeleft {
    min-height: inherit;
    width: 32%;
}

#homeleftin {
    margin: 0 auto;
    width: 91%;
}

/*------------------------------------------------------------------Home Right------------------------------------------------------------------*/

#homeright {
    min-height: inherit;
    width: 68%;
}
#homerightin {
    margin: 0 auto;
    width: 94%;
}

/*------------------------------------------------------------------welcomewrapperMessage------------------------------------------------------------------*/


/*------------------------------------------------------------------Main Content Wrapper------------------------------------------------------------------*/

#contentmainin {
    margin: 0 auto;
    width: 94%;
}

/*------------------------------------------------------------------Content Left------------------------------------------------------------------*/

#contentleft {
    min-height: inherit;
    width: 30%;
}
#contentleftin {
    margin: 0 0 0 auto;
    width: 92%;
}

/*------------------------------------------------------------------Content Right------------------------------------------------------------------*/

#contentright {
    min-height: inherit;
    width: 70%;
}
#contentrightin {
    margin: 0 auto;
    width: 94%;
}

/*------------------------------------------------------------------Full Page Content------------------------------------------------------------------*/


/*------------------------------------------------------------------Footer------------------------------------------------------------------*/

#footer {
    min-height: 300px;
    padding-bottom: 20px;
}
#footerin {
    min-height: 50px;
    padding: 20px 0;
}

/*------------------------------------------------------------------ezTag------------------------------------------------------------------*/

#eztag {
    min-height: 75px;
    width: 100%;
}
#eztagin {
    padding: 20px 0
}

/*------------------------------------------------------------------Searchbox------------------------------------------------------------------*/

#searchbox {
    height: 40px;
    position: relative;
    width: 300px;
    float: right;
    top:3px;
    z-index: 3;
}
#topnav #searchbox .input-wrapper {
    border-radius: 3px;
    height: inherit;
    margin: 0 0 0px auto;
    width: 100%;
}
#topnav #searchbox .input-wrapper button {
    -moz-border-radius: 0 3px 3px 0;
    border: 0;
    cursor: pointer;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    height: 100%;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 15%;
}
#topnav #searchbox .input-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
#topnav #searchbox .input-wrapper button:focus {
    border: 0;
    outline: 0;
}
#topnav #searchbox .input-wrapper input {
    border: 0px;
    float: left;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 100%;
    left: 0;
    padding: 0 3px;
    position: absolute;
    top: 0;
    width: 80%;
}
#topnav #searchbox .input-wrapper input::-webkit-input-placeholder {
    font-style: italic;
    font-weight: 400;
}
#topnav #searchbox .input-wrapper input:-webkit-input-placeholder {
    /*--deprecated in new browsers*/
    font-style: italic;
    font-weight: 400;
}
#topnav #searchbox .input-wrapper input:-ms-input-placeholder {
    font-style: italic;
    font-weight: 400;
}
#topnav #searchbox .input-wrapper input::-moz-placeholder {
    font-style: italic;
    font-weight: 400;
}
#topnav #searchbox .input-wrapper input:-moz-placeholder {
    /*--deprecated in new browsers*/
    font-style: italic;
    font-weight: 400;
}
#topnav #searchbox .input-wrapper input:focus {
    outline: 0
}
#topnav #searchbox .cf {
    zoom: 1
}
#topnav #searchbox .cf:before,
.cf:after {
    content: "";
    display: table;
}
#topnav #searchbox .cf:after {
    clear: both
}

/*------------------------------------------------------------------Tablet------------------------------------------------------------------*/

@media screen and (max-width:1060px) {
    body {
        overflow-x: hidden
    }
    #topnav {
        width: 96%
    }
    #searchbox {
        width: 250px
    }
    #header .headerlogo {
        background: url("/templates/t_images/HeaderLogoMobile.png") no-repeat center center, url("/templates/t_images/HeaderLogoMobileBlur.png") no-repeat center center;
        height: 228px;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 4;
    }
    #menu .menu-mobile{
        padding: 0 20px;
        line-height: 82px;
    }
    #menu .menu-mobile:after{
        padding: 0;
        transform: none;
    }
    #menu .show-on-mobile{
        background:#00203f;
    }
    #header .headerlogo img {
        visibility: hidden
    }
    #header a {
        display: block
    }
    #footer-maps {
        height: 0;
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 84%;
        position: relative;
    }
    #footerin {
        width: 96%
    }
    #footerin img {
        max-width: 100%
    }
    .verticalline:before{
        display: none;
    }
}

/*------------------------------------------------------------------Mobile------------------------------------------------------------------*/

@media screen and (max-width:700px) {
    body {
        background-image: none
    }
    #topnavwrapper {
        background: #006699
    }
    #topnav .eztext_area{
        text-align: center !important;
    }
    #topnav .eztext_area,
    #topnav .eztext_area a{
        color: #fff;
    }
    #topnavin{
        margin:0 auto;
        width: 96%;
    }
    #menu {
        background: #006699;
        background: -moz-linear-gradient(top, #006699 0%, #00203f 100%);
        background: -webkit-linear-gradient(top, #006699 0%, #00203f 100%);
        background: linear-gradient(to bottom, #006699 0%, #00203f 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#00203f', GradientType=0);
    }
    #searchbox {
        margin: 10px auto;
        max-width: 90% !important;
        float: none;
    }
    #topnav .eztext_area a,
    #topnav .eztext_area a:visited {
        line-height: 100%
    }
    #header {
        float: left;
        min-height: 20px;
        width: 100%;
        padding: 5px 0;
    }
    #header .eztoplogo {
        background: url("/templates/t_images/HeaderLogoMobile.png") no-repeat center center;
        position: relative;
        top:0;
        padding: 15px 0;
    }
    #header .eztoplogo:before{
        display: none;
    }
    #header .eztoplogo img{
        visibility: hidden;
    }
    #contentwrapper {
        width: 100%
    }
    #contentwrapper .headline {
        width: 93%
    }
    #contentwrapper .btn3 {
        width: 87%
    }
    #contentwrapper .btn2 {
        width: 93%
    }
    #homeleft,
    #homeright,
    #contentleft,
    #contentright {
        min-height: 10px;
        width: 100%;
    }
    #contentleftin{
        margin:0 auto;
        width:96%;
    }
    #homeleft .eztext_area {
        text-align: center
    }
    .footer-maps,
    #footer-maps {
        padding-bottom: 57%
    }
    #footerin .eztext_area,
    #footerin .eztext_area p{
        text-align: left !important;
    }
    #eztagin .widgetitem,
    #eztagin .widgetitem p {
        text-align: center !important
    }
    .RadTabStrip .rtsLI {
        display: block;
        width: 100%;
    }
}