:root {
  --main-link-color: #e31d1a;
  --secondary-link-color: #7a2e00;
  --main-blue-color: #013ca6;
  --secondary-blue-color: #38487b;
  /*--main-red-color: #cd2b2b;*/
  /*--main-orange-color: #dd8f43;
  --main-orange-color: #d57d5c;
  --main-pink-color: #faf0ec;*/
}


/*@font-face {
    font-family: SourceSerifVariable;
    src: url("./SourceSerifVariable.otf") format("opentype");
}*/

body {
  /*font-family: 'SourceSerifVariable' !important;*/
  font-size: 16px !important;
}

h1{
  font-size: 2.5rem;
}

h2{
  font-size: 2rem;
}

h3{
  font-size: 1.75rem;
}

h4{
  font-size: 1.5rem;
}

h5{
  font-size: 1.25rem;
}

h6{
  font-size: 1rem;
}

ul.sp-megamenu-parent > li > a, ul.sp-megamenu-parent > li > span, ul.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  /*font-size: 17px;*/
  font-size: 14px;
  font-weight: 600;
}

/*********************
 *
 *
 * Fix Container
 *
 *
 *********************/

.container , .com-virtuemart.view-productdetails #mainbody ,.sppb-row-container{
 padding-right:15px;
 padding-left:15px;
 margin-right:auto;
 margin-left:auto
}
@media (min-width:768px) {
 .container , .com-virtuemart.view-productdetails #mainbody ,.sppb-row-container{
  width:750px;
 }
}
@media (min-width:992px) {
 .container , .com-virtuemart.view-productdetails #mainbody, .sppb-row-container{
  width:970px;
 }
}
@media (min-width:1200px) {
 .container , .com-virtuemart.view-productdetails #mainbody,.sppb-row-container{
  width:1170px;
 }
}
@media (min-width:1400px) {
 .container , .com-virtuemart.view-productdetails #mainbody,.sppb-row-container{
  width:1366px;
 }
}
@media (min-width:1920px) {
 .container , .com-virtuemart.view-productdetails #mainbody,.sppb-row-container{
  width:1600px;
 }
}

.sppb-section.container{
    margin: 0 auto !important;
}
/*********************
 *
 *
 * End of Fix Container
 *
 *
 *********************/
#sp-header.header-sticky {
  z-index: 1100;
}
/*********************
 *
 *
 * Page Builder Preset Colors Css
 *
 *
 *********************/

body,
.sp-preloader {
 background-color:#FFFFFF;
 color:#252525
}
.sp-preloader>div {
 background:var(--main-link-color)
}
.sp-preloader>div:after {
 background:#FFFFFF
}
#sp-top-bar {
 background:var(--main-blue-color);
 color: #fff;
}
#sp-top-bar a {
 color: #fff;
}
#sp-header {
 background:#FFFFFF
}
#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus {
 color:var(--main-link-color)
}
a {
 color:var(--main-link-color)
}

#sp-header-topbar a:hover,
a:hover,
a:focus,
a:active {
 color:#333
}
.tags>li {
 display:inline-block
}
.tags>li a {
 background:rgba(134, 188, 97, 0.1);
 color:var(--main-link-color)
}
.tags>li a:hover {
 background:#5e7a4e
}
.article-social-share .social-share-icon ul li a {
 color:#252525
}
.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
 background:var(--main-link-color)
}
.pager>li a {
 border:1px solid #ededed;
 color:#252525
}
.sp-reading-progress-bar {
 background-color:var(--main-link-color)
}
.sp-megamenu-parent>li>a {
 color:#252525
}
.sp-megamenu-parent>li:hover>a {
 color:var(--main-link-color)
}
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
 color:var(--main-link-color)
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
 background:#FFFFFF
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
 color:#252525
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
 color:var(--main-link-color)
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
 color:var(--main-link-color)
}
.sp-megamenu-parent .sp-mega-group>li>a {
 color:#252525
}
.sp-megamenu-parent .sp-mega-group>li>a:hover {
 color:var(--main-link-color)
}
#offcanvas-toggler>.fa {
 color:#252525
}
#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
 color:var(--main-link-color)
}
#offcanvas-toggler>.fas {
 color:#252525
}
#offcanvas-toggler>.fas:hover,
#offcanvas-toggler>.fas:focus,
#offcanvas-toggler>.fas:active {
 color:var(--main-link-color)
}
#offcanvas-toggler>.far {
 color:#252525
}
#offcanvas-toggler>.far:hover,
#offcanvas-toggler>.far:focus,
#offcanvas-toggler>.far:active {
 color:var(--main-link-color)
}
.offcanvas-menu {
 background-color:#FFFFFF;
 color:#252525
}
.offcanvas-menu .offcanvas-inner a {
 color:#252525
}
.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
 color:var(--main-link-color)
}
.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span {
 color:#252525
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
 color:var(--main-link-color)
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
 color:rgba(37, 37, 37, 0.5)
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
 color:rgba(37, 37, 37, 0.5)
}
.offcanvas-menu .offcanvas-inner ul.menu>li li a {
 color:rgba(37, 37, 37, 0.8)
}
.btn-primary,
.sppb-btn-primary {
 border-color:var(--main-link-color);
 background-color:var(--main-link-color)
}
.btn-primary:hover,
.sppb-btn-primary:hover {
 border-color:var(--main-link-color);
 background-color:var(--main-link-color);
}
ul.social-icons>li a:hover {
 color:var(--main-link-color)
}

.sp-page-title {
 background:var(--main-blue-color);
}
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading,
.sp-page-title .breadcrumb > li > a,
.sp-page-title .breadcrumb li,
.sp-page-title .breadcrumb > li + li::before{
  color: #fff !important;
}
.layout-boxed .body-innerwrapper {
 background:#FFFFFF
}
.sp-module ul>li>a {
 color:#252525
}
.sp-module ul>li>a:hover {
 color:var(--main-link-color)
}
.sp-module .latestnews>div>a {
 color:#252525
}
.sp-module .latestnews>div>a:hover {
 color:var(--main-link-color)
}
.sp-module .tagscloud .tag-name:hover {
 background:var(--main-link-color)
}
.search .btn-toolbar button {
 background:var(--main-link-color)
}
#sp-footer,
#sp-bottom,
#sp-bottom-menu {
 font-size: inherit;
 /*background:#171717;*/
 background: #34363a;
 color:#FFFFFF
}

#sp-footer a,
#sp-bottom a,
#sp-bottom-menu a {
 color:#A2A2A2
}
#sp-footer a:hover,
#sp-footer a:active,
#sp-footer a:focus,
#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus,
#sp-bottom-menu a:hover,
#sp-bottom-menu a:active,
#sp-bottom-menu a:focus {
 color:#FFFFFF
}
#sp-bottom .sp-module-content .latestnews>li>a>span {
 color:#FFFFFF
}
.sp-comingsoon body {
 background-color:var(--main-link-color)
}
.pagination>li>a,
.pagination>li>span {
 color:#252525
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
 color:#252525
}
.pagination>.active>a,
.pagination>.active>span {
 border-color:var(--main-link-color) !important;
 background-color:var(--main-link-color) !important
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
 border-color:var(--main-link-color);
 background-color:var(--main-link-color)
}
.error-code,
.coming-soon-number {
 color:var(--main-link-color)
}

/*********************
 *
 *
 * End Of Page Builder Preset Colors Css
 *
 *
 *********************/

/*********************
 *
 *
 * Title bottom shape
 *
 *
 *********************/

.sp-page-title {
    /*background: #f2f2f2;*/
    /*background: var(--main-color);*/
    position: relative;
    padding: 70px 0 130px 0 !important;
}

.sp-page-title::after , .custom_breadcrumb_shape:after{
    content: "";
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 316' preserveAspectRatio='none' data-yoyo='1'%3E%3Cpath fill='RGBA(255,255,255,0.5019607843137255)' duration='12' ease='easeInOutSine' d='M1920,132C1920,132,1776,241,1570,241C1364,241,1200,85,925,85C640,85,544,196,280,196C132,196,0,120,0,120L0,318L1920,318L1920,132z' to-d='M1920,132C1920,132,1776,241,1570,241C1364,241,1200,85,925,85C640,85,544,196,280,196C132,196,0,120,0,120L0,318L1920,318L1920,132z' opacity='0.5'%3E%3C/path%3E%3Cpath fill='RGBA(255,255,255,0.5019607843137255)' duration='20' delay='0.5' ease='easeInOutSine' d='M1920,185C1920,185,1839,260,1557,260C1275,260,1315,185,1097,185C879,185,801,290,723,290C644,290,562,221,438,221C287,221,298,282,202,282C106,282,0,221,0,221L0,318L1920,318L1920,185z' to-d='M1920,185C1920,185,1839,260,1557,260C1275,260,1315,185,1097,185C879,185,801,290,723,290C644,290,562,221,438,221C287,221,298,282,202,282C106,282,0,221,0,221L0,318L1920,318L1920,185z' opacity='0.5'%3E%3C/path%3E%3Cpath fill='RGBA(255,255,255,0.5019607843137255)' duration='8' delay='1' ease='easeInOutSine' d='M1920,242C1920,242,1836,287,1706,287C1576,287,1442,266,1371,266C1299,266,1239,300,1086,300C896,300,918,215,771,215C639,215,574,285,412,287C311,289,272,206,149,206C26,206,0,215,0,215L0,318L1920,318L1920,242z' to-d='M1920,242C1920,242,1836,287,1706,287C1576,287,1442,266,1371,266C1299,266,1239,300,1086,300C896,300,918,215,771,215C639,215,574,285,412,287C311,289,272,206,149,206C26,206,0,215,0,215L0,318L1920,318L1920,242z' opacity='0.5'%3E%3C/path%3E%3Cpath fill='RGBA(255,255,255,1)' d='M1920,316L1920,206C1560,346,360,346,0,206L0,320L1920,320z' to-d='M1920,316L1920,206C1560,346,360,346,0,206L0,320L1920,320z'%3E%3C/path%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg fill='RGBA(255,255,255,1)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0,22.3V0H1000V100Z' transform='translate(0 0)' style='opacity:0.66'%3E%3C/path%3E%3Cpath d='M0,6V0H1000V100Z' transform='translate(0 0)'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    bottom: 0;
    left: 0;
    /*height: 100px;*/
    width: 100%;
    background-size: 100% 100%;
    z-index: 3;

    height: 80px;
    transform: rotateX(180deg);
    fill: #fff;
}

/*********************
 *
 * END OF
 * Title bottom shape
 *
 *
 *********************/


/*********************
 *
 * BMS HELLAS CUSTOMS
 *
 *
 *********************/
.sp-page-title{
  background-position: center;
  background-size: cover;
  display: flex;
  height: 55vh;
  justify-content: center;
  align-items: center;
  padding-bottom: 5vh;
  text-shadow: 1px 2px 7px rgba(0, 0, 0, 0.9) !important;
}

@media (max-width: 575px) {
  #sp-header {
    height: 50px !important;
  }
}

#sp-header .container,
#sp-top-bar .container{
	width: 95% !important;
	max-width: 95%;
}

ul.social-icons > li:not(:last-child) {
  margin-right: 10px;
}

#sp-menu {
  height: 70px;
}

.header-sticky .logo-image {
  height: 70px;
}

.sponsors .sppb-carousel-extended-item img{
  object-fit: contain;
  /*filter: grayscale(90%);*/
  height: 85px;
  transition: all 0.3s linear;
}

.sponsors .sppb-carousel-extended-item:hover img{
  /*cursor: pointer;*/
  /*filter: grayscale(15%);*/
}

.sp-module-title {
  text-align: center;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-size: 28px;
  color: #616161;
}

.sp-module-title::before ,.sp-module-title::after {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 2px;
  width: 80px;
  background: #ddd;
  margin:0 7px 3px 7px;
}

.sp-menu-item .menu_item a{
  display: flex !important;
  align-items: center;
  flex-direction: row;
}

.sp-menu-item .menu_item img{
  width: 28px;
  margin-right: 6px;
}

.sppb-sticky-it {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) !important;
  border-top: 1px solid #ebebeb !important;
}

/* services nav menu */
.nav {
  flex-direction: column;
  width: 100%;
}

.nav .nav-item a {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
  color: inherit;
}

.nav .nav-item.current{
  color: var(--main-link-color);
  font-weight: 500;
}

.nav .nav-item a:hover {
  color: var(--main-link-color);
}

.nav .nav-item a img{
  width: 50px;
  margin-right: 15px;
}


#sp-bottom .nav .nav-item.current a{
  color: #fff !important;
  font-weight: 500;
}
#sp-bottom .nav .nav-item a{
  margin: 0 !important;
}
#sp-bottom .nav .nav-item a img{
  display: none;
}

#sp-bottom {
  padding: 40px 0 0px;
}

#sp-bottom .sp-module {
  margin-bottom: 0px;
}

#sp-top-bar .sp-module {
  margin: 0 !important;
}

#sp-top2 >div,
#sp-top1 > div{
  display: flex;
}
#sp-top1 >div{
  justify-content: flex-start;
  z-index: 9999;
  position: relative;
}
#sp-top2 >div{
  justify-content: flex-end;
}

section[id^=to] .sppb-addon-wrapper:first-child .sppb-addon-title{
  font-size: 26px !important;
  font-weight: 500 !important;
  color: #616161 !important;
  letter-spacing: 4px !important;
  margin: 40px 0 0 40px !important;
}

/*home services raw*/
.home-services .sppb-img-container{
height:96px;
display: flex !important;
align-items: center;
}
.home-services .sppb-addon-wrapper{
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
   transition: all 0.2s linear;
}
.home-services .sppb-addon-wrapper:hover{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -7px;
  transform: translateY(-5px);
}

.home-service{
  /*background-image: linear-gradient(160deg, rgba(241, 216, 180, 0.3) 0%, var(--main-link-color) 128%);*/
border-radius: 8px;
padding: 35px 15px 45px 30px;
  display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: center;

}

/*.home-service:hover{
  transform: translateY(-5px);
}*/

.home-service-image{
 /*margin-bottom:24px;*/
 filter: invert(1);
}
.home-service-text{
  /*margin-bottom: 6px;*/
  /*color: #302F40;*/
  margin-bottom: 24px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}
/* contact us bottom */
.contact-us-bottom .sppb-media .pull-left, .sppb-media .pull-right {
  width: unset !important;
}
.contact-us-bottom .sppb-addon-title {
  letter-spacing: -1px;
}
.contact-us-bottom .sppb-img-container {
  padding: 0;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 75px !important;
  height: 75px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.contact-us-bottom .sppb-img-container img {
    width: 45px;
   height: 45px;
  }
  
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a{
    display:flex;
    flex-direction:row;
    align-items: center;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a img {
  width: 30px;
  margin-right: 5px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li ul {
  margin-left: 0px !important;
}

.offcanvas-menu .menu-toggler{
pointer-events:none;
}

@media screen and (max-width: 992px) {
  .logo-image {
    height: 75px !important;
  }
  #sp-menu > .sp-column {
    height: auto !important;
  }
  
}

.sp-has-child > a:after{display: none;}