/* W3.CSS 1.5 by J.E.Refsnes. Do not remove this line. */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{-webkit-tap-highlight-color:transparent;background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
ol, ul { list-style: none; }
/* End extract from normalize.css */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,Verdana,sans-serif;font-weight:400;margin:10px 0}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
hr{height:0;border:0;border-top:1px solid #e0e0e0;margin:16px 0}
img{margin-bottom:-5px}
a{color:inherit}

html {
    font-family:'Century Gothic', Arial;
    font-size:12pt;
}

.left {
    float:left;
}

.clear {
    clear:both;
}

.modal-body {
    font-family:'Century Gothic',Arial;
    line-height:20px;
}

@media only screen and (min-width:601px) and (max-width:768px) {
    .collapse.navbar-collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0px;
        overflow: visible !important;
        border-top:1px solid transparent !important;
    }

    .page {
        min-height:700px;
        font-family:'Century Gothic', Arial;
        font-size:12pt;
    }

    .pagetitle {
        font-size: 20pt;
        color: #2e2c7e;
        padding-top: 75px;
        margin-right: 213px;
        text-align:center;
    }

    .logo {
        float:left;
        margin-left:20px;
    }

    .logo img {
        width:213px;
        height:142px;
    }

    .header {
        height:117px;
    }

    .menucontainer {
        background-color:#3A3A3A;
        border-left:solid 1px #3A3A3A;
        border-right:solid 1px #3A3A3A;
        height:50px;
    }

    .homebannertitle, .homebannersubtitle, .pagecontenttitle,  .pagecontentsubtitle {
        font-family:'Century Gothic', Arial;
        font-size:20pt;
        /*color:#e10c18;*/
        color:white;
        line-height:50px;
    }
     .pagecontenttitle,  .pagecontentsubtitle {
         color:black;
     }

    .homebannersubtitle, .pagecontentsubtitle {
        margin-left:50px;
    }

    .pagecontentsubtitle {
        font-size:16pt;
    }

    .homebannercontent, .pagecontent {
        font-family:'Century Gothic', Arial;
        font-size:12pt;
        font-weight:normal;
        color:white;
    }

    .pagecontent {
        color:black;
    }

    .pagecontentcontainer {
        width:100%;
        padding:20px;
    }

     .homecontent {
        padding:10px;
        color:black;
    }

    .pagebody {
        min-width:630px;
        min-height:800px;
        width:96%;
        margin:5px 2% 5px 2%;
    }

    .tel {
        color:white;
        background-color:#3A3A3A;
        width:213px;
        padding-top:5px;
        text-align:center;
    }

    .menu-button {
        display: none;
    }

    .menucontainer ul {
        margin-top:0px;
        margin-bottom:0px;
    }

    .menucontainer li a {
        float:left;
        padding-top:13px;
        padding-bottom:13px;
        padding-left:10px;
        padding-right:10px;
        color:white;
        font-size:12pt;
        font-weight:100;
        border-right:solid 1px #000;
        transition:color 0.3s linear, background 0.3s ease-out;
        -moz-transition:color 0.3s linear, background 0.3s ease-out;
        -webkit-transition:color 0.3s linear, background 0.3s ease-out;
    }

    .menucontainer li a, .menucontainer li a:active {
        color:white;
        text-decoration:none;
    }

    .menucontainer li.selected {
        color:yellow;
    }

    .menucontainer li:first-child a {
        border-left:solid 1px #000;
    }

    .menucontainer li:last-child a {
        padding-left: 0px;
        padding-right: 0px;
        border-right: none;
    }

    .menucontainer li:last-child {
        float: right;
        margin-right: 20px;
    }

    .menucontainer li a:hover {
        text-decoration:none;
        color:white;
        background-color:#606060;
        cursor:pointer;
    }

    .footer {
        clear:both;
        background-color:#2F2D7E;
        border-left:solid 1px #2F2D7E;
        border-right:solid 1px #2F2D7E;
        height:205px;
        padding-top:20px;
        color:white;
        font-size:9pt;
        line-height:1.8em;
    }

    .footercontainer {
        width:100%;
    }

    .footer .column1, .footer .column2, .footer .column3 {
        padding-left:20px;
        float:left;
        width:30%;
    }

    .footer a:hover {
        text-decoration:underline;
        color:white;
        cursor:pointer;
    }
}

@media only screen and (min-width:769px) {
    .collapse.navbar-collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0px;
        overflow: visible !important;
        border-top: 1px solid transparent !important;
    }

    .page {
        min-height: 700px;
        font-family: 'Century Gothic', Arial;
        font-size: 12pt;
    }

    .pagetitle {
        font-size: 20pt;
        color: #2e2c7e;
        padding-top: 75px;
        margin-right: 213px;
        text-align: center;
    }

    .logo {
        float: left;
        margin-left: 20px;
    }

        .logo img {
            width: 213px;
            height: 142px;
        }

    .header {
        height: 117px;
    }

    .menucontainer {
        background-color: #3A3A3A;
        border-left: solid 1px #3A3A3A;
        border-right: solid 1px #3A3A3A;
        height: 50px;
    }

    .homebannertitle, .homebannersubtitle, .pagecontenttitle, .pagecontentsubtitle {
        font-family: 'Century Gothic', Arial;
        font-size: 20pt;
        /*color:#e10c18;*/
        color: white;
        line-height: 50px;
    }

    .pagecontenttitle, .pagecontentsubtitle {
        color: black;
    }

    .homebannersubtitle, .pagecontentsubtitle {
        margin-left: 50px;
    }

    .pagecontentsubtitle {
        font-size: 16pt;
    }

    .homebannercontent, .pagecontent {
        font-family: 'Century Gothic', Arial;
        font-size: 12pt;
        font-weight: normal;
        color: white;
    }

    .pagecontent {
        color: black;
    }

    .pagecontentcontainer {
        width: 100%;
        padding: 20px;
    }

    .homecontent {
        padding: 10px;
        color: black;
    }

    .pagebody {
        min-width: 620px;
        min-height: 800px;
        width: 96%;
        margin: 5px 2% 5px 2%;
    }

    .tel {
        color: white;
        background-color: #3A3A3A;
        width: 213px;
        padding-top: 5px;
        text-align: center;
    }

    .menu-button {
        display:none;
    }

    .menucontainer ul {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .menucontainer li a {
        float: left;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-left: 20px;
        padding-right: 20px;
        color: white;
        font-size: 12pt;
        font-weight: 100;
        border-right: solid 1px #000;
        transition: color 0.3s linear, background 0.3s ease-out;
        -moz-transition: color 0.3s linear, background 0.3s ease-out;
        -webkit-transition: color 0.3s linear, background 0.3s ease-out;
    }

        .menucontainer li a, .menucontainer li a:active {
            color: white;
            text-decoration: none;
        }

    .menucontainer li.selected {
        color: yellow;
    }

    .menucontainer li:first-child a {
        border-left: solid 1px #000;
    }

    .menucontainer li:last-child a {
        padding-left:0px;
        padding-right: 0px;
        border-right: none;
    }

    .menucontainer li:last-child {
        float:right;
        margin-right:20px;
    }

    .menucontainer li a:hover {
        text-decoration: none;
        color: white;
        background-color: #606060;
        cursor: pointer;
    }

    .footer {
        clear: both;
        background-color: #2F2D7E;
        border-left: solid 1px #2F2D7E;
        border-right: solid 1px #2F2D7E;
        height: 205px;
        padding-top: 20px;
        color: white;
        font-size: 9pt;
        line-height: 1.8em;
    }

    .footercontainer {
        width: 930px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer .column1, .footer .column2, .footer .column3 {
        padding-left: 20px;
        float: left;
        width: 290px;
    }

    .footer a:hover {
        text-decoration: underline;
        color: white;
        cursor: pointer;
    }
}