html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, article, section, aside, footer, figcaption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
.circle-icon {
background: none; border:2px solid #FFFFFF;
width: 42px;
height: 42px;
border-radius: 50%;
text-align: center; display:flex; align-items:center; justify-content:center; float:left;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html {
overflow-x: hidden;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
ul, li {
padding: 0;
margin: 0;
list-style: none;
}
section, article, aside, footer, hgroup {
display: block;
}
* {
box-sizing: border-box;
}
html, body {
line-height:1;
font-family: 'Roboto', sans-serif;
font-weight: 400;
background-color: #fff !important;
font-size: 16px;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
overflow-x: hidden;
}
a {
color: #ffffff;
text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0px;
margin-bottom: 0px;
color: #2a2a2a;
font-weight: 700;
}
ul {
margin-bottom: 0px;
}
p {
font-size: 15px;
line-height: 30px;
color: #afafaf;
}
im {
width: 100%;
overflow: hidden;
}
/*
---------------------------------------------
Global Styles
---------------------------------------------
*/
#header { height:79px; padding:0;}
::selection {
background: #22b3c1;
color: #fff;
}
::-moz-selection {
background: #22b3c1;
color: #fff;
}
.text-button a {
font-size: 14px;
color: #22b3c1;
font-weight: 500;
transition: all .3s;
}
.text-button a i {
margin-left: 5px;
transition: all .3s;
}
.text-button a:hover i {
margin-left: 10px;
}
.border-button a {
font-size: 14px;
color: #22b3c1;
background-color: transparent;
border: 1px solid #22b3c1;
padding: 12px 30px;
display: inline-block;
border-radius: 25px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0.5px;
transition: all .3s;
position: relative;
overflow: hidden;
}
.border-button a:hover {
background-color: #22b3c1;
color: #fff;
}
.main-button a {
font-size: 14px;
color: #fff;
background-color: #22b3c1;
border: 1px solid #22b3c1;
padding: 12px 30px;
display: inline-block;
border-radius: 25px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0.5px;
transition: all .3s;
position: relative;
overflow: hidden;
}
.main-button a:hover {
background-color: #fff;
color: #22b3c1;
border: 1px solid #fff;
}
section {
}
.section-heading {
position: relative;
z-index: 2;
margin-top: 0px;
margin-bottom: 80px;
text-align: left;
}
.section-heading h2 {
margin-top: 0px;
margin-bottom: 20px;
line-height: 36px;
font-size: 30px;
font-weight: 700;
text-transform: capitalize;
color: #2a2a2a;
}
/*
---------------------------------------------
Pre-loader Style
---------------------------------------------
*/
.js-preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #111;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
opacity: 1;
visibility: visible;
z-index: 9999;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.js-preloader.loaded {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
/*
---------------------------------------------
Header Style
---------------------------------------------
*/
.btn-close { font-family:'Montserrat', Helvetica, sans-serif; position:absolute; top:0px; right:0px; padding:10px 12px 10px 12px; background:#d63939; border-radius:0; color:#FFFFFF !important; font-weight:400; font-size:1.6rem;opacity:1; text-align: center;}
.form-content label, .was-validated .form-check-input:invalid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{
color: #fff;
}
/* MODAL FORM */
.input-container {
flex-basis: 24.5%;flex-flow: row wrap;align-items: center;
flex-grow:1; position:relative !important;
}
#budget a:hover { color:#00CCFF;}
#wiz {
max-width: 600px; min-height:550px;
padding: 20px; padding-top:60px;
border: 0px solid #000000; border-radius:0px;
background:#f8f8f8;
}
#wiz2 label { margin: 10px 0; }
#wiz input[type=text], #wiz input[type=email] {
border: 2px solid #000000; border-radius:0px;
padding: 16px;width: 100%;
}
#wiz2 {
width: 100%;
padding:5px; padding-top:10px;
border: 0px solid #0066cc; border-radius:0px;
background: #ffffff;
}
#wiz .step, #wiz2 .step { display: block !important; }
#wiz .now, #wiz2 .now { display: block !important; }
#wiz h5, #wiz2 h5{font-size: clamp(1.2rem, 0.6rem + 3.2vw, 1.6rem) !important;}
#wiz h6, #wiz2 h6{font-size: clamp(.5rem, 0.6rem + 3.2vw, .7rem) !important;}
/* (C) WIZARD FORM FIELDS */
#wiz label, #wiz input[type=text], #wiz input[type=email] {
display: block;
width: 100%;
}
#wiz2 label, #wiz2 input[type=text], #wiz2 input[type=email] {
display: block;width: 100%;
}
#wiz label { margin: 10px 0; }
#wiz select{
border: 2px solid #000000 !important; border-radius:0px !important; width:100% !important; height:62px;
padding: 16px !important; -webkit-appearance: auto !important; font-size:1.3rem;
}
.custom-select {
border: none;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
-webkit-appearance: auto !important; }
.custom-select:active, .custom-select:focus, .custom-select:hover {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); }
#wiz input[type=button] {
line-height:1;
border: 0; text-transform:uppercase;
color: #fff; text-shadow:1px 1px 0px #000000;
background: #1b1b1b;
cursor: pointer;
}
#wiz input[type=submit], #wiz2 input[type=submit] {
line-height:1; position:absolute; bottom:10px; right:10px;
color: #333333; text-shadow:1px 1px 0px #ffffff; border:0px solid #333333;
cursor: pointer;font-size: clamp(0.85rem, 0.5876rem + 0.2395vw, 1.2rem) !important; font-weight:500; text-transform:uppercase;
}
#wiz .claim {
line-height:1; position:absolute; bottom:10px; right:10px; width:auto;
color: #333333; text-shadow:1px 1px 0px #ffffff; border:0px solid #333333;
cursor: pointer;font-size: clamp(0.85rem, 0.5876rem + 0.2395vw, 1.2rem) !important; font-weight:500; text-transform:uppercase;
}
#wiz .back {
line-height:1; position:absolute; bottom:10px; left:10px;
border: 1px solid #1e293b; text-transform:uppercase;
color: #fff ; text-shadow:1px 1px 0px #1e293b;
background: #006699;font-size: clamp(0.85rem, 0.5876rem + 0.2395vw, 1.2rem) !important;
cursor: pointer;
}
#wiz2 .claim {
line-height:1; position:absolute; bottom:10px; right:10px;background:#085DAD;
color: #ffffff; text-shadow:1px 1px 0px #085DAD; border:0px solid #333333;
cursor: pointer; text-transform:uppercase;
}
#wiz2 .back {
line-height:1; position:absolute; bottom:10px; left:10px;
border: 0px solid #1e293b; text-transform:uppercase;
color: #fff ; text-shadow:1px 1px 0px #1e293b;
background: #006699;
cursor: pointer;
}
.rado-tile-group {
display: flex;
flex-wrap: nowrap;
padding: 0;
margin: 0 auto;
list-style: none;
}
.radio-button {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
cursor: pointer;
}
.radio-tile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;border: 2px solid #1b1b1b;
height: 85px; background:#ffffff; color: #222222; text-shadow:1px 1px 0px #ffffff;
border-radius: 0px;
padding: 0rem 0 0rem 0;
transition: transform 300ms ease;
}
.radio-tile i{font-size: clamp(1.4rem, 1.3102rem + 0.5749vw, 1.8rem); color: #444444; text-shadow:1px 1px 0px #ffffff; opacity:1;
}
.radio-tile span{ font-family:'Roboto', Helvetica, sans-serif;font-size: clamp(0.6rem, 0.5551rem + 0.2874vw, 0.9rem) !important; color:#1b1b1b; text-shadow:1px 1px 0px #ffffff; text-transform:upprcase;font-weight:400;
}
.radio-button:hover + .radio-tile span{
color: #1b1b1b; text-shadow:1px 1px 0px #ffffff;
}
.radio-button:hover + .radio-tile i{
color: #1b1b1b; text-shadow:1px 1px 0px #ffffff;
}
.radio-button:checked + .radio-tile {
background: #1b1b1b;
color: #ffffff; text-shadow:1px 1px 0px #000000;
}
.radio-button:checked + .radio-tile span{
color: #ffffff; text-shadow:1px 1px 0px #000000;
}
.radio-button:checked + .radio-tile i{
color: #ffffff; text-shadow:1px 1px 0px #000000;
}
.radio-tile-label {
text-align: center; font-family:'Roboto Condensed', Helvetica, sans-serif;
font-size: 0.5rem; line-height:.65rem;
font-weight: 400;
text-transform: uppercase;
color: #cc0000; padding-top:0px;
background:none;
}
.form-holder input[type=text], .form-holder input[type=email], .form-holder textarea {
width: 100%;
text-align: left;
border: 1px solid #003366;
outline: 0; padding:3px 0 3px 5px;
border-radius: 3px;
background-color: #ffffff;
font-size: 1rem;
font-weight: 400 !important;
color: #1b1b1b !important;
-webkit-transition: all 0s ease;
transition: all 0s ease;
}
.form-holder input:hover, .form-holder textarea:hover {
background-color: #ffffff;
color: #666666;
}
.form-holder input:focus, .form-holder textarea:focus {
background-color: #ffffff;border: 1px solid #003366;
color: #1b1b1b;
box-shadow:0 0 0 .2rem rgba(13,110,253,.25)
}
textarea::placeholder, input::placeholder {
color: #000000; font-weight:400;
}
.form-holder textarea::placeholder, .form-holder input::placeholder { font-size:.9rem;
color: #003366 !important; font-weight:400 !important;
}
.form-items .problem{ float:left;
opacity:1; font-size:2.2rem; color: #003366;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
.form-control ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-size: 13px;
color: #777;
}
.form-control ::-moz-placeholder {
/* Firefox 19+ */
font-size: 13px;
color: #777;
}
.form-control :-ms-input-placeholder {
/* IE 10+ */
font-size: 13px;
color: #777;
}
.form-control :-moz-placeholder {
/* Firefox 18- */
font-size: 13px;
color: #fff
}
#section-1 .content-slider .slider #top-banner-1 { border-bottom:1px solid #666666;border-top:1px solid rgba(0,0,0,0.2);
background: url(../img/6666test21111111111.jpg) no-repeat center center;
background-size: cover;transition: 3s ease-in-out;
}
#section-1 .content-slider .slider #top-banner-2 { border-bottom:1px solid #666666;border-top:1px solid rgba(0,0,0,0.2);
background: url(../img/66666XX2111111111.jpg) no-repeat center center;
background-size: cover;transition: 3s ease-in-out;
}
#section-1 .content-slider .slider #top-banner-3 { border-bottom:1px solid #666666;border-top:1px solid rgba(0,0,0,0.2);
background: url(../img/CityHall1111111.jpg) no-repeat center center;
background-size: cover;transition: 3s ease-in-out;
}
#section-1 .content-slider #banner1:checked ~ .slider #top-banner-1,
#section-1 .content-slider #banner2:checked ~ .slider #top-banner-2,
#section-1 .content-slider #banner3:checked ~ .slider #top-banner-3,
#section-1 .content-slider #banner4:checked ~ .slider #top-banner-4 {
opacity: 1;
z-index: 1;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1),
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2),
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3),
#section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) {
cursor: default;
color: #fff;
transition: all 0.5s;
}
.l-bg-cherry {
background: linear-gradient(to right, #493240, #f09) !important;
color: #fff;
}
.l-bg-blue-dark {
background: linear-gradient(to right, #373b44, #4286f4) !important;
color: #fff;
}
.l-bg-green-dark {
background: linear-gradient(to right, #0a504a, #38ef7d) !important;
color: #fff;
}
.l-bg-orange-dark {
background: linear-gradient(to right, #006666, #009999) !important;
color: #fff;
}
.l-bg-green {
background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
color: #fff;
}
.l-bg-orange {
background: linear-gradient(to right, #f9900e, #ffba56) !important;
color: #fff;
}
.l-bg-cyan {
background: linear-gradient(to right, #289cf5, #84c0ec) !important;
color: #fff;
}
.dropholder{
font-family:'Roboto', Helvetica, sans-serif;
height: 44px; width:40% !important;
margin:0px;
padding:0 0 0 0px;
border-radius:7px;
color: #fff;
position: relative;
box-sizing:border-box;
background: rgba(0,0,0,0.2) !important;
border:2px solid #FFFFFF;
animation: move 3s ease-in-out infinite;
position: relative;
}
.drophlder:hover, .dropolder:hover:after{
animation-play-state:paused;
}
.dropolder:after{
content:"";
position: absolute;
width: 60%;
height: 5px;
background:rgba(0,0,0,0);
display: block;
top:100px;
left:37px;
margin: auto;
border-radius:50%;
box-shadow:0 15px 10px rgba(0,0,0, 0);
animation: moveShadow 3s ease-in-out infinite;
}
.dropdown > p{color:#ffffff;line-height:40px; text-shadow:1px 1px 0px #0066cc;
font-size:1rem; font-weight:500; text-transform: uppercase;
}
/* linear-gradient(#4dc2f8 ,#0d82b9); */
.dropdown{
margin-left:0px;
float: left;
width:100%; background:;
padding:0 0 0 10px;
border-radius:0 10px 10px 0;
cursor: pointer;
height:58px;
border-left:0px solid #4dc2f8;
position: relative;
}
.dropdown:hover{
}
.dropdown:after{
content:"\23F7";
font-size: 28px; color:#ffffff;
position: absolute;
right:5px;
top:4px;
display: block;
}
.menu{
position: absolute;
right:0;
top:-13px;
width:100%;
cursor: pointer;
opacity:0;
transform-style: preserve-3d;
transform:rotatey(180deg) rotateX(5deg) translatey(100px);
backface-visibility: hidden;
background-color: #000000;
background-image: linear-gradient(155deg, #000000 0%, #000000 74%);
border:2px solid #ffffff;
border-radius:10px;
transition:all 0.8s;
z-index:15;
overflow:hidden;
}
.menu li{
padding: 5px 5px;
border-bottom:1px solid #ffffff;
transition:all 0.3s;
}
.menu li a{
color: #ffffff; font-size:1rem; text-align:center !important;
}
.menu li:hover, .menu li a:hover{ background-color: #003366; color:#FFFFFF;
}
.menu li:last-child{
border:none;
}
.showMenu{
opacity:1;
transform:rotateX(10deg) translatey(0px);
}
li > i{
float: left;
padding-top: 3px;
padding-right: 8px;
}
p > i{
position: relative;
top:1px; color:#FF9900
}
i{
opacity: 0.7;
}
@keframes move{
0%, 100%{transform:translateY(-10px);}
50%{transform:translateY(0);}
}
@keyfames moveShadow{
0%,100%{transform:translateY(10px);opacity:0.4;}
50%{transform:translateY(0);opacity:1;}
}
.ext-popup {
display: none;
position: fixed; z-index: 9999;
top: 0;
width: 100%;
height: 100%; padding: 0;
background: rgba(0,0,0,0.8);
}
.ext-popup .modal-content { display: flex;justify-content:flex-start;align-items: center;
max-width: 550px; height:auto; background-color: #ffffff;border:2px solid #222222;
margin: auto; padding: 0;
}
.ext-popup .modal-content img{ }
.ext-popup .modal-title {
text-align: left;
text-transform: uppercase;
}
.ext-popup .modal-title h4 {
text-align: left;
text-transform: uppercase;
color: #004795;
}
.ext-popup .modal-title h5 {
text-align: left;
text-transform: none;
color: #004795;
}
.modal-body p {
text-align: left;
font-size: 1.4em; line-height: 1; padding: 20px 20px 20px 0px;
;
}
/* Animation */
.ext-popup .modal-content,
.ext-modal .modal_content {
transform: translateY(10%);
opacity: 0;
transition: 0.4s;
}
.ext-popup.show .modal-content,
.ext-modal.show .modal_content {
transform: translateY(0);
opacity: 1;
}
.my-float{ display: flex; align-items: center; margin: auto;
font-family: "Barlow Condensed", "serif"; font-size: 4.2rem; font-weight: 800; color: #000000;
}
.my-float2{display: flex; align-items: center;
font-family: "Barlow Condensed", "serif"; text-transform: uppercase;font-size: .95rem; line-height: .9;font-weight: 600; color: #333333;
}
.button2 {
/* Config */
--button-padding: .7em 2em .7em .25em;
--button-gap: 0em;
--button-bg: #342a21;
--button-color: #fff;
--button-hover-bg: #4b4b4a;
--button-hover-color: #fff;
--button-hover-border-color: #cc0000;
--button-border-width: 1px;
--button-border-style: solid;
--button-border-color: var(--button-bg);
--button-radius: .5em;
--button-shadow:
0 1px 2px rgba(0,0,0,.10),
0 8px 24px rgba(0,0,0,.08),
inset 0 1px 0 rgba(255,255,255,.8);
/* Core styles */
display: inline-flex;
align-items: center; justify-content: flex-start;
gap: var(--button-gap);
padding: var(--button-padding);
background: var(--button-bg);
color: var(--button-color);
border-width: var(--button-border-width);
border-style: var(--button-border-style);
border-color: var(--button-border-color);
border-radius: var(--button-radius);
box-shadow: var(--button-shadow);
font: 700 1rem/1.1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
letter-spacing: .02em;
text-decoration: none;
cursor: pointer;
transition: background .05s ease, color .05s ease, transform .05s ease;
text-align:left; /* default alignment; override with data-align */
/* Children */
& svg { height: var(--button-icon-size, 1.4cap); width: auto; flex: none; border-radius: 50%; }
& .button__text { display: grid; line-height: .98; }
& .button__headline { font-weight: 700; font-size: .85rem; }
& .button__subline { font-weight: 600; font-size: .68rem; line-height: 1.3; color: #006699; }
/* States */
&:focus-visible { outline: 1px solid currentColor; outline-offset: .15em; }
&:hover { background: var(--button-hover-bg); color: var(--button-hover-color); border-color: var(--button-hover-border-color); }
&:active { transform: scale(0.99); }
@media (prefers-reduced-motion: reduce) {
& { transition: none; }
&:active { transform: none; }
}
/* Options */
&[data-button-lines="2"] { --button-icon-size: 2.8cap; } /* larger icon on two-line */
&[data-align="start"] { text-align: start; }
&[data-align="center"] { text-align: center; }
&[data-button-radius="pill"] { --button-radius: 1000px; }
/* Variant: “story” */
&[data-button-variant="story"] {
--button-bg: linear-gradient(#ffffff, #dddddd);
--button-color: #111;
--button-hover-bg: linear-gradient(#ffffff, #e7e7e7);
--button-hover-border-color: #000000;
--button-hover-color: #111;
--button-border-color: #d2d4d7;
--button-shadow:
0 1px 2px rgba(0,0,0,.10),
0 8px 24px rgba(0,0,0,.08),
inset 0 1px 0 rgba(255,255,255,.8);
--button-icon-contrast: #fff; /* white play triangle */
}
}
@media (max-width: 1169px) {
.mobile-reporter-innav3 { display:none; }
.mobile-reporter-innav2 { display:block; }
.mobile-reporter-main {display:block;}
.cd-search-trigger2 {display: block;}
.reporter {display:block;}
.mobile-nav { display:block !important; }
.mobile-nav2 { display:block !important; }
.mobile-reporter-innav { display:block !important;}
.mayor-top { display:none !important;}
.megashow{ display:none;}
.megahide{ display:block;}
}
@media (min-width: 768px) {
.mobile-nav2 { display:none !important; }
}
@media (min-width: 1201px) {
.megashow{ display:block;}
.megahide{ display:none;}
.mobile-reporter-innav3 { display:none; }
.mobile-reporter-innav2 { display:none; }
.mobile-reporter-main {display:none;}
.cd-search-trigger2 {display: none;}
.reporter {display:block;}
.mobile-nav { display:none !important; }
.mobile-nav2 { display:none !important; }
.mobile-reporter-innav { display:none !important;}
.mayor-top { display:none !important;}
}
.single-destinations .title {
position:relative; border-bottom:4px solid #999999;
}
.single-destinations .title h4 {
font-family:'Montserrat', Helvetica, sans-serif; font-weight:700 !important; padding:0px; text-transform:uppercase;
}
/* scott */
.single-destiations .title h4::before {
content: "";
display: block;
width: 4px;
padding-top: 0px; margin-top:0px;
border-left: 4px solid #000000;
}
.single-destinations .title h4 b{font-family:'Roboto', Helvetica, sans-serif;
font-weight:900; color:#333333; font-weight:600;
}
.welcome{
position: absolute; z-index:3; height:140vh; margin:0px; padding:0px;
}
.banner-left{
position:relative;z-index:1; border-radius:0px; border:1px solid #ffffff;box-shadow:0 0px 12px rgb(255 255 255 / 0.4);
backdrop-filter: blur(8px) saturate(180%);
background-color:rgba(30, 41, 59, .8);}
.content h2 {
color: #fff; text-shadow:2px 2px 0px #222222; font-family:'Barlow Condensed', Helvetica, sans-serif;
position: relative;
z-index: 2;
font-size: clamp(2.2rem, 0.887rem + 1.3913vw, 2.8rem) !important; line-height:1 !important;
margin-bottom:0px; font-weight:800;
}
.content h2 span{
color: #FFCC00; text-shadow:2px 2px 0px #222222; font-family:'Bebas Neue', Helvetica, sans-serif;
position: relative; font-weight:100;
z-index: 2;
margin-bottom: 2px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.content p {
color: #fff;text-shadow:2px 2px 0px #222222; font-family:'Playfair Display', Helvetica, sans-serif;
position: relative; padding:0px; margin:0px;z-index: 2;font-size: clamp(1rem, 0.7217rem + 0.3478vw, 1.2rem) !important; line-height:.7 !important; font-weight: 400;
}
/* scott */
.overlay3 {
position: absolute;
width: 100%; bottom:0px; left:0;
height:100%;
z-index: 2;
/* background: linear-gradient(to bottom, rgba(56, 62, 83, .2) 0%, rgba(56, 62, 83, .2) 100%);*/
background-color:rgba(56, 62, 83, .05);
}
.noti {position:absolute; top:80px; right:10px;z-index:1;}
.mobile-nav { display:none; }
.mobile-nav2 { display:none; }
.mayor-top { display:block;}
.mayor-top-mobile { display: none !important; }
.mobile-reporter-main {display:block;}
.reporter{display:block;}
.cd-earch-trigger2 {display: block; }
@media (max-width: 991px) {
.bg_cover { display:none;
}
.bg_cover:after {
display:none;
}
.card-content h4{ width:auto;font-weight:500 !important; margin-top:-19px; font-family:'Roboto', Helvetica, sans-serif;
font-size: clamp(.85rem, 0.1rem + 1.4vw, 1.1rem) !important; text-transform:uppercase;}
/* scott */
.about ul li h4 {font-family:'Roboto Condensed', Helvetica, sans-serif;
font-size: .65rem !important; text-align:center;
font-weight: 700;
margin: 0px 0 0 0;
color: #777777;
}
.about .nav-link i {
font-size: 22px;
line-height: 14px;
}
.dropholder{
width: 40% !important; font-family:'Roboto', Helvetica, sans-serif;
height: 44px;
margin:0px auto 0 auto;
padding:0px;
border-radius:7px;
color: #fff;
position: relative;
box-sizing:border-box;
background: rgba(0,0,0,0.1);
border:2px solid #FFFFFF;
animation: move 3s ease-in-out infinite;
position: relative;
}
.header_keyword h6 { text-align:center; margin-bottom:5px;}
.header_keyword .tags li {color: #1e293b; font-weight:400;
display:inline-block; padding:5px 0px 5px 0px; margin:0px 15px 0px 0px; text-align: left;word-break: break-word;
}
.header_keyword .tags li a{
display:inline-block; padding:8px 15px 8px 15px; text-align:left;
}
.header_keyword-bg { width:100vw; margin:0px 0px 0px 0px; padding:0px; border-right:0px solid #dddddd !important;
}
.header_keyword .media-body {border-bottom:0px solid #cccccc; padding-bottom:0px !important; margin-bottom:0px !important; text-align:center !important; }
.header_keyword .media-body li {color: #1e293b; font-weight:400;
display:inline-block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px !important;
}
.header_keyword .media-body li a{
display:inline-block; padding:20px 0px 20px 0px; text-align:center !important;
}
.button-sm li a{
display:inline-block; font-size:.9rem !important; line-height:normal; padding:8px 15px 8px 15px; text-align:left;
}
/* dept head */.position {color: #bd081c;text-shadow:1px 1px 0px #ffffff;font-weight:500; leter-spacing:0.045em; text-transform:uppercase; font-size:.65rem; line-height:1.05;}
/* non-dept head */.position2 {color: #555555;text-shadow:1px 1px 0px #ffffff;font-weight:400; text-transform:uppercase; font-size:.65rem; line-height:1.05;}
.about-info {
font-size: clamp(0.8rem, 0.7251rem + 0.479vw, 1.3rem) !important; font-family:'Lora', Helvetica, sans-serif;text-shadow:1px 1px 0px #ffffff; font-style:italic; margin-bottom:-1.3rem; }
.about-info a{ color:#0066CC; text-shadow:1px 1px 0px #ffffff; text-decoration:underline !important; }
.about-info {
font-size: clamp(0.8rem, 0.7251rem + 0.479vw, 1.3rem) !important; font-family:'Lora', Helvetica, sans-serif;text-shadow:1px 1px 0px #ffffff; font-style:italic; margin-bottom:0rem; }
.phone2 a, .mail2 a{font-family:'Roboto Condensed', Helvetica, sans-serif;background-color:#ffffff; border:0px solid #000000;font-size: clamp(1rem, 1.6vw, 1.2rem); color:#000000; text-shadow:1px 1px 0px #ffffff;}
/* scott */
.mail2 a i, .phone2 i{
color: #ffffff; opacity:1;width:36px;
height: 36px; font-size:18px;
border-radius: 50%;
line-height: 33px;
display: inline-block;
text-align: center !important;
background: #003366;text-shadow:1px 1px 0px #000000; border:.15rem solid rgba(0,0,0,0.3);
position: relative;}
}
@media (max-width: 767px) {
.mob-search { display:block !important;}
#section-1 {
display:none !important;
}
#section-1 .content-slider { display:none !important;
}
.single_services {
display: flex; flex-flow: row; flex: 1 200px; padding: .75rem; margin: 0.5rem; background:#ffffff; border:1px solid #cccccc; border-radius: 0px; }
.single_services .services_content p { font-family:'Roboto Condensed', Helvetica, sans-serif;
margin-top: 0px;font-size: clamp(0.85rem, 0.6791rem + 0.7737vw, .95rem);line-height:1rem; color:#666666; font-weight:400; text-shadow:1px 1px 0px #ffffff; }
.category_area{width:98%; height:auto; margin:10px auto 0 auto; position:relative; z-index:6; background-color:#FFFFFF;}
.category_wrapper {
display: flex;
align-items: center;
justify-content: center; }
.row2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.col2 {
flex: 1 1 25%;
margin: 0 0 0 0;
padding: 0px;
box-sizing: border-box; border:2px solid #ffffff;
}
.col-span-1 {
flex-basis: 25%;
}
.button {
padding: 0px;
margin: 0 auto 0 auto; /* change if mobile */
text-decoration: none; text-align:center;
}
.button-circle { font-weight:500;font-size: clamp(0.7rem, 0.4791rem + 0.7737vw, 0.85rem);
font-family: 'Roboto Condensed', Helvetica, sans-serif;
color: #003366; text-shadow: 1px 1px 0px #ffffff; text-transform:uppercase;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
border-radius: 0px;
width: 100%;
height: 78px;
padding:0px;
background-color: #ffffff;
border:1px solid #666666;
line-height:1.1;
bx-shadow:
0 0 0 5px #ffffff,
0 0 0 6px #ffffff,
0 0 0 7px #ffffff;
}
.button-circle i{font-size: clamp(1.6rem, 0.8rem + 1.25vw, 1.7rem);opacity:1;color:#003366; line-height:1; margin:0px 0 4px 0; padding:0 0 0px 0;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
.alert { position:relative;width:100%; background-color:#222222; border-radius:0px; margin:-3px 0 0 0px;padding:2px 0 0 0; z-index:1;}
.alert-banner {width:98%; margin-right:2%; border-left:0px solid #666666;}
.alert span {
color: #fff; height:100%; padding-top:5px;
zzztransform: translateY(-100%);
zzztransition: 0.25s ease;
}
.alert span a, .alert span p { display:flex; align-items:center;font-family:'Roboto', Helvetica, sans-serif;font-size: clamp(0.8rem, 0.132vw + 0.78rem, 0.9rem); margin:0 0 5px 0; color: #ffffff;
line-height:1.15; font-weight:500; text-shadow:1px 1px 0px #000000; padding:0px 0 0px 0; margin-right:35px;}
.alert span a:before, .alert span p:before{content:'\2022'; color: #FF9900; text-shadow:1px 1px 0px #000000; padding-right:4px;}
.alert.active span {
zzztransform: translateY(0%);}
.alert-banner-close {
position: absolute;
top: 50%;
right: 5px;
width: 20px;
height: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer; z-index:99;
}
.alert-banner-close2 {display:flex; align-items:center; justify-content:flex-start; width:auto; padding:0px 4px 0 10px; margin:0 0 0 0;
color: #ffffff;font-family:'Barlow Condensed', Helvetica, sans-serif;font-size: 1.4rem;
font-weight:700;
cursor: pointer;
background-color:#222222;
text-shadow:1px 1px 0px #222222;
}
.alert-banner-close2 i{font-size:.8rem; text-align:left; padding:0; margin-top:0;
color: #FF3300; border-radius:50%; border:1px solid #990000;
box-shadow:
0 0 0 1px #000,
0 0 0 3px #fff;
}
.footer-area h6 { font-family:'Roboto Condensed', Helvetica, sans-serif;font-size: clamp(1.1rem, 0.9926rem + 0.5369vw, 1.25rem);}
.list-unstyledx{padding:5px 0 5px 0; margin:0px 0 10px 0; border-top:0px solid #333333; }
.list-unstyledx li {font-family: 'Roboto', Helvetica, sans-serif;font-size: clamp(.95rem, .9vw, 1.2rem); line-height:1.1;font-weight:400; color:#1b1b1b; margin-top:0px; padding:0px 0 10px 0;text-align: left;text-shadow:1px 1px 0px #ffffff;}
.codered {border-top:2px solid #333333; border-bottom:0px solid #333333; background-color:rgba(255,255,255,.2); margin-top:5px; margin-bottom:10px;}
.dropholder{
width: 49% !important; font-family:'Roboto', Helvetica, sans-serif;
height: 44px;
margin:0px auto 0 auto;
padding:0px;
border-radius:7px;
color: #fff;
position: relative;
box-sizing:border-box;
background: rgba(0,0,0,0.1);
border:2px solid #FFFFFF;
animation: move 3s ease-in-out infinite;
position: relative;
}
}
@media (max-width: 575px) {
.category_area{ width:98%; height:auto; margin:0px auto 8px auto; padding:0px;}
.ext-popup {
display: none;
position: fixed; z-index: 9999;
top: 0;
width: 100%;
height: 100%; padding: 0;
background: rgba(0,0,0,0.8);
}
#wiz, #wiz2 { padding: 20px 5px 20px 5px; padding-top:40px; height: auto !important; }
.btn-close {position:absolute; top:3px; right:3px; z-index:6; padding:8px;}
.input-container { flex-basis: 24%;flex-flow: row nowrap; flex-grow:1; position:relative !important; }
.page-content { padding:40px 0 0 0; margin-top:-10px; border-radius:0px; }
.codered img{ display:block;}
.radio-tile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;border: 2px solid #1b1b1b;
height: 80px; background:#ffffff; color: #222222; text-shadow:1px 1px 0px #ffffff;
border-radius: 0px;
padding: 0rem 0 0rem 0;
transition: transform 300ms ease;
}
.radio-tile i{font-size: clamp(1.6rem, 1.3102rem + 0.5749vw, 2rem); color: #444444; text-shadow:1px 1px 0px #ffffff; opacity:1;
}
.radio-tile span{ font-family:'Roboto Condensed', Helvetica, sans-serif;font-size: clamp(0.9rem, 0.3462rem + 1.6246vw, 1.2rem) !important; line-height:.9; color:#1b1b1b; text-shadow:1px 1px 0px #ffffff; text-transform:upprcase;font-weight:400;
}
.dropholder{
width: 90% !important; font-family:'Roboto Condensed', Helvetica, sans-serif;
height: 44px;
margin:0px auto 0 auto;
padding:0px;
border-radius:7px;
color: #fff;
position: relative;
box-sizing:border-box;
background: rgba(0,0,0,0.1);
border:2px solid #FFFFFF;
animation: move 3s ease-in-out infinite;
position: relative;
}
#wiz select{
border: 2px solid #000000 !important; border-radius:0px !important; width:100% !important; height:62px;
padding: 16px !important; -webkit-appearance: auto !important;
}
}
@media (max-width: 340px) {
.main-logo{ width:75vw; height: auto; margin-left:-5px; }
}
@media (max-width: 319px) {
.acc-child {
position: relative;
display: flex;flex-grow: 1;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
width: auto;
height: auto;
aspect-ratio: 1/1;
background: #001e57;
border-radius: var(--border_radius);
margin:2px !important;
padding: 0px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border: 1px solid var(--acc_color_3);
color: var(--acc_color_2);
}
.dropholder{
width: 98% !important; font-family:'Roboto Condensed', Helvetica, sans-serif;
height: 44px;
margin:0px auto 0 auto;
padding:0px;
border-radius:7px;
color: #fff;
position: relative;
box-sizing:border-box;
background: rgba(0,0,0,0.1);
border:2px solid #FFFFFF;
animation: move 3s ease-in-out infinite;
position: relative;
}
.footer-area h6 { font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:.84rem;}
.codered{ width:100% !important;display:block !important;}
.codered img{ display:block;}
.codered ul{ width:100% !important;display:block !important;}
.codered a{ margin-left:50px;}
.category_area{ width:98%; height:auto; margin:2px auto 8px auto; padding:0px;}
.category_wrapper {
display: flex;
align-items: center;
justify-content: center; }
.row2 {
display: flex;
flex-direction: row;
flex-wrap:wrap;
}
.col2 {display: flex;
flex: 1 1 25%;
margin: 0 0 auto 0;
padding: 0px;
box-sizing: border-box; border:1px solid #ffffff;
}
.col-span-1 {
flex-basis: 25%;
}
.button {
padding: 0px;
margin: 0 auto 0 auto; /* change if mobile */
text-decoration: none; text-align:center;
}
.button-circle { font-weight:500;font-size:.62rem;
font-family: 'Oswald', Helvetica, sans-serif;
color: #003366; text-shadow: 1px 1px 0px #ffffff; text-transform:uppercase;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
border-radius: 0px;
width: 100%;
height: 60px;
padding:0px;
background-color: #ffffff;
border:1px solid #666666;
line-height:1.05;
bx-shadow:
0 0 0 0px #ffffff,
0 0 0 0px #ffffff,
0 0 0 0px #ffffff;
}
.button-circle i{font-size:1.2rem;opacity:1;color:#003366; line-height:1; margin:0px 0 4px 0; padding:0 0 0px 0;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;}
.radio-tile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;border: 2px solid #1b1b1b;
height: 60px; background:#ffffff; color: #222222; text-shadow:1px 1px 0px #ffffff;
border-radius: 0px;
padding: 0rem 0 0rem 0;
transition: transform 300ms ease;
}
.radio-tile i{font-size:1.3rem;color: #444444; text-shadow:1px 1px 0px #ffffff; opacity:1;
}
.radio-tile span{ font-family:'Roboto Condensed', Helvetica, sans-serif;font-size:.6rem !important; color:#1b1b1b; text-shadow:1px 1px 0px #ffffff; text-transform:uppercase;font-weight:400;
}
#wiz h5, #wiz2 h5{font-size:1.4rem !important;}
#wiz h6, #wiz2 h6{font-size: .75rem !important;}
.btn-close {position:absolute; top:3px; right:3px; z-index:6; padding:8px;}
.alert { width:100%; height:auto;background-color:#222222; margin:-2px 0 0 0; padding:0; border-radius:0px;}
.alert-banner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width:80%; margin:0 8.5% 0 11.5%; padding:0px 0 3px 0;
}
.alert span {
color: #fff;
zzztransform: translateY(-100%);
zzztransition: 0.25s ease;
}
.alert span a, .alert span p{display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow:ellipsis;line-height:.9rem; margin:2px 0 2px 0;}
.alert span a:before, .alert span p:before{display:none;
}
.alert.active span {
zzztransform: translateY(0%);
}
.alert-banner-close {
position: absolute;
top: 50%;
right: 0px;
width: 20px;
height: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer; z-index:991;
}
.alert-banner-close2 {display:flex; align-items:center;
position: absolute;
top: 51%;color: #ffffff;font-family:'Barlow Condensed', Helvetica, sans-serif; font-size:1.1rem; font-weight:500; text-shadow:1px 1px 0px #000000;
left: 4px; padding:0; z-index:99;
width: 5%;
height: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.alert-banner-close:before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.alert-banner-close:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.form-items p{ display:none;}
.modal-open .modal {
overflow-x: hidden !important;
overflow-y: scroll !important;
}
}
@media (min-width:768px) {
.mob-search { display:none !important;}
.collapse.dont-collapse-sm {
display: block;
height: auto !important;
visibility: visible;
}
.single_services {
display: flex;
flex-flow: row;
flex: 1 200px;
padding: 1rem;
margin: 0.5rem;
background:#ffffff;
border:1px solid #cccccc;
border-radius: 0px; }
.single_services .services_content p { font-family:'Roboto', Helvetica, sans-serif;
margin-top: 0px;font-size: clamp(0.85rem, 0.7833rem + 0.1389vw, 0.95rem);line-height:1.1; color:#555555; font-weight:400; text-shadow:1px 1px 0px #ffffff; }
.single_services .services_content .title {
font-size: 20px; line-height:20px !important; margin-bottom:2px;
font-weight: 600 !important;
color: #3C4559;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.single_services .services_content .more {
font-size: 16px;
font-weight: 500;
color: #0066cc;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
margin-top: 5px; }
.single_services .services_content .more i {
margin-left: 5px;
font-size: clamp(1rem, 0.8rem + 0.4167vw, 1.3rem);}
#section-1 .content-slider {
position: relative;
width: 100%;
height:100%;
}
#section-1 .content-slider .sec-1-input {
display: none;
}
#section-1 .content-slider .slider {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
/* scott */
#section-1 .content-slider .slider .banner {
height:100%; width:100%;
transition: all 0.5s ease; display:flex; align-items:center;
position: absolute;
top: 0;
left: 0; bottom:0;
opacity: 0;
z-index: 2;
width: inherit;
height: inherit;
text-align: center;
transition: all 0.5s ease;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper {
height:83vh; width:100%;
display:flex; align-items:center;
box-sizing: border-box;
}
#section-1 {
height:50vh;
color: #fff;
background-color: #222;
position: relative;
}
.welcome{ display:flex; align-items:center; height:48vh;}
.category_area{width:100%;margin:-43px auto -30px auto; background-color:rgba(0, 51, 102, 0);padding:0px 0px 10px 0; position:relative; z-index:6;}
.category_wrapper {
display: flex;
align-items: center;
justify-content: center; }
.row2 {
width:100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.col2 {
flex: 1 1 12.5%;
margin: 0 0 0 0;
padding: 0px;
box-sizing: border-box; text-align:center;
}
.col-span-1 {
flex-basis: 12.5%;
}
.button {
border:0px solid rgba(255,255,255,0.5);
padding: 0px;
margin: 0 auto 0 auto;
list-style: none;
display: flex; align-items:center;
flex-flow: row nowrap; }
.button-circle { font-weight:500; line-height:1;
font-size: clamp(0.6rem, 0.4679rem + 0.1547vw, 0.7rem);
font-family: 'Roboto Condensed', Helvetica, sans-serif;
color: #ffffff;text-shadow: 1px 1px 0px #333333; text-transform:uppercase;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
-ms-border-radius: 240px;
-o-border-radius: 240px;
border-radius: 240px;
width:86px;
height:86px;
padding:0px;
background: linear-gradient(to bottom, #0066cc 50%, #003366 100%);
border:3px solid #ffffff;
box-shadow:
0 0 0 2px #1b1b1b;
}
.button-circle i{font-size: clamp(1.1rem, 0.8rem + 1.25vw, 1.2rem);color:#ffffff;margin:-1px 0 0 0; padding:0 0 5px 0;
text-shadow:
-1px -1px 0 #165569,
1px -1px 0 #165569,
-1px 1px 0 #165569,
1px 1px 0 #165569;
}
.button span{ padding:2px 0 0px 0; line-height:1.1
5; width:70%; margin:0 auto 0 auto; border-top:2px solid rgba(255,255,255,0.3);border-bottom:0px solid rgba(255,255,255,0.3);}
.button-circle:hover, .button-circle:focus {
color:#FFFFFF; background: linear-gradient(to bottom, #222222 50%, #222222 100%);
}
/* scott */
.alert { position:relative; width:100%; background-color:#222222; border-radius:0px; margin:-2px 0 0 0px;padding:5px 0 6px 0;
z-index:99999999;}
.alert-banner {width:100%; margin:0 1% 0 0; padding:0; border-left:0px solid #666666;}
.alert span { margin-left:1%;
color: #fff; padding:5px 0 3px 0;
zzztransform: translateY(-100px);
zzztransition: 0.25s ease;
}
.alert span a, .alert span p{ display:flex; align-items:center;font-family:'Roboto Condensed', Helvetica, sans-serif;
font-size: clamp(0.95rem, 0.9147rem + 0.1882vw, 1.15rem); color:#FFFFFF; margin:0 0 0px 0; padding:0px 0 0px 0; line-height:1.4; font-weight:400; text-shadow:1px 1px 0px #000000; margin-right:30px;}
.alert span a:before, .alert span p:before{content:'\2022'; color: #FF9900; text-shadow:1px 1px 0px #000000; padding-right:4px;
}
.alert span a:hover{ color: #FFCC00 !important; }
.alert.active span {
zzztransform: translateY(0px);}
.alert-banner-close {
position: absolute;
top: 50%;
right: 10px;
width: 20px;
height: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer; z-index:99;
}
.alert-banner-close2 {display:flex; align-items:center; width:auto; height:100%; padding:0px 25px 0 10px; margin:0 5px 0 0;
color: #ffffff;font-family:'Barlow Condensed', Helvetica, sans-serif;font-size:1.8rem;
font-weight:700; line-height:1; border-right:1px solid #999999;
cursor: pointer;
background-color:#222222;
text-shadow:1px 1px 0px #222222;
}
.alert-banner-close2 i{font-size:.8rem; line-height:1; text-align:left; padding:0; margin:.23rem 0 0 0;
color: #FF3300; border-radius:50%; border:1px solid #990000;
box-shadow:
0 0 0 1px #000,
0 0 0 3px #fff;
}
.cd-search-trigger { display:none;}
@-webkit-keyframes alert-banner-slide-in {
0% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes alert-banner-slide-in {
0% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
.codered {border-top:2px solid #333333; margin-top:3px; background-color:rgba(255,255,255,0);}
.codered img{ float:left;}
}
/* 1024px */
@media (min-width:992px) {
.bg_cover { background-image:url(../img/Image53453452341.jpg);
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height:20vh; border-bottom:1px solid #0066cc; border-top:1px solid #0066cc; }
.bg_cover:after {
content:"";
position: absolute;
bottom: 0;
left: 0;
right: 0;
background:rgba(0, 153, 255, 0.75); height:100%;
}
.media-body { padding-bottom:10px; padding-top:10px; margin-bottom:10px; }
.header_keyword .media-body li {color: #1e293b; font-weight:400;
display:inline-block; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-align:left;
}
.header_keyword .media-body li a{
display:inline-block; padding:0px 0px 0px 0px !important; text-align:left;
}
.phone2 a, .mail2 a{ font-size: clamp(.9rem, 1.1vw, 1.2rem); line-height:1; font-family:'Roboto', Helvetica, sans-serif;background-color:#ffffff; border:0px solid #000000;color:#000000; text-shadow:1px 1px 0px #ffffff; }
/* scott */
.mail2 a i, .phone2 i{
color: #000000; opacity:1;width:36px;
height: 36px; font-size:15px; padding-left:.02rem;
border-radius: 50%;
line-height: 30px;
display: inline-block;
text-align: center !important;
background: #ffffff;text-shadow:1px 1px 0px #ffffff);border-width:4px;
border-color: #1b1b1b;
border-style: double;
position: relative;}
.header-icon i{color: #FFFFFF; opacity:1;width:55px;
height: 55px; font-size:24px; padding-left:.02rem; margin-right:5px;
border-radius: 50%;
line-height: 48px;
display: inline-block; float:left !important;
text-align: center !important;
background: #1da1f2;text-shadow:1px 1px 0px #ffffff);border-width:4px;
border-color: #ffffff;
border-style: double;
position: relative;}
.about-info {
font-size: clamp(0.8rem, 0.7251rem + 0.479vw, 1.3rem) !important; font-family:'Lora', Helvetica, sans-serif;text-shadow:1px 1px 0px #ffffff; font-style:italic; margin-bottom:0rem; }
.ca-menu{font-family: 'Roboto', Helvetica, sans-serif;
padding:0;
margin:0;
width: auto;
}
.ca-menu li{
width: auto;
height: 52px !important;
overflow: hidden;
position: relative;
display: block; cursor: default;
background:;user-select: none; border-bottom:1px solid #c8c8c8;
}
.ca-menu li a{
text-align: left;
width: 100%;
height: 100%;
display: block;
background-image: url(../img/menu-item-bg.png);
background-repeat: no-repeat;
background-position: calc(100% + 40px), calc(100% - 10px);
cursor: pointer;
overflow: hidden;
text-shadow: 0 0 1px #000, 0 1px 0 #000;
white-space: nowrap;
transition: background-position 0s ease;display:flex; align-items:center;
}
.ca-menu li a.active{transition: background-position .2s ease; background-color: #ffffff;background-position: calc(100% - 0px), calc(100% + 100px);}
.nav-link .bi{
font-size:24px; color:#1b1b1b;
text-shadow: 1px 1px 0px #ffffff;
line-height: 20px; opacity:.9;
position: absolute;
width: 40px; height:23.5px;
left: 0;
text-align: center;
}
.ca-main, .ca-sub{font-size:clamp(.85rem, 1.25vw, 1rem); padding-left:24px; font-weight:400;color:#1b1b1b; text-shadow:1px 1px 0px #ffffff; line-height:.97rem !important; text-transform:upperase;}
.ca-menu li .active .ca-main, .ca-menu li .active .ca-sub{color: #d63939; padding-left:24px; text-shadow:1px 1px 0px #ffffff;font-weight:400;}
.ca-menu li .active .bi{
font-size: 24px;color: #d63939;width:40px; height:23.5px;
text-shadow:1px 1px 0px #ffffff;opacity:1;left: 0;text-align: center;}
.ca-mnu li .active .fas{ position:absolute; top:10px; right:5px; z-index:99; display:inline-block;
font-size: 22px; color: #d63939; text-shadow:1px 1px 0px #ffffff;border:none;opacity:.8;
}
.header_keyword h6 {font-family: 'Oswald', Helvetica, sans-serif;font-size: clamp(1.15rem, 1.0826rem + 0.4311vw, 1.6rem) !important; text-transform:uppercase; font-weight:700; color: #1b1b1b; text-shadow:1px 1px 0px #ffffff;}
.meta p{font-family: 'Roboto', Helvetica, sans-serif; font-size: clamp(0.9rem, 0.8074rem + 0.4938vw, 1.2rem); text-transform:uppercase;font-weight:600; color: #1e293b; line-height:1;text-shadow:1px 1px 0px #ffffff; margin:0; padding:0; }
.meta p a{font-family: 'Roboto', Helvetica, sans-serif; color: #1e293b; text-shadow:1px 1px 0px #ffffff; line-height:1;
}
.ca-main, .ca-sub{font-size:clamp(.85rem, 1.25vw, 1rem); padding-left:24px; font-weight:400;color:#1b1b1b; text-shadow:1px 1px 0px #ffffff; line-height:.97rem !important; text-transform:upperase;}
.ca-menu li .active .ca-main, .ca-menu li .active .ca-sub{color: #d63939; padding-left:24px; text-shadow:1px 1px 0px #ffffff;font-weight:400;}
.ca-menu li .active .bi{
font-size: 24px;color: #d63939;width:40px; height:23.5px;
text-shadow:1px 1px 0px #ffffff;opacity:1;left: 0;text-align: center;}
.ca-mnu li .active .fas{ position:absolute; top:10px; right:5px; z-index:99; display:inline-block;
font-size: 22px; color: #d63939; text-shadow:1px 1px 0px #ffffff;border:none;opacity:.8;
}
.header_keyword-bg {
border-right:1px solid #dddddd !important; margin:10px 0 0 0; }
.welcome{ display:flex; align-items:center;
position: absolute; z-index:3; height:48vh;}
.category_area{ width:98%; height: auto; margin:-50px auto 20px auto; padding:0px; position:relative; z-index:2;}
.button-circle {font-family: 'Roboto', Helvetica, sans-serif; font-weight:500;
width:104px;
height:104px;
font-size:.65rem; line-height:1.1;}
.button-circle i{font-size:1.4rem;opacity:1;color:#ffffff; margin:-1px 0 0 0; padding:0 0 5px 0;
text-shadow:
-1px -1px 0 #165569,
1px -1px 0 #165569,
-1px 1px 0 #165569,
1px 1px 0 #165569;}
.button span{ padding:3px 0 0px 0; line-height:1.1; width:70%; margin:0 auto 0 auto; border-top:2px solid rgba(255,255,255,0.5);border-bottom:0px solid rgba(255,255,255,0.5);}
}
.list-unstyled { margin:0; padding:0;}
.list-unstyled ul{ margin:0; padding:0px;}
.list-unstyled li{font-size: clamp(0.95rem, 0.7786rem + 0.2679vw, 1.1rem); line-height:1.1; color: #1b1b1b;margin:0; border-bottom:1px dashed #999999;display:inline-flex; align-items:center;min-height:14px}
.list-unstyled li a{color: #0066CC;}
.list-unstyled li p{font-weight:400 !important; line-height:1.4;color:#1e293b;}
.accordion .list-unstyled ul{margin:0; padding:0px; }
.accordion .list-unstyled li:first-child{ margin-top:5px;}
.accordion .list-unstyled li{font-size: clamp(0.95rem, 0.8357rem + 0.1786vw, 1.05rem); margin:0px; padding:5px 0 5px 0; border-bottom:1px dashed #999999;display:inline-flex; align-items:center;min-height:14px; width:100%;}
.accordion .list-unstyled li a{ margin:0; padding:0; border-bottom:0px dashed #999999;display:inline-flex; align-items:center;min-height:14px; line-height:1.1;}
.accordion .list-unstyled li a::before{
content: "\2022" ;
display:inline-flex; align-items:center; color: #FF3333;
width: 10px; font-size:18px;
height: 14px;
margin: 0px 2px 0 0; }
.accordion .list-unstyled li p a { text-decoration:underline !important;}
.accordion .list-unstyled li p a::before { display:none;}
.accordion .list-unstyled li:last-child{border-bottom:0px dashed #999999;}
.footer-area h6 {color:rgba(255,255,255,1); text-shadow:1px 1px 0px #1b1b1b;
text-transform: uppercase; font-family:'Roboto', Helvetica, sans-serif;
margin-bottom:2px; padding-bottom:2px; border-bottom:2px solid #333333;
font-size: clamp(1rem, 0.8857rem + 0.1786vw, 1.1rem);text-align:left;
font-weight: 500;}
.single-footer-widget .list-unstyled ul { margin:0; padding:0; }
.single-footer-widget .list-unstyled li {margin:5px 0 5px 0; padding:0px 0 0px 0px;text-align:left !important; width:100%;
font-size: clamp(0.85rem, 0.7857rem + 0.1786vw, .95rem); line-height:1.1;font-weight:400; color:#ffffff; text-shadow:1px 1px 0px #1e293b; border-bottom:0px dashed #999999;}
.single-footer-widget .list-unstyled li a{text-align:left; color:#FFFFFF; text-shadow:1px 1px 0px #1e293b;}
.single-footer-widget .list-unstyled li p{ font-style:normal !important;}
@media (min-width:1024px) {
#section-1 {
height:50vh;
color: #fff;
background-color: #222;
position: relative;}
.welcome{ display:flex; align-items:center; height:46vh;}
.category_area{width:100%;margin:-52px auto 10px auto; background-color:rgba(0, 51, 102, 0);padding:0px 0px 10px 0; position:relative; z-index:6;}
.category_wrapper {
display: flex;
align-items: center;
justify-content: center; }
.row2 {
width:100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.col2 {
flex: 1 1 12.5%;
margin: 0 0 0 0;
padding: 0px;
box-sizing: border-box;
}
.col-span-1 {
flex-basis: 12.5%;
}
.button {
border:0px solid rgba(255,255,255,0.5);
padding: 0px;
margin: 0 auto 0 auto;
list-style: none;
display: flex; align-items:center;
flex-flow: row nowrap; }
.button-circle { font-weight:500; line-height:1.15;
font-size: .65rem;
font-family: 'Roboto', Helvetica, sans-serif;
color: #ffffff;text-shadow: 1px 1px 0px #222222; text-transform:uppercase;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
-ms-border-radius: 240px;
-o-border-radius: 240px;
border-radius: 240px;
width:104px;
height:104px;
padding:0px;
background: linear-gradient(to bottom, #0066cc 50%, #003366 100%);
border:4px solid #ffffff;
box-shadow:
0 0 0 2px #1b1b1b;
}
.button-circle i{font-size: clamp(1.3rem, 0.8rem + 1.25vw, 1.45rem);opacity:.3;color:#ffffff;margin:-1px 0 0 0; padding:0 0 5px 0;
text-shadow:
-1px -1px 0 #165569,
1px -1px 0 #165569,
-1px 1px 0 #165569,
1px 1px 0 #165569;
}
.button span{ padding:4px 0 0px 0; line-height:1.1; width:70%; margin:0 auto 0 auto; border-top:2px solid rgba(255,255,255,0.5);border-bottom:0px solid rgba(255,255,255,0.5);}
.header_keyword .media-body li {color: #1e293b; font-weight:400;
display:inline-block; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-align:left;
}
.header_keyword .media-body li a{
display:inline-block; padding:0px 0px 0px 0px !important; text-align:left;
}
.list-unstyled { margin:0; padding:0;}
.list-unstyled ul{ margin:0; padding:0px 0;}
.list-unstyled li{font-size: clamp(0.95rem, 0.7786rem + 0.2679vw, 1.1rem); line-height:1.1; color: #1b1b1b;margin:0; border-bottom:1px dashed #999999;display:inline-flex; align-items:center;min-height:14px}
.list-unstyled li a{color: #0066CC;}
.list-unstyled li p{font-weight:400 !important; line-height:1.4;color:#1e293b;}
.accordion .list-unstyled li:first-child{ margin-top:2px;}
.accordion .list-unstyled li{font-size: clamp(0.95rem, 0.8357rem + 0.1786vw, 1.05rem); margin:0px; padding:5px 0 5px 0; border-bottom:1px dashed #999999;display:inline-flex; align-items:center;min-height:14px; width:100%;}
.accordion .list-unstyled li a{ margin:0; padding:0px; border-bottom:0px dashed #999999;display:inline-flex; align-items:center;min-height:14px; line-height:1.1;}
.accordion .list-unstyled li a::before{
content: "\2022" ;
display:inline-flex; align-items:center; color: #FF3333;
width: 10px; font-size:18px;
height: 14px;
margin: 0px 2px 0 0; }
.accordion .list-unstyled li p a { text-decoration:underline !important;}
.accordion .list-unstyled li p a::before { display:none;}
.accordion .list-unstyled li:last-child{border-bottom:0px dashed #999999;}
.footer-area h6 {color:rgba(255,255,255,1); text-shadow:1px 1px 0px #1b1b1b;
text-transform: uppercase; font-family: 'Roboto', Helvetica, sans-serif;
margin-bottom:2px; padding-bottom:2px; border-bottom:2px solid #333333;
font-size: clamp(1rem, 0.8857rem + 0.1786vw, 1.1rem);text-align:left;
font-weight: 400;}
.single-footer-widget .list-unstyled ul { margin:0; padding:0; }
.single-footer-widget .list-unstyled li {margin:5px 0 5px 0; padding:0px 0 0px 0px;text-align:left !important; width:100%;font-family: Arial, Helvetica, sans-serif;
font-size: clamp(0.85rem, 0.7857rem + 0.1786vw, .95rem); line-height:1;font-weight:300; color:#ffffff; text-shadow:1px 1px 0px #1e293b; border-bottom:0px dashed #999999;}
.single-footer-widget .list-unstyled li a{text-align:left;font-weight:300; color:#ffffff; text-shadow:1px 1px 0px #1e293b;}
.single-footer-widget .list-unstyled li p{ font-style:normal !important;}
}
@media (min-width:1280px) {
.welcome{ display:flex; align-items:center; height:48vh;
}
.category_area{width:100%;margin:-55px auto 10px auto; background-color:rgba(0, 51, 102, 0);padding:0px 0px 10px 0; position:relative; z-index:6;}
.button-circle {
width:110px;
height:110px; font-family:'Roboto', Helvetica, sans-serif;
font-size:.68rem;line-height:1.1; font-weight:500;
}
.button-circle i{font-size:1.6rem;opacity:1;color:#ffffff; margin:-1px 0 0px 0; padding:0 0 5px 0;
text-shadow:
-1px -1px 0 #165569,
1px -1px 0 #165569,
-1px 1px 0 #165569,
1px 1px 0 #165569;
}
.button span{ padding:4px 0 0px 0; width:70%; line-height:1.1; margin:0 auto 0 auto; border-top:2px solid rgba(255,255,255,0.5);border-bottom:0px solid rgba(255,255,255,0.5);}
}
/* 1400px; */
@media (min-width:1366px) {
/* scott testing */
.welcome{ display:flex; align-items:center; height:calc(100% - 57px);
}
.category_area{width:100%;margin:-57px auto 10px auto; background-color:rgba(0, 51, 102, 0);padding:0px 0px 10px 0; position:relative; z-index:6;}
.button-circle {
width:114px;
height:114px; font-family:'Roboto', Helvetica, sans-serif;
font-size:.7rem;line-height:1.05; font-weight:500;
}
.button-circle i{font-size: clamp(1.3rem, 0.8rem + 1.25vw, 1.6rem);color:rgba(255,255,255,1);margin:-1px 0 0px 0; padding:0 0 6px 0;
text-shadow:
-1px -1px 0 #165569,
1px -1px 0 #165569,
-1px 1px 0 #165569,
1px 1px 0 #165569;
}
.button span{ padding:3px 0 0px 0; width:70%; line-height:1.15; border-top:2px solid rgba(255,255,255,0.5);border-bottom:0px solid rgba(255,255,255,0.5);}
}
@media (min-width : 1680px){
.category_area{width:100%;margin:-4.5% auto 0px auto; background-color:rgba(0, 51, 102, 0);padding:20px 0px 5px 0; position:relative; z-index:6;}
.button img{ margin-bottom:2px;width: calc(100% - 55%) !important; height:auto;}
#section-1 {
height:55vh;
color: #fff;
background-color: #222;
position: relative;
}
.welcome{
position: absolute; z-index:3; height:55vh; margin:0px; padding:0px;
}
.category_area{width:86%;margin:-80px auto 10px auto; background-color:rgba(0, 51, 102, 0);padding:20px 0px 10px 0; position:relative; z-index:6;}
.button-circle { font-weight:500;
font-size: .71rem;line-height:1.1;
font-family: 'Roboto', Helvetica, sans-serif;
color: #ffffff;text-shadow: 1px 1px 0px #003366; text-transform:uppercase;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
-ms-border-radius: 240px;
-o-border-radius: 240px;
border-radius: 240px;
width:114px;
height:114px;
padding:0px;
background: linear-gradient(to bottom, #0066cc 50%, #003366 100%);
border:4px solid #ffffff;
box-shadow:
0 0 0 2px #1b1b1b;
}
.button span{ padding:3px 0px 0px 0; width:70%; text-align:center; border-top:2px solid rgba(255,255,255,0.3);border-bottom:0px solid rgba(255,255,255,0.3); line-height:1.1;}
.button-circle i{font-size:1.55rem;opacity:1;color:#ffffff; margin:0px 0 0px 0; padding:0 0 6px 0;
text-shadow:
-1px -1px 0 #165569,
1px -1px 0 #165569,
-1px 1px 0 #165569,
1px 1px 0 #165569;
}
}
@media (min-width : 1850px){
#section-1 {
height:60vh;
color: #fff;
background-color: #222;
position: relative;
}
.welcome{
position: absolute; z-index:3; height:58vh; margin:0px; padding:0px;
}
.category_area{width:86%;margin:-78px auto 10px auto; background-color:rgba(0, 51, 102, 0);padding:20px 0px 10px 0; position:relative; z-index:6;}
.button-circle { font-weight:500;
font-size: .71rem;line-height:1.1;
font-family: 'Roboto', Helvetica, sans-serif;
color: #ffffff;text-shadow: 1px 1px 0px #003366; text-transform:uppercase;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
-ms-border-radius: 240px;
-o-border-radius: 240px;
border-radius: 240px;
width:114px;
height:114px;
padding:0px;
background: linear-gradient(to bottom, #0066cc 50%, #003366 100%);
border:4px solid #ffffff;
box-shadow:
0 0 0 2px #1b1b1b,
0 3px 10px rgb(0 0 0 / 0.2);
}
.button span{ padding:5px 0px 0px 0; width:70%; text-align:center; border-top:2px solid rgba(255,255,255,0.3);line-height:1.1;}
.button-circle i{font-size:1.55rem;opacity:1;color:#ffffff; margin:-1px 0 0px 0; padding:0 0 7px 0;
text-shadow:
-1px -1px 0 #165569,
1px -1px 0 #165569,
-1px 1px 0 #165569,
1px 1px 0 #165569;
}
}
.btn-mobapp {border:1px solid #cccccc; background-color:; color:#FFFFFF;}
.btn-mobapp i{ font-size:1.4rem;}
.btn-mobapp span{font-size:.8rem; line-height:1;}
.btn-mobapp font{font-size:.65rem; line-height:1;}
.btn-mobapp:hover, .btn-mobapp:focus {border:1px solid #00CCFF !important; background-color: rgba(0, 0, 0, .5);}
.btn-probrpt {border:1px solid #cccccc; background-color:; color:#FFFFFF;}
.btn-probrpt i{ font-size:1.4rem;}
.btn-probrpt span{font-size:.8rem; line-height:1;}
.btn-probrpt font{font-size:.65rem; line-height:1;}
.btn-probrpt:hover, .btn-probrpt:focus {border:1px solid #00CCFF !important; background-color: rgba(0, 0, 0, .5);}
.social-media-1 {border:1px solid #999 !important;}
.social-media-1:hover, .social-media-1:focus { background-color:#4267B2;border:1px solid #ffffff !important;}
.social-media-2 {border:1px solid #999 !important;}
.social-media-2:hover, .social-media-2:focus{ background-color:#00ACEE;border:1px solid #ffffff !important;}
.mobile-app-btn { display:none;}
@media screen and (min-width : 1280px) and (max-height : 720px) {
#wiz {
max-width: 600px; min-height:520px;
padding: 20px; padding-top:60px;
border: 0px solid #000000; border-radius:0px;
background:#f8f8f8;
}
#wiz input[type=text], #wiz input[type=email] {
border: 2px solid #000000 !important; border-radius:0px;
padding: 16px;width: 100%;
}
.bg_cover { background-image:url(../img/Image53453452341.jpg);
background-size: cover;
background-repeat: no-repeat;
width: 100%; height:28vh; border-bottom:1px solid #0066cc; border-top:1px solid #0066cc; }
.alert span a, .alert span p { display:flex; align-items:center;font-family:'Roboto', Helvetica, sans-serif;font-size: 1rem; margin:0 0 5px 0; color: #ffffff;
line-height:1; font-weight:500; text-shadow:1px 1px 0px #000000; padding:3px 0 0px 0; margin-right:35px;}
.banner-left{ padding:18px 20px 18px 20px !important;}
.btn-fb:hover { background-color:#4267B2;}
.btn-twit:hover{ background-color:#1DA1F2;}
.btn-mobapp {border:1px solid #cccccc; background-color:; color:#FFFFFF;}
.btn-mobapp i{ font-size:1.25rem;}
.btn-mobapp span{font-size:.75rem; line-height:1;}
.btn-mobapp font{font-size:.6rem; line-height:1;}
.btn-mobapp:hover {border:1px solid #d8d8d8 !important; background-color: rgba(0, 0, 0, .9);}
.btn-probrpt {border:1px solid #cccccc; background-color:; color:#FFFFFF;}
.btn-probrpt i{ font-size:1.25rem;}
.btn-probrpt span{font-size:.75rem; line-height:1;}
.btn-probrpt font{font-size:.6rem; line-height:1;}
.btn-probrpt:hover {border:1px solid #d8d8d8 !important; background-color: rgba(0, 0, 0, .9);}
.social-media-1 {border:1px solid #999 !important;}
.social-media-1:hover { background-color:#4267B2;border:1px solid #ffffff !important;}
.social-media-2 {border:1px solid #999 !important;}
.social-media-2:hover{ background-color:#00ACEE;border:1px solid #ffffff !important;}
.mobile-app-btn { display:none;}
#section-1 {
height:62vh;
color: #fff;
background-color: #222;
position: relative;
}
.welcome{ display:flex; align-items:center;
position: absolute; z-index:3; height:55vh;
}
.content h222222 {
color: #fff; text-shadow:2px 2px 0px #222222; font-family:'Barlow Condensed', Helvetica, sans-serif;
position: relative;
z-index: 2;
font-size:1.95rem !important; line-height:1 !important;
margin-bottom:0px; font-weight:800;
}
.content h4 {
color: #fff;text-shadow:2px 2px 0px #222222; font-family:'Playfair Display', Helvetica, sans-serif;
position: relative;
z-index: 2;
font-size:1.1rem !important; line-height:.8 !important;
font-weight: 400;
}
.content h2 {
color: #fff; text-shadow:2px 2px 0px #222222; font-family:'Barlow Condensed', Helvetica, sans-serif;
position: relative;
z-index: 2;
font-size: 2.2rem !important; line-height:1 !important;
margin-bottom:-1px; font-weight:800;
}
.content h2 span{
color: #FFCC00; text-shadow:2px 2px 0px #222222; font-family:'Bebas Neue', Helvetica, sans-serif;
position: relative; font-weight:100;font-size: 2.3rem !important;
z-index: 2;
margin-bottom: 2px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.category_area{width:92%; height:auto; margin:-5.8% auto 0px auto; background-color:rgba(0, 51, 102, 0);padding:20px 0px 10px 0; position:relative; z-index:6;}
.category_wrapper {
display: flex;
align-items: center;
justify-content: center; }
.row2 {
width:100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.col2 {
flex: 1 1 12.5%;
margin: 0 0 0 0;
padding: 0px;
box-sizing: border-box;
}
.col-span-1 {
flex-basis: 12.5%;
}
.button {
border:0px solid rgba(255,255,255,0.5);
padding: 0px;
margin: 0 auto 0 auto;
list-style: none;
display: flex; align-items:center;
flex-flow: row nowrap; }
.button-circle { font-weight:500; line-height:1;
font-size: clamp(0.64rem, 0.4679rem + 0.1547vw, 0.75rem);
font-family: 'Roboto', Helvetica, sans-serif;
color: #ffffff;text-shadow: 1px 1px 0px #222222; text-transform:uppercase;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
-ms-border-radius: 240px;
-o-border-radius: 240px;
border-radius: 240px;
width:104px;
height:104px;
padding:0px;
background: linear-gradient(to bottom, #0066cc 50%, #003366 100%);
border:4px solid #ffffff;
box-shadow:
0 0 0 2px #1b1b1b;
}
.button-circle:hover {
color:#FFFFFF; background: linear-gradient(to bottom, #003366 50%, #003366 100%);
}
.button-circle i{font-size: clamp(1.3rem, 0.8rem + 1.25vw, 1.4rem);color:#ffffff;margin:-1px 0 0 0; padding:0 0 6px 0;
text-shadow:
-1px -1px 0 #165569,
1px -1px 0 #165569,
-1px 1px 0 #165569,
1px 1px 0 #165569;
}
.button span{ padding:3px 0 0px 0; width:70%; line-height:1.2; border-top:2px solid rgba(255,255,255,0.3);border-bottom:0px solid rgba(255,255,255,0.3);}
}
/* scott THIS SEEMS TO WORK !!!! (orientation: landscape)*/
@media (min-width:568px) and (max-width:767px) and (orientation: landscape){
.mob-search { display:block !important;}
.dropholder{
width: 300px !important; font-family:'Roboto', Helvetica, sans-serif;
height: 44px;
margin:0px auto 0 auto;
padding:0px;
border-radius:7px;
color: #fff;
position: relative;
box-sizing:border-box;
background: rgba(0,0,0,0.1);
border:2px solid #FFFFFF;
animation: move 3s ease-in-out infinite;
position: relative;
}
.card2 {
background-color: #fff; width:48% !important;
border-radius: 10px;
border: none;
position: relative;
margin:0 auto 30px auto;
box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}
.category_area{ width:100%; height:auto; margin:0px auto 0 auto; padding:0px;}
.category_wrapper {
display: flex;
align-items: center;
justify-content: center; }
.row2 {
width:100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.col2 {
flex: 1 1 25%;
margin: 0 0 0 0;
padding: 0px;
box-sizing: border-box; border:4px solid #ffffff;
}
.col-span-1 {
flex-basis: 25%; text-align:center;
}
.button {
padding: 0px;
margin: 0 auto 0 auto; /* change if mobile */
text-decoration: none;
}
.button-circle { font-weight:500;font-size: clamp(0.7rem, 0.4791rem + 0.7737vw, 0.85rem);
font-family: 'Roboto Condensed', Helvetica, sans-serif;
color: #003366; text-shadow: 1px 1px 0px #ffffff; text-transform:uppercase;
-webkit-border-radius: 240px;
-moz-border-radius: 240px;
-ms-border-radius: 240px;
-o-border-radius: 240px;
border-radius: 240px;
border-radius: 0px;
width: 100%;
height: 78px;
padding:0px;
background-color: #ffffff;
border:1px solid #666666;
line-height:1.1;
bx-shadow:
0 0 0 5px #ffffff,
0 0 0 6px #ffffff,
0 0 0 7px #ffffff;
}
.button-circle i{font-size: clamp(1.6rem, 0.8rem + 1.25vw, 1.7rem);opacity:1;color:#003366; line-height:1; margin:5px 0 5px 0; padding:0 0 0px 0;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
.codered img{ float:left;}
.radio-tile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;border: 2px solid #1b1b1b;
height: 85px; background:#ffffff; color: #222222; text-shadow:1px 1px 0px #ffffff;
border-radius: 0px;
padding: 0rem 0 0rem 0;
transition: transform 300ms ease;
}
.alert { position:relative; width:100%; background-color:#222222; border-radius:0px; margin:0px 0 0 0px;padding:2px 0 2px 0; z-index:1;}
.alert-banner {width:98%; margin-right:2%; border-left:0px solid #666666;}
.alert span {
color: #fff; height:100%; padding-top:0px;
transform: translateY(-100%);
transition: 0.25s ease;
}
.alert span a, .alert span p{ display:flex; align-items:center;font-size: clamp(0.8rem, 0.132vw + 0.78rem, 0.9rem); margin:0px 0 0px 0; padding:0;line-height:1.6;
font-weight:400; text-shadow:1px 1px 0px #000000; padding:0px 0 1px 0; margin-right:35px;}
.alert span a:before, .alert span p:before{content:'\2022'; color: #FF9900; text-shadow:1px 1px 0px #000000; padding-right:4px;
}
.alert.active span {
transform: translateY(0%);
}
.alert-banner-close {
position: absolute;
top: 50%;
right: 5px;
width: 20px;
height: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer; z-index:99;
}
.alert-banner-close2 {display:flex; align-items:center; justify-content:flex-start; width:auto; padding:0px 10px 1px 10px;
color: #ffffff;font-family:'Barlow Condensed', Helvetica, sans-serif;font-size: 1.4rem;
font-weight:700;
cursor: pointer;
background-color:#222222;
text-shadow:1px 1px 0px #222222;
}
}
@media (min-width:768px) and (max-width:950px) and (orientation: landscape){
.lands{display:block !important;}
.mob-search { display:block !important;}
.card2 {
background-color: #fff; width:94% !important;
border-radius: 10px;
border: none;
position: relative;
margin:0 auto 30px auto;
box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}
#section-1 {
display:none !important;
}
#section-1 .content-slider { display:none !important;
}
.dropholder{
width: 42% !important; font-family:'Roboto', Helvetica, sans-serif;
height: 44px;
margin:0px auto 0 auto;
padding:0px;
border-radius:7px;
color: #fff;
position: relative;
box-sizing:border-box;
background: rgba(0,0,0,0.1);
border:2px solid #FFFFFF;
animation: move 3s ease-in-out infinite;
position: relative;
}
.cd-main-header {
background:#ffffff; height:64px; top:-1px; border-bottom:1px solid #999999;
}
.cd-logo {
position: absolute;
top: 2px;
left: 2px; width:auto; height:59px;
}
#section-1 {
height:0vh;
color: #fff;
background-color: #fff;
position: relative;
}
#section-1 .content-slider {
position: relative;
width: 100%;
height:100%;
}
#section-1 .content-slider .sec-1-input {
display: none;
}
#section-1 .content-slider .slider {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.welcome{
position: absolute; z-index:3; height:0vh; margin:0px; padding:0px;
}
.main-logo{ width:100%; height: auto; }
.category_area{ width:100%; height:auto; margin:10px auto -20px auto;}
.category_wrapper {
display: flex; align-items: center; justify-content: center;}
.row2 {
width:100%;
display: flex;
flex-direction: row;
flex-wrap:nowrap;
}
.col2 {
flex: 1 1 12.5%;
margin: 0 0 0 0;
padding: 0px;
box-sizing: border-box; border:4px solid #ffffff;
}
.col-span-1 {
flex-basis: 12.5%;
}
.button {
padding: 0px;
margin: 0 auto 0 auto; /* change if mobile */
text-decoration: none; text-align:center;background-color: #ffffff;
}
.button-circle { font-weight:500;font-size: clamp(0.7rem, 0.278rem + 0.8791vw, 0.8rem);
font-family: 'Roboto Condensed', Helvetica, sans-serif; text-align:center !important;
color: #003366; text-shadow: 1px 1px 0px #ffffff; text-transform:uppercase;
border-radius: 0px;
width: 100%;
height: 94px;
padding:0px;
background: #ffffff;
border:1px solid #666666 !important;
line-height:1.1;
box-shadow:
0 0 0 5px #ffffff,
0 0 0 6px #ffffff,
0 0 0 7px #ffffff;
}
.button-circle i{font-size: clamp(1.6rem, 0.8rem + 1.25vw, 1.7rem);opacity:1;color:#003366; line-height:1; margin:5px 0 4px 0; padding:0 0 0px 0;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff;
}
.alert { position:relative; width:100%; background-color:#222222; border-radius:0px; margin:-3px 0 0 0px;padding:2px 0 0 0; z-index:1;}
.alert-banner {width:98%; margin-right:2%; border-left:0px solid #666666;}
.alert span {
color: #fff; height:100%; padding-top:4px; padding-bottom:4px;
transform: translateY(-100%);
transition: 0.25s ease;
}
.alert span a, .alert span p{ display:flex; align-items:center;font-size: clamp(0.8rem, 0.132vw + 0.78rem, 0.9rem); margin:0px 0 0px 0;line-height:1.5;
font-weight:400; text-shadow:1px 1px 0px #000000; padding:0px 0 1px 0; margin-right:35px;}
.alert span a:before, .alert span p:before{content:'\2022'; color: #FF9900; text-shadow:1px 1px 0px #000000; padding-right:4px;
}
.alert.active span {
transform: translateY(0%);
}
.alert-banner-close {
position: absolute;
top: 50%;
right: 5px;
width: 20px;
height: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer; z-index:99;
}
.alert-banner-close2 {display:flex; align-items:center; justify-content:flex-start; width:auto; padding:0px 10px 1px 10px;
color: #ffffff;font-family:'Barlow Condensed', Helvetica, sans-serif;font-size: 1.7rem;
font-weight:700;
cursor: pointer;
background-color:#222222;
text-shadow:1px 1px 0px #222222;
}
.alert-banner-close2 i{font-size:.8rem; line-height:1; text-align:left; padding:0; margin:4px 0 0 0;
color: #FF3300; border-radius:50%; border:1px solid #990000;
box-shadow:
0 0 0 1px #000,
0 0 0 3px #fff;
}
.list-unstyled5 li span{font-size:clamp(.85rem, .65vw, 1rem); color: #333333; text-shadow:1px 1px 0px #ffffff; line-height:1.6;font-weight:500; padding:0px 3px 0 3px; margin-right:3px; text-transform:none; background-color:rgba(30,41,59,0); border:0px solid #cc0000; }
.mobile-nav2 { display:block !important; }
.codered img{ float:left;}
}
.btn-report{
margin-top:.10465rem; padding-top:.01rem !important;
border-color:#fff;line-height:1 !important; border:1px solid rgba(255,255,255,.5); background-color:rgba(255,255,255,0);
}
.content .phoneN, .content .problemR {font-family:'Roboto', Helvetica, sans-serif; line-height:1.7rem; text-shadow:1px 1px 0px #003366;font-size: clamp(0.8rem, 0.6533rem + 0.3056vw, 1rem); line-height:1.65rem; font-weight:400; }
.btn-report i{ padding-top:1px;
text-shadow:
-.03rem -.03rem 0rem #000,
.03rem -.03rem 0rem #000,
-.03rem .03rem 0rem #000,
.03rem .03rem 0rem #000 !important;
}
.btn-report:hover{
color:#ffffff;
background-color:rgba(0,0,0,0);
border-color:rgba(255,255,255,0.4);
}
.btn-chck:focus+.btn-reort,.btn-reprt:focus{
color:#fff; text-shadow:1px 1px 0px #000000;
background-color:rgba(0,0,0,0);
border-color:#fff;
box-shadow:0 0 0 0rem rgba(11,172,204,0);
}
.buttonn {
display: inline-block;
height: 50px;
line-height: 50px;
padding-right: 30px;
padding-left: 50px;
position: relative;
background-color:#ffffff;
color:#111111;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
border:1px solid #999999;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-shadow:0px 1px 0px rgba(0,0,0,0.5);
}
.buttonn span {
position: absolute;
left: 20px;
width: auto;
background-color:rgba(0,0,0,0);
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 0px solid rgba(0,0,0,0.15);
}
.side-1{margin-top:5px; margin-bottom:5px;}
.side-1 ul{ display:flex; flex-direction:column;flex-wrap: nowrap;}
.top-info {line-height:normal; text-shadow:1px 1px 0px #ffffff;}
.top-info h6 {font-family: 'Roboto', Helvetica, sans-serif; font-size: clamp(.8rem, 1.0826rem + 0.4311vw, .95rem) !important; text-transform:uppercase; font-weight:600; text-shadow:1px 1px 0px #ffffff;}
.top-info ul{ display:flex; flex-direction:row;flex-wrap: nowrap;}
.top-info li {font-family: 'Roboto', Helvetica, sans-serif; font-style:;font-size: clamp(.9rem, 1.0826rem + 0.4311vw, 1rem); text-transform:uppercase; font-weight:600; color: #1b1b1b; text-shadow:1px 1px 0px #ffffff;}
.top-info li p{font-family: 'Roboto', Helvetica, sans-serif; font-style:;font-size: clamp(1.1rem, 1.0826rem + 0.4311vw, 1.2rem); text-transform:uppercase; font-weight:600; color: #1b1b1b; text-shadow:1px 1px 0px #ffffff;}
.top-info li span{font-family: 'Roboto', Helvetica, sans-serif; font-style:;font-size: clamp(1rem, 1.0826rem + 0.4311vw, 1.1rem); text-transform: none; font-weight:600; color: #1b1b1b; text-shadow:1px 1px 0px #ffffff;}
.modal {
border-radius: 7px;
overflow: hidden;
background-color: transparent; }
.modal .modal-content {
background-color: transparent;
border: none;
border-radius: 7px; }
.modal .modal-content .modal-body {
border-radius: 7px;
overflow: hidden;
background-color: #fff;
padding-left: 0px;
padding-right: 0px;
-webkit-box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9); }
.modal .modal-content .modal-body h2 {
font-size: 18px; }
.modal .modal-content .modal-body p {
color: #777;
font-size: 14px; }
.modal .modal-content .modal-body h3 {
color: #000;
font-size: 22px; }
.modal .modal-content .modal-body .close-btn {
color: #000; }
.main-content a img {
width: 830px !important; }
form label{font-family:'Montserrat', Helvetica, sans-serif;font-size: clamp(0.9375rem, -0.0281rem + 6.1798vw, 1.625rem); font-weight:500; line-height:1; color:#000000; text-shadow:1px 1px 0px #ffffff;}
form p {font-family:'Roboto', Helvetica, sans-serif; font-size: clamp(0.875rem, -0.1784rem + 6.7416vw, 1.625rem); font-weight:400; line-height:1; color:#000000 !important; text-shadow:1px 1px 0px #ffffff;}
.close-btn {
position: absolute;
right: 20px;
top: 20px;
font-size: 20px; color:#000000; }
.close-btn span {
color: #000; }
.close-btn:hover {
color: #000 !important; }
.master_site_wrapper {
background: url(../img/6666test2.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: right center;
height: 300px; margin-bottom:-111px; color:#00CCFF
}
.section_title h3 {
font-family:'Roboto', Helvetica, sans-serif; font-weight:900 !important; padding:0px; color: #ffffff; text-shadow:1px 1px 0px #ffffff; text-transform:uppercase;
font-size: clamp(1.6rem, 1.5701rem + 0.1916vw, 1.8rem);line-height:1;
}
.list-unstyled3 { }
.list-unstyled3 li {font-family: 'Roboto', Helvetica, sans-serif;font-size: clamp(1rem, 0.7786rem + 0.2679vw, 1.1rem); line-height:1.1;font-weight:400; color:#1b1b1b; border-bottom:1px dashed #999999 !important; padding-bottom:4px; margin-bottom:6px;}
.list-unstyled3 li:first-child { padding-top:8px;}
.list-unstyled3 li:last-child { border-bottom:0px !important;}
.list-unstyled3 li a { line-height:1; color:#222222; }
.list-unstyled3 .shortdesc{font-size: clamp(.9rem, 0.1rem + .7vw, 2rem);color:#1b1b1b; line-height:1;font-weight:400; padding-bottom:5px; }
.list-unstyled3 .card-title {line-height:1 !important; padding-bottom:1px; }
.list-unstyled3 li b{color:#1b1b1b; font-weight:500; }
.list-unstyled3 li .email4 {
}
.list-unstyled3 li a:hover {color:#1b1b1b;}
#button5 {
display: inline-block;
background-color: #FF9800;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#button5::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#button5:hover {
cursor: pointer;
background-color: #333;
}
#button5:active {
background-color: #555;
}
#button5.show {
opacity: 1;
visibility: visible;
}
/* Styles for the content section */
@media (min-width: 500px) {
#button5 {
margin: 30px;
}
}
#page-loading {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
background-color: #F5F5F5;
}
.three-balls {
margin: 0 auto;
width: 270px;
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 45%; float:left;
}
.three-balls .ball {
position: relative;
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
-webkit-animation: bouncedelay 2.0s infinite cubic-bezier(.62, .28, .23, .99) both;
animation: bouncedelay 2.0s infinite cubic-bezier(.62, .28, .23, .99) both;
}
.three-balls .ball1 {
-webkit-animation-delay: -.10s;
animation-delay: -.10s;
}
.three-balls .ball2 {
-webkit-animation-delay: -.05s;
animation-delay: -.05s;
}
@keyframes bouncedelay {
0% {
bottom: 0;
background-color: #03A9F4;
}
16.66% {
bottom: 40px;
background-color: #FB6542;
}
33.33% {
bottom: 0px;
background-color: #FB6542;
}
50% {
bottom: 40px;
background-color: #FFBB00;
}
66.66% {
bottom: 0px;
background-color: #FFBB00;
}
83.33% {
bottom: 40px;
background-color: #03A9F4;
}
100% {
bottom: 0;
background-color: #03A9F4;
}
}
@-webkit-keyframes bouncedelay {
0% {
bottom: 0;
background-color: #03A9F4;
}
16.66% {
bottom: 40px;
background-color: #FB6542;
}
33.33% {
bottom: 0px;
background-color: #FB6542;
}
50% {
bottom: 40px;
background-color: #FFBB00;
}
66.66% {
bottom: 0px;
background-color: #FFBB00;
}
83.33% {
bottom: 40px;
background-color: #03A9F4;
}
100% {
bottom: 0;
background-color: #03A9F4;
}
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 12px; font-weight:600;
border: none;
outline: none;
background-color:rgba(204, 0, 0, .8);
color: white;
cursor: pointer;
padding:10px;
border-radius: 4px;
}
#myBtn i { font-size:16px;}
#myBtn:hover {
background-color:rgba(204, 0, 0, 1);
}
#wiz input[type=text], #wiz input[type=email]{
border: 2px solid #000000; border-radius:0px; background-color:#FFFFFF; width:100% !important;
padding: 16px !important;
}