/* ===================================================
 * @author (  Joomla4All / Arno Schumm  ) https://www.joomla4all.nl
 * @package Joomla
 *   @copyright (C) 2005-2016 Open Source Matters. All rights reserved.
 *   @license GNU/GPL, see LICENSE.php
 *     Joomla! is free software. This version may have been modified pursuant to the
 *     GNU General Public License, and as distributed it includes or is derivative
 *     of works licensed under the GNU General Public License or other free or open
 *     source software licenses. See COPYRIGHT.php for copyright notices and details.
 * @package Helix3 Framework ( JoomShaper )
 *   @author AGETHEMES http://www.agethemes.com
 *   @copyright (c) 2010-2015 AGETHEMES
 *   @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 * @package QuatuorA http://www.quatuora.nl
 *   @copyright QUATUORA (C) 2017-2021 - All rights reserved
 *   @modification date 05-03-2021
 *   @version 1.1
 *   @copyright (C) 2005-2016 Open Source Matters. All rights reserved.
 * ===================================================
 * SETTINGS
 *
 *   Colors:
 *   Geel ..... #FFB900 .. rgba(255, 185, 0, 1)
 *   Oranje ... #F25022 .. rgba(242, 80, 34, 1)
 *   Grijs .... #8E8E8E .. rgba(232, 232, 232, 1)
 *   Groen .... #7FBA00 .. rgba(127, 186, 0, 1)
 *   Blauw .... #00A3EF .. rgba(0, 163, 239, 1)
 *   LGgrijs .. #FAFBFD .. rgba(250, 251, 253, 1)
 *
 *   Grijs .... #E8E8E8 

 *   Text ..... #2C3E50 .. rgba(44, 62, 80,1.0) #Midnight Blue
 *   Background #ECF0F1 .. rgba(236, 240, 241,1.0) #CLOUDS
 *
 *  font-family: 'Nunito', sans-serif;
 *  border: 1px solid #f3f3f3;
 *  

 *  Dark   #2c3e50
 *  Blauw  #2980b9
 *  Groen  #16a085
 *  Grijs  #bdc3c7
 *  Oranje #d35400 
 *
 * =================================================== */

/**** LOAD CUSTOM FONTS =================================================== */
/*@import url('https://cdn.jsdelivr.net/npm/simple-line-icons@2.4.1/css/simple-line-icons.css');*/

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Syncopate&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Gruppo&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;600&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');*/

/*@import url('../css/font-awesome.min.css');*/
/*@import url('//db.onlinewebfonts.com/c/69aa6e47feff717f5adbb879237f8bbc?family=simple-line-icons');*/
/*@import url('https://use.fontawesome.com/releases/v5.13.0/css/all.css');*/
/*   @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*@import url('https://use.fontawesome.com/releases/v5.0.8/css/all.css');*/

/*ensure you set the url path to reference the directory containing the font files*/

/* Including one css file into other =================================================== */
/**** Print / Mobile Style / FONTS =================================================== */
/*@import "printstyle.css" print; /* Import the "printstyle.css" style sheet ONLY if the media is print */
/*@import "mobstyle.css" screen and (max-width: 768px); /* Import the "mobstyle.css" style sheet ONLY if the media is screen and the viewport is maximum 768 pixels */
/*@import "icomoon.css"; /* Using a string */

/**** Ultimate =================================================== */
/*@import "article-custom.css"; /* Using a string */
/*@import "login-custom.css"; /* Using a string */
/*@import "tooltip-custom.css"; /* Using a string */
/*@import "weblinks-custom.css"; /* Using a string */
/*@import "offcanvas-custom.css"; /* Using a string */
/*@import "megamenu-custom.css"; /* Using a string */
/*@import "scrolbar-custom.css"; /* Using a string */
/*@import "responsive-custom.css"; /* Using a string */

/**** Default =================================================== */
/*@import "default.css"; /* Using a string */

/**** VirtueMart =================================================== */
/*@import "virtuemart-custom.css"; /* Using a string */
/*@import "vm-bs4-common-custom.css"; /* Using a string */
/*@import "vm-ltr-common-custom.css"; /* Using a string */
/*@import "vm-ltr-reviews-custom.css"; /* Using a string */
/*@import "vm-ltr-site-custom.css"; /* Using a string */
/*@import "vm-panels-custom.css"; /* Using a string */
/*@import "checkout-custom.css"; /* Using a string */
/*@import "vmsite-custom.css"; /* Using a string */
/*@import "vmsite_rtl-custom.css"; /* Using a string */

/*body {
  background-image: url("../../../images/background/typewriter.jpg");
  background-position:left top;
  background-repeat: repeat-x;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: auto;
  background-color: rgb(255, 255, 255, 0) !important;
}*/

body {
    background: url(../../../images/pageglare.png) no-repeat, url(../../../images/page.jpeg) no-repeat, #B3B4AC;
    background-attachment: fixed, fixed, scroll !important;
    /*margin: 0 auto;
    font-size: 14px;
    font-family: 'Prosto One', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    overflow: hidden;*/
  }

#sp-header, .sp-menu.menu-with-social {
   background-color: rgb(86, 86, 86, 0.7);
  }
.sp-megamenu-parent > li > a {
   color:rgb(255, 251, 32)
  }
.sp-megamenu-parent > li.active:hover > a  {
    color:rgb(237, 237, 235)
   }
.sp-megamenu-parent>li.active > a {
    color:rgb(249, 198, 15)
}
.sp-megamenu-parent > li > a:hover  {
  color:rgb(237, 237, 235)
 }

  #sp-logo > div {
      flex: 0 0 auto;
    width: 100% !important; 
    color: #252525 !important;
  }

.container, container-inner{
   background: rgba(102, 102, 102, 0.4) !important;
}

.layout-boxed .body-innerwrapper {
    background: rgba(102, 102, 102, 0.1) !important;
}