/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 26 2021 | 07:23:30 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.octf-btn.octf-btn-dark {
    background: #1B3F97;
  border-color: #1B3F97;
}
.octf-btn.octf-btn-dark:before, .octf-btn.octf-btn-dark:after {
    background: #1B3F97;
}
.elementor-4447 .elementor-element.elementor-element-5f0ab4f .octf-btn {
    border-color: #1B3F97;
}

.site-footer .grid-lines {
  display: none;
}

/**.page-header {
    background-image: url(/wp-content/uploads/2021/09/page-header.jpg)!important;
}
**/


.main-navigation ul ul {
  background-color: #1B3F97;
}

.octf-btn {
  background: #1B3F97;
}

.wpcf7 .main-form button:hover {
    background: #fff;
    color: #1B3F97;
    border-color: #1B3F97;
}

.widget-area .widget_nav_menu ul li.current-menu-item a {
    color: #fff;
    background: #1B3F97;
}
.widget-area .widget_categories ul li a:hover, .widget-area .widget_archive ul li a:hover, 
.widget-area .widget_nav_menu ul li a:hover, .widget-area .widget_product_categories ul li a:hover {
    background: #1B3F97;
}
.icon-box--bg-color .icon-main {
  margin-top: 0px;
}

@media only screen and (max-width: 1024px) {
.header_mobile.open, .header_mobile.is-stuck {
    background: #1B3F97;
}
}
@media (max-width: 479px) {
.cate-lines h2 {
    font-size: 26px!important;
}
}

@media (max-width: 767px) {
.header-mobile .elementor-column {
    width: 50%;
  padding: 0 20px;
}
  .site-footer .elementor-1334 .elementor-element.elementor-element-9a73e59 {
    width: 100%;
}
  .site-footer .elementor-1334 .elementor-element.elementor-element-9d51a93 {
    width: 100%;
}
  .site-footer .elementor-1334 .elementor-element.elementor-element-152061b {
    width: 100%;
    margin-top: 50px;
}
}

@media screen and (min-width: 1024px) {
section.is-stuck {
    background-color: #1B3F97;
}
}

@media only screen and (max-width: 1024px) {
.octf-main-header, .header-desktop {
    display: block;
}
  .header-mobile {
    display: none;
}
  .main-navigation > ul > li {
    margin: 0 10px;
}
  div.elementor-widget-heading h6.elementor-heading-title {
    font-size: 14px;
    margin-right: 10px;
}
  .elementor-2724 .elementor-element.elementor-element-1e72f5b {
    padding: 0!important;
}
  .header-desktop .header-main {
    padding: 0!important;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
.elementor-2158 .elementor-element.elementor-element-7b9c674 {
     width: 50%;
}
  .elementor-2158 .elementor-element.elementor-element-9c7d406 {
    width: 50%;
}
  .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
    width: 50%!important;
}
  .elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
    width: 33.333%!important;
}
  .elementor-column.elementor-col-25, .elementor-column[data-col="25"] {
    width: 25%!important;
}
  .elementor-1958 .elementor-element.elementor-element-58b2164 > .elementor-element-populated {
    margin: 0;
}
  .elementor-4442 .elementor-element.elementor-element-ccd6ed0 {
    width: 20%!important;
}
  .elementor-4442 .elementor-element.elementor-element-6e85624 {
    width: 69.332%!important;
}
  .elementor-4442 .elementor-element.elementor-element-f0601b0 {
    width: 10%!important;
}
}

@media only screen and (max-width: 992px) {
.octf-main-header, .header-desktop {
    display: none;
}
  .header-mobile {
    display: block;
}
  
}

.box_view_html .elementor-icon-list-items {
  list-style: none;
}
.box_view_html li.elementor-icon-list-item a {
  color: #fff
}