/*IM 2.00, Site Lite CSS !!!TEMPLATE!!!*/
/*general use CSS, no not modify--------------------------------------------------------------------------------------*/
.font-xxl {font-size: 1.5625em;}
.font-xl {font-size: 1.375em;}
.font-l {font-size: 1.1875em;}
.font-m {font-size: 1em;}
.font-s {font-size: 0.8125em;}
.font-xs {font-size: 0.625em;}
.font-xxs {font-size: 0.4375em;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.indent {text-indent:15px;}
.exdent {text-indent:-15px;}
.shift-r {position:relative; left:15px;}
.super {vertical-align:baseline; position:relative; top:-0.4em; font-size:smaller;}

.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.unbold {font-weight:normal;}
.ital {font-style:italic;}

.border-0 {border-width:0;}
.border-1 {border:1px solid #000000;}

.float-left {float:left;}
.float-right {float:right;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.error {color:red; text-decoration:underline;}
.validator, .validator a:link, .validator a:visited {font-size:xx-small; text-align:left; background-color:#fff; color:#000; text-decoration:none;}
.validator a:hover {text-decoration:underline; color:#f00;}

/*site layout CSS--------------------------------------------------------------------------------------*/
/*
* {
padding:0;
margin:0;
}
*/

body {
    font-family: 'Roboto', sans-serif;
padding: 0;
margin:0;
background-color:#FFFFFF;
text-align:center;
    font-size: 1em;
    -webkit-text-size-adjust: none;
}

#container {
width:100%; /*page width*/
    max-width: 1200px;
margin:0 auto; /*centers main divs*/
overflow:hidden;
}

#header {
text-align:center;
padding:0;
margin:0;
}

#header img {
    width: 100%;
    height: auto;
}

#main-wrapper {
    padding: 0 10px;
margin:0;
min-height:350px;
height:auto !important;
height:350px;
}

#main-content {
padding:0;
margin:0;
text-align:left;
}

#footer {
clear:both;
text-align:center;
    padding: 0 20px;
margin:0;
}

fieldset {
border-width:0;
}

legend {
display:none;
}

/*contact form CSS------------------------------------------------Need form CSS here for widths, etc.... instead of php file--------------------------------------*/
#con-form {
    max-width: 600px;
    width: 100%;
text-align:left;
}

#con-form input, #con-form textarea {
    padding: 1px;
    margin: 1px;
    width: calc(100% - 6px);
}

#con-form input[type="submit"], #con-form select {
    margin-top: 10px;
}

#con-form input[type="submit"] {
    width: 30%;
}

/*menu links CSS--------------------------------------------------------------------------------------*/
/*Uncomment desired version*/

/*vertical links*/
/*
*/

/*horizontal links*/
div.links-main {
    margin-top: -48px;
    position: relative;
}

div.links-main , #header {
    background-color: #00000060;
}

div.links-main ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

div.links-main ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

div.links-main a:link, div.links-main a:visited {
padding:0 20px;
display:block;
font-size: 1em;
line-height:44px;
color:#fff;
}

div.links-main a:hover {
    background-color: #71afcd60;
}

div.links-main a:hover, div.links-main a:active {
    text-decoration:none;
}

div.links-main a:active, div.links-main a:focus {
outline:0;
}

/*--------------------------------------------------------------------------------------*/
div.links-sec {
}

div.links-sec ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
padding:0;
margin:0;
}

div.links-sec ul li {
padding:0 5px;
margin:0;
list-style:none;
font-size: 0.75em;
line-height:20px;/*accommodates 20px icon*/
}

div.links-sec a:link, div.links-sec a:visited {
color:#000;
}

/*copyright notice CSS--------------------------------------------------------------------------------------*/
#copyright {
clear:both;
font-size: 0.65em;
}

/*custom CSS, add additional CSS declarations here--------------------------------------------------------------------------------------*/
a:link, a:visited {
    text-decoration:none;
}

a:hover, a:active {
    text-decoration:underline;
}

h1, #main-wrapper a:link, #main-wrapper a:visited {
    color: #3f86a2;
}

#main-wrapper a:link, #main-wrapper a:visited {
    text-decoration:underline;
    text-decoration-style:dashed;
}

h1 {
    text-shadow: 4px 4px 4px #6cb1d280;
    font-family: 'Kaushan Script', cursive;
}

#main-wrapper a:hover, #main-wrapper a:active {
    text-decoration-style:solid;
}

img {
    width: 100%;
    height: auto;
}

.flex-cont, .flex-cont-media {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex-50 {
    box-sizing: border-box;
    width: 48%;
}

.flex-30 {
    box-sizing: border-box;
    width: 28%;
}

.flex-70 {
    box-sizing: border-box;
    width: 68%;
}

#main-wrapper img {
    margin-bottom: 1em;
}

img.max-300 {
    max-width: 300px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 1em;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mobi {
    display: none;
}

@media all and (max-width: 669px) {
    .mobi {
        display: block;
    }

    .no-mobi {
        display: none;
    }

    div.links-main {
        margin-top: 0;
        background-color: unset;
    }

    div.links-main a:link {
        line-height: 24px;
    }

    div.links-main ul {
        justify-content: unset;
    }

    div.links-main ul li {
        width: 50%;
    }

    div.links-main a:link, div.links-main a:visited {
        width:100%;
        padding: 0;
    }

    .flex-cont {
        flex-direction: column-reverse;
    }

    .flex-50, .flex-30, .flex-70 {
        width: 100%;
        padding: 0;
    }

    img.max-300 {
        max-width: unset;
    }
}