body {
 background-image:url("kavos-watersports-background.jpeg"); 
 }


.mod-header {color:white;}

#main h3 {color:white!important;}

.vm-order-done {color: yellowgreen;}

.owl-item .product-item {background-color: #00000069;}

.product-price-cont {background-color: blue;
    font-size: 16px;
    font-weight: bold;
}
.PricesalesPrice {font-size: 20px!important;}


.product-tabpanel .tab-content{
  
    color: white;
    background: none;
    font-size: 17px;
    letter-spacing: 1px;
}


.tag-sale
{
    width: 50px;
    height: 50px;
    background: red;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bolder;
    padding:0px!important;
  
}

 .mod-header-title {color: white;}
 .product-action-buttons-cont span {color: white;}
 .product-action-buttons-cont a {color: white;}
 .product-sku-cont {color: white;}
 .product-stock-cont span {color: white;}

 #vmIcons span {color:white;}

.cart-page-title {color: white!important;}
 .cart-page-title span {color: white!important;}


 .header-top {
    /* position: relative; */
    /* -webkit-box-shadow: 1px 1px 1px #efefef; */
    box-shadow:none!important;
 }

 /*  products  */
 .product-name a
   {
     color: white!important;
     font-size: 20px;
   }

   .category-name
   {
    color: white!important;
    font-size: 19px;
  }

.product-listing.mode-grid .product-name, .vp-product-carousel .vp-product-carousel-inner .product-name {
    font-size: 14px;
    padding: 15px 0 10px;
    margin: 0;
}
.product-listing .product-name, .vp-product-carousel .vp-product-carousel-inner .product-name 
{ 
     text-transform: capitalize!important;
}

.product-title {color: white;}
/*
.product-image-cont a img {
    -webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.product-image-cont a:hover img {
    -webkit-transform: scale(1);
	transform: scale(1);

}
*/

.product-short-desc-cont {color:white!important ;}

.presentation a {color:white!important ;}

.product-fields-title {color:white!important ;}

.product-tabpanel  a  {color:white!important ;}

/* Pop */
@-webkit-keyframes img-responsive {
    50% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
  }
  
  @keyframes img-responsive {
    50% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
  }


.img-responsive {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
  }
  .img-responsive:hover, .img-responsive:focus, .img-responsive:active {
    -webkit-animation-name:img-responsive;
    animation-name:img-responsive;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

  .responsive-image {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
  }
  .responsive-image:hover, .responsive-image:focus, .responsive-image:active {
    -webkit-animation-name:img-responsive;
    animation-name:img-responsive;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

 /*  products  */



.header-top {
    background-color:#558ebfcc!important;
}
.menu-group {
    display: inline-block;
    position: relative;
    color: #ffffff;
  }
  
  .menu-group:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 3px;
    bottom: 0;
    left: 0;
    background-color : red;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }
  
  .menu-group:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }

  .menu-group:hover {
    color: red ;
  }

  .last-group a {color:white!important;}
  .mini-cart-total  {color:white!important;}

.vpf-scroll-top-button, ::selection {
    background-color: #9292926e!important;
}

.navbar-mainmenu .navbar-nav > li > a, .navbar-mainmenu .navbar-nav > li > span {
    padding: 0px 12px!important;
}

.wishlist-mod
{
margin-left: 7px!important;    
}

.compare-mod
{
margin-left: 7px!important;    
}

.mini-cart-mod
{
margin-left: 7px!important;    
}

.fa {   
    font-size: 21px;
    font-weight: bold;
}
.myform
{
    background-color: #f5f2f2;
    padding: 20px;
}
.mybuttonclick
{
    padding: 9px;
    border-color: #9e9797;
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
}

.mybuttonclick2
{
    padding: 9px;
    border-color: #9e9797;
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
}

.eopyy1 {
    background-color:#00dbd2;    
    padding: 11px;
    margin-left: 2px;
}
.eopyy2 {
    background-color:#f5f2f2;    
    padding: 11px;
    margin-left: 2px;
    color: #00dbd2;
}
.eopyy3 {
    background-color: #00dbd2;    
    padding: 11px;
    margin-left: 2px;
}

.calc-eopyy {
   /* background-color: #00dbd21f;
    padding-top: 15px;
    padding-bottom: 15px;
    border-style: groove;
    border-radius: 3px;*/
  font-size: 14px ;
  padding: 1rem 2rem;
  color: #ffffff;
  background-color: transparent;
  background-image: linear-gradient(180deg, #00dbd2, #ffdc00)
    ,linear-gradient(225deg, #00dbd2, #ffdc00)
    ,linear-gradient(0deg, #00dbd2, #ffdc00)
    ,linear-gradient(90deg, #00dbd2, #ffdc00)
    ,linear-gradient(135deg, transparent 9px, #00dbd2 10px, #ffdc00 12px, transparent 12px)
    ;
  background-position: top right
    ,top right
    ,bottom left
    ,bottom left
    ,top left
    ;
  background-size: calc(100% - 15px) 2px
    ,2px 100%
    ,100% 2px
    ,2px calc(100% - 15px)
    ,15px 15px
    ;
  background-repeat: no-repeat;
  }

.rightimage {    
    text-align: center;
    background-image: url("/images/eopyy.png");
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 425px;
    background-position: center;
    color: #00dbd2!important ;
}

.heopyy { text-align: center;}
.showhide { 
   cursor: pointer ; 
   color :#00dbd2; 
   font-size: 30px;
  }

.vm-search-custom-values-group {display: none;}

.header-add-margin {
    margin-top: 25px!important;
}

.inline-mod.right {
    padding-left: 10px!important;
}

.vpf-menu.navbar-nav {
    display: flex;
 }


.vpf-scroll-top-button.active {
    margin-bottom: 60px;
}

.brand { margin: 0px!important;}


.slide_h {
    color: white;
    font-size: 70px;
    font-family: sans-serif;
}

.top-right form { 
    background-color: azure ;
    margin-left: 5px;
}



.acy_class table
{
    width: 100%;
}

.acy_class h3
{
    text-align: center;
}

.acyterms {
    text-align: -webkit-center;
}

.acy_class_mobile {display: none;}    


.mybev{
    border-radius: 5px;
    box-shadow: 0 1px 2px #fff, 0 -1px 1px #fffffd, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
    width: 30%;
    margin-bottom: 10px;
}

.topmod-content ul {font-weight: 700;}

.acymailing_form input {width: 100%;}

.menu_right a 
{
   padding: 3px 15px!important; 
}

.acymailing_finaltext {text-align: center;}

.menu-title{font-size: 20px!important;
            text-transform: capitalize;
           }

.level-2 + a {font-size: 14px!important; color:#00dbd2!important;}

.level-3 .menu-title{
    font-size: 13px!important;
    font-weight: 500!important;
    font-family: Roboto,sans-serif!important;
}

.navbar-mainmenu .navbar-nav li.submenu.mega-group.level-2 > a, .navbar-mainmenu .navbar-nav li.submenu.mega-group.level-2 > span 
{   color: #ffffff!important;
    border-style: solid;
    border-radius: 5px;
    border-width: thin;
    background-color: #00dbd2!important;
    text-align: center;
}

.level-1  {border-right-style: groove;}
.nav-vm-categories .menu-title{font-size: 14px!important;}

.header-add-margin{padding-left: 2px!important ;
                   padding-right: 2px!important ; }
/*
.has-here{display: none!important;}
*/
.breadcrumbs-cont h1 {
 margin-bottom: 7px!important;
font-size: 27px!important;
}

#breadcrumbs .inner-container {
    padding: 10px 0!important;
}

#vpf-header .inner-container {
    padding: 10px 0 10px!important;
}


#fp_reset{ background-color: #00dbd2;
           color: white;}
#fp_toggle{background-color: red;
           color: white; }




.subbutton { background-color: #00dbd2!important;}
@media (max-width: 767px)
{
.slide_h {
    color: white;
    font-size: 20px;
    font-family: sans-serif;
}
    
.acy_class_mobile {display: block;}    

.acy_class {display: none;}
    
 .acy_class_mobile  h3
{
    text-align: center;
    font-size: 16px!important;
}

 .acy_class_mobile p {
    text-align: -webkit-center;
}    

}

@media (max-width: 991px) {
  #footer-toolbar {    
    padding-top: 0px!important;
  }
}

/*******************************/
.top-left .topmod-content {width: 100% ;}
.top-left .inline-mod {width: 100% ;}


.mymenu-header {
    color: #4A4A4A;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;    
}


.block-center-body{
    background-image: linear-gradient(
     45deg, #ffc99a 0%, rgb(101 234 0 / 26%) 100%);
}
.cat-a{
    color: #232323!important;
    display: inline-block;
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
    text-shadow: 3px 5px 2px #4747475e;
    background-color: #ffffff8f;
    padding: 10px;
    transform: translateY(7.5%)!important;
}
.cat-a2{
    color: white!important;
    background-color: #f9f7f95e;
    padding: 10px;
    transform: translateY(7.5%)!important;
}



a {
    color: #d9534f;
}
a, a:hover, a:focus, a:active {
    outline: 0 none;
}
a, span, .icon-circle {
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}
a {
    color: #428bca;
    text-decoration: none;
}
a {
    background: 0 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}


.related-product .category-name, .product-inner .category-name {
        text-transform:  capitalize!important;
}

.vppl-name a {
        text-transform:  capitalize!important;
}


.mybottom {padding: 0px!important;
           margin: 0px!important;
          }

.toolbar 
{background-color: #74a1c8;
padding-right: 10px;
padding-left: 12px;
padding-top: 5px;}