@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

html {
font-family: 'Montserrat', sans-serif;
}

p {
line-height: 1.6;
font-family: 'Montserrat', sans-serif;
}

footer {
background-color: #051054;
padding: 50px 0px 0px 0px;
margin: 90px 0px 0px 0px;
}

h1 {
color: #224092;
margin: 50px 0px 30px 0px;
font-weight: normal;
font-family: 'Montserrat', sans-serif;
}


h1.authorization {
color: #224092;
margin: 0px 0px 30px 0px;
font-weight: normal;
font-family: 'Montserrat', sans-serif;
}

h2 {
    color: #224092;
    margin: 0px 0px 30px 0px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    }

h3 {
color: #224092;
margin: 0px 0px 10px 0px;
font-weight: normal;
font-family: 'Montserrat', sans-serif;
}

h4 {
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 500;
margin-bottom: 0px;
}

footer p {
color: #FFF;
font-family: 'Montserrat', sans-serif;
}

.icnFooter {
background-color: #224092;
}

.footerIcon {
margin-top: 40px;
}

.header {
text-align: center;
min-height: 300px;
background-image: url('../images/header.jpg');
color: #FFF;
display: flex;
width: 100%;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
justify-content: center;
align-items: center;
margin-bottom: 50px;
background-size: cover;
background-position: center;
}

.footerSectionTwo {
background-color: #002157;
padding: 30px 0px 30px 0px;
}

.footerSectionTwo p {
font-size: 14px;
line-height: 1.6;
}

.footerSectionThree {
background-color: #00093b;
padding: 10px 0px 0px 0px;
}


h3 {
color: #224092;
font-size: 25px;
}

.greyBG {
background-color: #f5f5f5;
padding: 60px 0px 60px 0px;
}

.greyBGsm {
background-color: #f5f5f5;
padding: 20px 0px 20px 0px;
margin: 50px 0px 30px 0px;
}


.topHdr {
background-color: #002157;
padding: 10px 0px;
text-align: right;
}

.header h1 {
color: #FFF;
}


.icon_title {
color: #224092;
margin: 30px 0px 0px 0px;
} 

.theName {
color: #224092;
margin: 10px 0px 0px 0px;
}


.theTitle {
margin: 10px 0px 0px 0px;
font-size: 14px;
}

p.newsTitle {
  color: #000;
  font-weight: normal;
  font-size: 18px;
  margin: 0px 0px 0px 0px;
  }

a.theEmail {
margin: 0px 0px 40px 0px;
font-size: 12px;
color: #212529;
}


p.theEmail {
margin: 0px 0px 40px 0px;
font-size: 12px;
color: #212529;
}

footer p.icon_text {
margin: 0px 0px 10px 0px;
font-size: 16px;
color: #FFF;
}

footer p.click_text {
margin: 0px 0px 50px 0px;
font-size: 13px;
color: #FFF;
}

.pageIcn {
margin: 40px 0px 0px 0px;
}




/* Contact Form 7
-------------------------------*/

/* Submit Button CF7 CSS Styles */

.wpcf7 input[type=submit] {
margin: 30px 0px 0px 0px;
font-family: 'Source Sans Pro', sans-serif;
display: inline-block;
font-weight: normal;
color: #FFF;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #0B3989;
border: 0px solid transparent;
padding: .3rem 1.5em .3em 1.5em;
font-size: 1.3rem;
letter-spacing: 1;
line-height: 2;
border-radius: 0rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* File Upload Button CF7 CSS Styles */

.wpcf7 input[type=file] {
padding:15px 25px;
background:#FFF;
color:#000;
border:0px solid #79c777;
-webkit-border-radius: 0px;
border-radius: px;
font-size: 13px;
}

/* Label Text Contact Form 7 CSS Styles */

.wpcf7 label {
padding: 0 0 10px 0;
font-size: 20px;
}

/* Text Input Field Contact Form 7 Styles */

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 .wpcf7-select {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #d9d9d9;
background-clip: padding-box;
border: 0px solid #ced4da;
border-radius: 0rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin: 10px 0px;
}


/* Textarea Field CF7 CSS Styles */

.wpcf7 textarea {
width: 100%;
height: 100px;
background-color: #d9d9d9;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
padding: 0.375rem 0.75rem;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}

#the_label {
display: none;
font-size: 17px;
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900;
text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
text-align: center;
}

div.wpcf7 .ajax-loader {
visibility: hidden!important;
display: inline-block;
background-image: url('../../assets/ajax-loader.gif');
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}


/* .wppb-user-forms h4 {
display: none;
}

.wppb-user-forms h3 {
display: none;
} */

.whiteLink a {
color: #FFF;
margin: 0px;
padding: 0px 0px 10px 0px;
}

.whiteTxt {
color: #FFF;
}

a.whiteTxt:hover {
color: #FFF;
text-decoration: none;
}

.whiteTxtNext {
  color: #FFF;
  text-transform: uppercase;
  }
  
  a.whiteTxtNext:hover {
  color: #FFF;
  text-decoration: none;
  }

p.smTxt {
font-size: 12px;
}


.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
text-transform: uppercase;
color: #231f20;
}

.navbar-light .navbar-nav .nav-link {
color: #231f20;
padding-top: 0px!important;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: #224092;
}


.navbar-nav .dropdown-menu {
position: static;
float: none;
background-color: #CCC;
margin: 10px;
}


.wppb-user-forms ul li {
list-style: none;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
}

.wppb-user-forms #wppb-loginform .login-username input[type="text"], .wppb-user-forms #wppb-loginform .login-password input[type="password"], .wppb-form-field.pbpl-class input[type="text"], .wppb-form-field.pbpl-class input[type="email"], .wppb-form-field.pbpl-class input[type="url"], .wppb-form-field.pbpl-class input[type="password"], .wppb-form-field.pbpl-class input[type="search"], .wppb-form-field.pbpl-class input[type="number"], .wppb-form-field.pbpl-class select, .wppb-form-field.pbpl-class textarea, .wppb-form-field.pbpl-class .wppb-checkboxes, .wppb-form-field.pbpl-class .wppb-radios, .wppb-form-field.wppb-wysiwyg.pbpl-class .wp-editor-wrap, #wppb-login-wrap.pbpl-class .login-username input, #wppb-login-wrap.pbpl-class .login-password input, #wppb-recover-password ul li.wppb-form-field input {
width: 100%;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
}

wppb-loginform {
margin-top: 14px;
border: 1px solid #000;
}



.separator--dots {
    overflow: visible;
    border: 0;
    content: "";
    background-color: #224092;
    display: block;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    position: relative;
  }
  .separator--dots:before {
    content: "";
    background-color: #224092;
    display: block;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    position: absolute;
    left: -32px;
    -webkit-animation: dot-move-left 1s ease-out forwards;
            animation: dot-move-left 1s ease-out forwards;
  }
  .separator--dots:after {
    content: "";
    background-color: #224092;
    display: block;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    position: absolute;
    left: 32px;
    -webkit-animation: dot-move-right 1s ease-out forwards;
            animation: dot-move-right 1s ease-out forwards;
  }
  
  @-webkit-keyframes dot-move-right {
    0% {
      left: 0;
    }
    100% {
      left: 32px;
    }
  }
  
  @keyframes dot-move-right {
    0% {
      left: 0;
    }
    100% {
      left: 32px;
    }
  }
  @-webkit-keyframes dot-move-left {
    0% {
      left: 0;
    }
    100% {
      left: -32px;
    }
  }
  @keyframes dot-move-left {
    0% {
      left: 0;
    }
    100% {
      left: -32px;
    }
  }


  .leftMargin {
    margin-top: -20px;
    margin-bottom: 20px;
  }

  .rightMargin {
    margin-top: -20px;
    margin-bottom: 20px;
  }

  label {
    display: none;
  }

  .fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
    }

    .fa, .fab, .fad, .fal, .far, .fas {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      }

      .fa-search:before {
        content: "\f002";
        }

        .input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
/* float: right; */
align-items: right;
justify-content: flex-end;
}


/* Bootstrap 4 text input with search icon */

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
  }

  .fa-search:before {
    content: "\f002";
    }

    .fa {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      }


      .btn-darkblue {
        background-color: transparent;
        color: #224092;
        font-size: 13px;
        margin: 0px 0px 10px 0px;
      }

      .btn-darkblue:hover {
        background-color: transparent;
        color: #0b9645;
        font-size: 13px;
      }


      .ll {
        width: 100%;
        max-width: 140px;
        display: block;
        margin: 0px auto;
        }


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


.productGrid {
  margin: 0px 0px 60px 0px;
}

.sizzleSheet {
  margin: 0px 0px 30px 0px;
}


#wppb_register_pre_form_message {
  display: none;
}

p.flyerTxt {
  margin: 10px 0px 40px 0px;
  font-size: 13px;
  color: #224092;
  font-style: italic;
}

@media only screen and (max-width: 425px) {
  p.flyerTxt {
    margin: 10px 0px 0px 0px;
  }
}

img.imgFlyer {
  width: 100%;
  max-width: 150px;
  margin: 30px 0px 0px 0px;
}


@media only screen and (max-width: 425px) {
  img.imgFlyer {
    width: 100%;
    max-width: 300px;
    margin: 10px 0px 0px 0px;
  }
}


h3.flyerHdr {
  font-size: 2rem;
  font-weight: bold;
  color: #224092;
}


    .btn-outline-secondary {
--bs-btn-color: #224092;
--bs-btn-border-color: #224092;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #224092;
--bs-btn-hover-border-color: #224092;
--bs-btn-focus-shadow-rgb: 108,117,125;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #224092;
--bs-btn-active-border-color: #224092;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #224092;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #224092;
--bs-gradient: none;
}