/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

#header.transparent-header{
	/*background: rgba(191,189,191,1);
background: -moz-linear-gradient(top, rgba(191,189,191,1) 0%, rgba(219,219,219,0.85) 50%, rgba(209,209,209,0.85) 51%, rgba(254,254,254,0.7) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191,189,191,1)), color-stop(50%, rgba(219,219,219,0.85)), color-stop(51%, rgba(209,209,209,0.85)), color-stop(100%, rgba(254,254,254,0.7)));
background: -webkit-linear-gradient(top, rgba(191,189,191,1) 0%, rgba(219,219,219,0.85) 50%, rgba(209,209,209,0.85) 51%, rgba(254,254,254,0.7) 100%);
background: -o-linear-gradient(top, rgba(191,189,191,1) 0%, rgba(219,219,219,0.85) 50%, rgba(209,209,209,0.85) 51%, rgba(254,254,254,0.7) 100%);
background: -ms-linear-gradient(top, rgba(191,189,191,1) 0%, rgba(219,219,219,0.85) 50%, rgba(209,209,209,0.85) 51%, rgba(254,254,254,0.7) 100%);
background: linear-gradient(to bottom, rgba(191,189,191,1) 0%, rgba(219,219,219,0.85) 50%, rgba(209,209,209,0.85) 51%, rgba(254,254,254,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbdbf', endColorstr='#fefefe', GradientType=0 );*/
}


.credits_link{
 color: #38B5E6 !important;
 font-weight: 700;
 font-family: sans-serif;
}

.credits_link:hover{
 color: #fff !important;
}

 .credits_link:before{
  content: "";
  vertical-align: middle;
  width:16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(https://www.clion.it/favicon-96x96.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;

  transition: all 450ms ease;
 }

  .credits_link:hover:before{
   transform: scale(1.5) rotateZ(360deg) rotateY(360deg);
  }

  .dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a{
    color: #000!important;
  }
.product-title {
    display: block;
	height: 60px;
	overflow: hidden;
}
  
@media (max-width: 1440px) {

   /* #slider{
    height: 1189px!important;
    margin-left: 200px!important;
    }*/
  }
@media (max-width: 1024px) {

  /*  #slider{
    margin-left: 196px!important;
    height: 878px!important;
    }*/
  }


  @media (max-width: 768px) {

    /*#slider{
  margin-left: 110px!important;
    height: 620px!important;
    }*/
  }
   @media (max-width: 425px) {

   /* #slider{
    margin-left: 47px!important;
    height: 340px!important;
    }*/
  }
   @media (max-width: 320px) {

   /* #slider{
    margin-top: 25px;
    height: 256px!important;
    }*/
  }

  #copyrights{
    padding: 10px 0; 
  }
  #header .container{
    background-color: #fff;
  }
body{
  overflow-x: hidden;
}

 #logo{
  display: none;
}

.sticky-header #logo{
  display: block!important;
}

#primary-menu.style-3 > ul > li.current > a, #primary-menu.sub-title > ul > li:hover > a, #primary-menu.sub-title > ul > li.current > a, #primary-menu.sub-title > div > ul > li:hover > a, #primary-menu.sub-title > div > ul > li.current > a, #top-cart > a > span, #page-menu-wrap, #page-menu ul ul, #page-menu.dots-menu nav li.current a, #page-menu.dots-menu nav li div, .portfolio-filter li.activeFilter a, .portfolio-filter.style-4 li.activeFilter a:after, .portfolio-shuffle:hover, .entry-link:hover, .sale-flash, .button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime), .button.button-dark:hover, .promo.promo-flat, .feature-box .fbox-icon i, .feature-box .fbox-icon img, .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i, .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after, .i-rounded:hover, .i-circled:hover, ul.tab-nav.tab-nav2 li.ui-state-active a, .testimonial .flex-control-nav li a, .skills li .progress, .owl-carousel .owl-dots .owl-dot, #gotoTop:hover, .dark .button-dark:hover, .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after, .dark .i-rounded:hover, .dark .i-circled:hover, .dark ul.tab-nav.tab-nav2 li.ui-state-active a, .dark .tagcloud a:hover, .ei-slider-thumbs li.ei-slider-element, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .checkbox-style:checked + .checkbox-style-1-label:before, .checkbox-style:checked + .checkbox-style-2-label:before, .checkbox-style:checked + .checkbox-style-3-label:before, .radio-style:checked + .radio-style-3-label:before, .irs-bar, .irs-from, .irs-to, .irs-single, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label:after, input.switch-toggle-round:checked + label:before, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor, .entry:after{
  background-color: #00a651!important;
}

#primary-menu ul li:hover > a, #primary-menu ul li.current > a, #primary-menu div ul li:hover > a, #primary-menu ul ul li:hover > a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover, #top-cart > a:hover, .top-cart-action span.top-checkout-price, .breadcrumb a:hover, .portfolio-filter li a:hover, .portfolio-desc h3 a:hover, .portfolio-overlay a:hover, #portfolio-navigation a:hover, .entry-title h2 a:hover, .entry-meta li a:hover, .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider, .ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover, .spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover, .comment-content .comment-author a:hover, .product-title h3 a:hover, .single-product .product-title h2 a:hover, .product-price ins, .single-product .product-price, .feature-box.fbox-border .fbox-icon i, .feature-box.fbox-border .fbox-icon img, .feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img, .process-steps li.active h5, .process-steps li.ui-tabs-active h5, .team-title span, .pricing-box.best-price .pricing-price, .btn-link, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider, .clear-rating-active:hover{
  color: #00a651!important;
}
.fslider .tasto-dett {
    display: inline-block;
    width: auto; 
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.fslider .tasto-dett a{
  opacity: 0;
  border: solid 2px #fff;
  padding: 10px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.69);
}
.fslider:hover .tasto-dett a{
  opacity: 1;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1024px) {
  #slider{

  }
}
@media screen and (max-width: 768px) {
  #copyrights .col_half:last-child {
    display: block!important;
}
}
@media screen and (max-width: 425px) {}
@media screen and (max-width: 320px) {}
@media screen and (min-width: 320px) and (max-width: 997px) {
.container {
    max-width: 100%;
}
  #slider2{
    display: block!important;
  }
  #slider{
    display: none;
  }
}
@media screen and (min-width: 997px) and (max-width: 1440px) {
  #slider2{
    display: none;
  }
  #slider{
    display: block;
  }
}

.tasto-dett{
	display: inline-block;
	border: 1px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 7px;
}

/*@media screen and (min-width: 726px) and (max-width: 1024px) {
  #slider{
     height: 723px!important;
        position: relative;
    top: 0px;
    width: auto;
  
    padding-bottom: 119px;
    margin-top: 0px;
  }
}
@media screen and (min-width: 320px) and (max-width: 725px) {
  #slider{
     height: 328px!important;
     margin-top: -37px;
  }
}

#header .container {
    top: 0;
    position: fixed;
}
.stretched #wrapper {
    padding-top: 100px;
    width: 100%;
    margin: 0;
    box-shadow: none;
}
#header.transparent-header + #slider{
	top: -115px!important;
}*/
#slider2{
  display: none;
}
.gallery__page #logo{
  display: block!important;
}