/*
Theme Name: supertheme
Author: Paolo Bortolotti
Author URI: http://www.paolobortolotti.com
Description: This theme does not graphics.
The structure evokes css and javascript bootstrap and everything you need to customize it to taste.
The theme php calls to other folders to have a greater order in the development.
The theme has a pretty permalink system.
The theme suggests plugin that might be useful in the development.
In addition there is a folder called snippet where you can find useful scripts.
////
Theme URI: 
Tema customizzato basato su Underscores, (C) 2012-2016 Automattic, Inc.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: supertheme
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments
*/


/* 
	
Tricks:

								remove spacing between middle columns 
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:0;
  padding-left:0;
}
								remove right padding from first column
.row.no-gutter [class*='col-']:first-child {
  padding-right:0;
}
								remove left padding from first column 
.row.no-gutter [class*='col-']:last-child {
  padding-left:0;
}
	
*/

/*
Required WordPress CSS
*/

/* Modificare Bootstrap: https://getbootstrap.com/docs/3.3/customize/ */

/*

/* Style Tree 

    1.  Base Styles
    2.  Menu
    3.  Home
    4.  Index
    5.  Sidebar
    6.  Footer
    7.  Common Elements
    8.	WP General Format
    9.  Responsive
    10. Margin
        
*/

body, html { margin: 0; padding: 0; height: 100%;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000; height: 40px; }


/* ------------------------------------------------------------------------- *
/* ! 1 Base Styles */
/* ------------------------------------------------------------------------- */

/* Typography */
body{font-size: 18px; font-family: 'Lato'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}




.gigantic 		{ letter-spacing: -2px; font-size: 110px; line-height: 1.09;}
.huge, h1 		{ letter-spacing: -1px;font-size: 52px;line-height: 1.05;}
.large, h2 		{ font-size: 50px;line-height: 1.14; }
.bigger, h3 	{ font-size: 32px; line-height: 1.14; }
.big, h4 		{ font-size: 24px; line-height: 1.38; }
.small, small 	{ font-size: 14px; line-height: 1.2;}


/* Title color */
.gigantic, .huge, .large, .bigger, .big, h1, h2, h3, h4, h5, h6 {
  color: #222222;font-weight: 300;
}


/* Link color */
a, .link-color { color: #00acf2; }
/* Link Hover Color */
a:focus, a:hover { color:#fc4f56; text-decoration: none; }

	/* Functional class */
	.small-spacer{height:40px;}
	.text-center{text-align: center}
	.img-res{ margin-bottom: 20px;width:100%; height: auto;}
	.margin-top { margin-top: 40px; }
	.margin-bottom { margin-bottom: 40px; }
	.no-margin { margin: 0; padding: 0; }
	.clear-hr { float: left; clear: both; width: 100%; }
	.animate { 	-webkit-transition: all 0.3s ease-in-out; 
				-moz-transition: all 0.3s ease-in-out; 
				-ms-transition: all 0.3s ease-in-out; 
				-o-transition: all 0.3s ease-in-out; 
				transition: all 0.3s ease-in-out; }

	.btn-call{padding: 10px 0px; 
			border-radius: 3px; 
			font-size: 20px;
			margin: 0px;
			display: inline-block;
		}
	.btn-call .fa{font-size: 16px; margin-left: 5px;}


/* ------------------------------------------------------------------------- *
/* ! 2 Menu */
/* ------------------------------------------------------------------------- */


	.spacer { height: 60px; }
	.scroll-anchor {
	    display: block;
	    height: 60px; /*same height as header*/
	    margin-top: -60px; /*same height as header*/
	    visibility: hidden;
	    
	}
	
	.navbar { min-height: 60px; opacity: 0.9}
	.navbar-brand,
	.navbar-nav li a {
	    line-height: 60px; 
	    height: 60px;     
	    padding-top: 0; 
	}
	
	.navbar .logo-img img{width:auto; height: 60px;}



	.navbar-inverse .navbar-brand{ color:#fff; font-weight: 300; font-size: 22px; text-transform: uppercase}
	.navbar-inverse .navbar-brand .fa-google-wallet{
		-ms-transform: rotate(-90deg); /* IE 9 */
	    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	    transform: rotate(-90deg);
	    font-size: 25px;
	}

	.navbar-inverse .navbar-nav > li > a { font-size: 16px; color:#fff; font-weight: 300; }
	.navbar-inverse .navbar-nav > li > a:hover{ color:#bbb; }
	
	

		/* Color of menu button */
		.navbar-nav > li > a { color: #333;}
		
		/* Color of menu button:hover */
		.navbar-nav > li > a:hover, 
		
		/* Color of menu active button */
		.navbar-nav > .active > a,
		.navbar-nav > .active > a:hover,
		.navbar-nav > .active > a:focus, 
		
		/* Color of dropdown active button */ 
		.dropdown-menu > .active > a,
		.dropdown-menu > .active > a:hover,
		.dropdown-menu > .active > a:focus,
		
		/* Color of dropdown button:hover */ 
		.dropdown-menu li a:hover,	
		
		/* Color of button that open the dropdown */ 
		.nav .open > a, 
		.nav .open > a:hover, 
		.nav .open > a:focus { background: #333;color:#26c6da;}
	
		.dropdown-menu {
			padding:0;
		    border: none;
		    border: 1px solid #666;
		    border-radius: 0px;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		}
	

		
/* ------------------------------------------------------------------------- *
/* ! 3 Home */
/* ------------------------------------------------------------------------- */

.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}


	/* Slider Widget */
	
	.slider {
	    height: 88%;
	    width: 100%;
	    background: #585152;

	}
	.slider-cell {
	    height: 100%;
	    width: 100%; 
	    /*display: table;*/
	    position: relative;
	}

	.slider-cell .fill{
		background:  url("img/bg-hero.png") repeat-x bottom center;
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		opacity: 0.75;
	}

	.slider-cell .slider-caption {
	    /*display:table-cell;vertical-align: middle; */
	    text-align: left;
	    bottom: 10%;
	    position: absolute;
	    width: 100%; 
	}

	.inside-caption{
		margin-left: 0%;
		padding: 0 20px;
	}
	
		.slider .btn-call{ margin: 20px 0 0px 0; }
	
	    /* Dots */
	    .flickity-page-dots {
	        bottom: 25px;
	    }

	    .flickity-page-dots .dot {
	        background: #fff;
	        border: 1px solid #333;
	    }


	 /* 2 Box Page Widget */

	.container-2-box .img-res {margin-bottom: 0;}

	.container-2-box h2{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.container-2-box h3{
		margin: 10px 0;
		padding-top: 0;
	}


	/* Image Parallax Widget */

	.parallax-section {
	    height: 480px;
	    padding-top: 50px;
	    padding-bottom: 50px;
	    overflow: auto;
	    color: #fff;
	    text-align: center;
	    display: table;
	    width:100%;
	}

	.parallax-caption{
	    height: 380px;
	    display: table-cell;
	    vertical-align: middle;
	    text-shadow: 0 0 40px rgba(0, 0, 0, 1);
	    
	}
	.parallax-caption h2{margin-bottom: 0;}
	.parallax-caption h3{color:#fff;margin:0;}



	/* Widget Common Typography */

	/* Slider Caption */
	.slider-cell .slider-caption h2,
	.slider-cell .slider-caption h3,
	.slider-cell .slider-caption p,
	
	
	/* Parallax image caption */
	.parallax-caption h2,
	.parallax-caption h2 a{
		color: #fff; 
		text-shadow: 0 0 15px rgba(0, 0, 0, 1);
		margin: 5px 0;
		padding: 0;
	}

	.slider-cell .slider-caption p{
		margin-top: 20px;
	}
	
	/* Hover state widget common typography */
	.parallax-caption h2 a:hover,
	.panel-3-box:hover h3{
		color:#fc4f56;  

	}
	
	

/* ------------------------------------------------------------------------- *
/* ! 4. Index */
/* ------------------------------------------------------------------------- */
	
	/* Single, Post & Page */
	.content-article { padding: 30px 0 50px 0; border-top: 1px solid #eee; margin:0;float:left; width:100%}
	.content-article h1{margin-bottom: 0px;} 
	
		
		.link-article { position: relative; }
		.cont-tag { clear: both; padding-top: 20px; }

	
/* ------------------------------------------------------------------------- *
/* ! 4.1 Sections */
/* ------------------------------------------------------------------------- */

	


/* ------------------------------------------------------------------------- *
/* ! 5 Sidebar */
/* ------------------------------------------------------------------------- */
.content-sidebar{margin-top:40px;float:left; width:100%;}

.widget { float: left; margin-bottom: 40px; width: 100%;}
.widget h3 { margin: 0 0 10px 0; }
.widget a { display: block; padding: 10px 0; border-bottom: 1px solid #eee; }
.widget ul { padding: 0; }
.widget ul li { list-style-type: none; }


	/* Calendar Widget */
	#wp-calendar { width: 100%; }
	#wp-calendar a { padding: 0; border: none; }
	#wp-calendar caption,
	.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
	#wp-calendar thead { font-size: 10px; }
	#wp-calendar thead th { padding-bottom: 10px; }
	#wp-calendar tbody { color: #aaa; }
	#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
	#wp-calendar tbody td:hover { background: #fff; }
	#wp-calendar tbody .pad { background: none; }
	#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
	#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }
	
	
/* ------------------------------------------------------------------------- *
/* ! 6 Footer */
/* ------------------------------------------------------------------------- */

.footer { float: left; margin: 0; width: 100%; background: #333; color: #fff; }
.footer p{margin: 0;}
.footer .container{ padding: 20px; }
	
	.social { text-align: right; }
	.social a { margin-left: 10px; }


/* ------------------------------------------------------------------------- *
/* ! 7 Common Elements */
/* ------------------------------------------------------------------------- */

	.pagination { float: left; margin: 40px 0 40px 0; padding: 0; width: 100%; }
	.pagination span,
	.pagination a { float: left; margin-right: 10px; padding: 14px 19px; border: 1px solid #eee; }
	
	/* Video resposnive */
	.video-container { position: relative; z-index: 0; overflow: inherit; margin-bottom: 20px; padding-top: 25px; padding-bottom: 56.25%; /* 16: 9 */height: 0;; }
	.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	/* Video Thumbnail */
	.link-article i { position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -28px; color:#fff;opacity: 0.8}
	
	
	/* Comments */
	#comments { width: 100%; }
	
	/* Comments Form */
	.comment-form-author,
	.comment-form-email,
	.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input { width: 100%; }
	
	ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
	ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
	ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
	ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
	ol.commentlist li.comment div.comment-meta { font-size: 12px; }
	ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
	ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
	ol.commentlist li.comment div.reply a { font-weight: bold; }
	ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
	ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
	ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
	ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
	ol.commentlist li.even { background: #fff; }
	ol.commentlist li.odd { /* background: #f9f9f9; */  }
	ol.commentlist li.parent { border-left: 1px solid #eee; }
	ol.commentlist li.bypostauthor .fn { font-weight: bold; }
	ol.commentlist li img{max-width: 97%;}
	
	input[type=text],
	input[type=email] { margin-right: 10px; padding: 10px; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;}
	textarea { padding: 10px; width: 97%; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;}
	input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #333; border:none; }
	
	/* Wp Contact Form 7 */
	
	.wpcf7 p input[type=text],
	.wpcf7 p input[type=email]{display: block; width:100%;}
	.wpcf7 p.input-half{ width: 48%; margin-right: 2%; float:left; min-height: 70px}
	
	.wpcf7-select {margin-right: 10px; padding: 10px; border: none; background: #eee;  width: 97%;height: 40px;}


	div.wpcf7-response-output {float:left; width:97%;margin: 0;}
	
	/* Search */
	#srch-term { border: none; background: none; box-shadow: none; color: #fff; opacity: 0; }
	
	/* Search bar menu */
	
	.btn-default { border: none; background: none; }
	.btn-default:hover { border: none; background: none; color: #fff; }
	.form-control::-moz-placeholder { color: #eee; }
	.search-light { background: #eee; }
	.search-light input { width: 80%; color: #333; }
	.search-light button{float:right;padding:10px 15px 0 0;}


/* ------------------------------------------------------------------------- *
/* ! 8 Wp General Format */
/* ------------------------------------------------------------------------- */

/* Gallery */

.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%; }

	
.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 20px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #eee; }

.wp-caption { margin-bottom: 20px; padding: 10px; max-width: 97%; border: 1px solid #eee; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

blockquote {font-weight: 200; font-size: 28px; font-style: italic; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative; color: #383838; }
blockquote:before { display: block; content: "\201C"; font-size: 90px; font-weight: 400; position: absolute; left: -10px; top: -10px; color: #7a7a7a; }


/* ------------------------------------------------------------------------- *
/* ! 9 Responsive */
/* ------------------------------------------------------------------------- */

@media (min-width: 998px) and (max-width: 1350px) { 
	
	
	.panel-4-box-caption h3{ font-size: 22px; }
	.panel-4-box-caption h4{ font-size: 16px; }
	
		
}

/* Desktop */

@media (min-width: 1023px) { 
	

	.dropdown-menu li a {     
	    padding-top: 0; 
	    height: 50px;
	    line-height: 50px; 
	}
	.dropdown-menu li a:hover {
		background: #333;
		color:#fff;
	}
	
			
}

/* Tablet */

@media (max-width: 1022px) { 

	
	.slider{height: 55%;}	
	.slide .carousel-caption h2{font-size: 30px;}
	.slide .carousel-caption h3{font-size: 18px;}
	
	
}

/* Smarthphone */

@media (max-width: 768px) { 
	
	
	.navbar-inverse { opacity: 0.96; }
	.navbar-toggle {border: none!important;margin-top:15px;}
	.navbar-toggle .icon-bar{}
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:hover { background-color: transparent;}
		
		/* Dropdown */
		
		.dropdown-menu{border-bottom: 1px solid #eee!important}
		.navbar-nav .open .dropdown-menu > li > a, 
		.navbar-nav .open .dropdown-menu .dropdown-header { padding: 22px 15px 5px 30px; }
		
	.slider{height: 80%;}	
	
	
	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url{margin-top:0;width:97%;}
	
	.footer .alignright{float:left;margin-top:5px;}

	.wpcf7 p.input-half{ width: 98%; margin-right: 2%;}
	
	/* Stop Parallax Effect */
	.parallax-animation{background-attachment: scroll!important;background-position: center top!important } 
	
	
	/* Slider  */
	.slider-cell .slider-caption h2{font-size: 30px}
	.slider-cell .slider-caption h3{font-size: 22px; margin-bottom: 0;}
	.slider-cell .btn-call{margin: 0 0 15px 0}
	
	/* Parallax */
	.parallax-caption h2{font-size: 34px}
	.parallax-caption h3{font-size: 26px}
	
	
	/* Page */
	.container-2-box .img-res {margin-bottom: 20px}
	.container-2-box .btn-call{margin-bottom: 20px}
	

}



.post-large-img img{width: 100%;}

/* ------------------------------------------------------------------------- *
/* ! 10 Margin */
/* ------------------------------------------------------------------------- */
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

/*************************
         Margin top
*************************/
.mt-0 {
    margin-top: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-150 {
    margin-top: 150px;
}

/*************************
      Margin right
*************************/
.mr-0 {
    margin-right: 0px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-150 {
    margin-right: 150px;
}

/*************************
      Margin bottom
*************************/
.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-150 {
    margin-bottom: 150px;
}

/*************************
        Margin left
*************************/
.ml-0 {
    margin-left: 0;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-150 {
    margin-left: 150px;
}

/*************************
        Padding top
*************************/
.pt-0 {
    padding-top: 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-150 {
    padding-top: 150px;
}

/*************************
        Padding right
*************************/
.pr-0 {
    padding-right: 0;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-120 {
    padding-right: 120px;
}

.pr-130 {
    padding-right: 130px;
}

.pr-140 {
    padding-right: 140px;
}

/*************************
        Padding bottom
*************************/
.pb-0 {
    padding-bottom: 0;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-150 {
    padding-bottom: 150px;
}

/*************************
        Padding left
*************************/
.pl-0 {
    padding-left: 0;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-120 {
    padding-left: 120px;
}

.pl-130 {
    padding-left: 130px;
}

.pl-140 {
    padding-left: 140px;
}

.pl-150 {
    padding-left: 150px;
}

/***************************
    Page section padding 
****************************/
.ptb-0 {
    padding: 0;
}

.ptb-10 {
    padding: 10px 0;
}

.ptb-20 {
    padding: 20px 0;
}

.ptb-30 {
    padding: 30px 0;
}

.ptb-40 {
    padding: 40px 0;
}

.ptb-50 {
    padding: 50px 0;
}

.ptb-60 {
    padding: 60px 0;
}

.ptb-70 {
    padding: 70px 0;
}

.ptb-80 {
    padding: 80px 0;
}

.ptb-90 {
    padding: 90px 0;
}

.ptb-100 {
    padding: 100px 0;
}

.ptb-110 {
    padding: 110px 0;
}

.ptb-120 {
    padding: 120px 0;
}

.ptb-130 {
    padding: 130px 0;
}

.ptb-140 {
    padding: 140px 0;
}

.ptb-150 {
    padding: 150px 0;
}

/***************************
    Page section margin 
****************************/
.mtb-0 {
    margin: 0;
}

.mtb-10 {
    margin: 10px 0;
}

.mtb-15 {
    margin: 15px 0;
}

.mtb-20 {
    margin: 20px 0;
}

.mtb-30 {
    margin: 30px 0;
}

.mtb-40 {
    margin: 40px 0;
}

.mtb-50 {
    margin: 50px 0;
}

.mtb-60 {
    margin: 60px 0;
}

.mtb-70 {
    margin: 70px 0;
}

.mtb-80 {
    margin: 80px 0;
}

.mtb-90 {
    margin: 90px 0;
}

.mtb-100 {
    margin: 100px 0;
}

.mtb-110 {
    margin: 110px 0;
}

.mtb-120 {
    margin: 120px 0;
}

.mtb-130 {
    margin: 130px 0;
}

.mtb-140 {
    margin: 140px 0;
}

.mtb-150 {
    margin: 150px 0;
}

/*************************************
    Background variation set 
 **************************************/
/*colored background*/
.white-bg {
    background: #fff !important;
}

.gray-bg {
    background: #f8f8fa !important;
}

.gray-bg2 {
    background: #f2f2f2 !important;
}

.gray-bg3 {
    background: #f8f8f8 !important;
}

.black-bg {
    background: #000000 !important;
}

.default-bg {
    background: #50C1F0 !important;
}

.transparent-bg {
    background: transparent !important;
}

/*Opacity background*/
.bg-opacity-black-10:before,
.bg-opacity-black-20:before,
.bg-opacity-black-30:before,
.bg-opacity-black-40:before,
.bg-opacity-black-50:before,
.bg-opacity-black-60:before,
.bg-opacity-black-70:before,
.bg-opacity-black-80:before,
.bg-opacity-black-90:before,
.bg-opacity-white-10:before,
.bg-opacity-white-20:before,
.bg-opacity-white-30:before,
.bg-opacity-white-40:before,
.bg-opacity-white-50:before,
.bg-opacity-white-60:before,
.bg-opacity-white-70:before,
.bg-opacity-white-80:before,
.bg-opacity-white-90:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.bg-opacity-black-10:before {
    background: rgba(0, 0, 0, 0.1);
}

.bg-opacity-black-20:before {
    background: rgba(0, 0, 0, 0.2);
}

.bg-opacity-black-30:before {
    background: rgba(0, 0, 0, 0.3);
}

.bg-opacity-black-40:before {
    background: rgba(0, 0, 0, 0.4);
}

.bg-opacity-black-50:before {
    background: rgba(0, 0, 0, 0.5);
}

.bg-opacity-black-60:before {
    background: rgba(0, 0, 0, 0.6);
}

.bg-opacity-black-70:before {
    background: rgba(0, 0, 0, 0.7);
}

.bg-opacity-black-80:before {
    background: rgba(0, 0, 0, 0.8);
}

.bg-opacity-black-90:before {
    background: rgba(0, 0, 0, 0.9);
}

.bg-opacity-white-10:before {
    background: rgba(255, 255, 255, 0.1);
}

.bg-opacity-white-20:before {
    background: rgba(255, 255, 255, 0.2);
}

.bg-opacity-white-30:before {
    background: rgba(255, 255, 255, 0.3);
}

.bg-opacity-white-40:before {
    background: rgba(255, 255, 255, 0.4);
}

.bg-opacity-white-50:before {
    background: rgba(255, 255, 255, 0.5);
}

.bg-opacity-white-60:before {
    background: rgba(255, 255, 255, 0.6);
}

.bg-opacity-white-70:before {
    background: rgba(255, 255, 255, 0.7);
}

.bg-opacity-white-80:before {
    background: rgba(255, 255, 255, 0.8);
}

.bg-opacity-white-90:before {
    background: rgba(255, 255, 255, 0.9);
}

/*---------------------
    Animation Css
----------------------*/
@-webkit-keyframes crFlipX{
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes crFlipX{
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}






.swap-on-hover {
  position: relative;	
	margin:  0 auto;
	max-width: 400px;
	height: 400px;
}

/* Select the image and make it absolute to the container */
.swap-on-hover div {
  position: absolute;
  top:0;
  left:0;
	overflow: hidden;
	/* Sets the width and height for the images*/
	width: 355px;
	height: 400px;
	background-color: #000;
}
.swap-on-hover .swap-on-hover__front-image {
  z-index: 9999;
  transition: opacity .5s linear;
  cursor: pointer;
}

/* When we hover the figure element, the block with .swap-on-hover, we want to use > so the front-image is going to have opacity of 0, which means it will be hidden, to the back image will show */
.swap-on-hover:hover > .swap-on-hover__front-image{
  opacity: 0;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'fontawesome';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: "\f104";
}
[dir='rtl'] .slick-prev:before
{
    content: "\f104";
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: "\f105";
}
[dir='rtl'] .slick-next:before
{
    content: "\f105";
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/*

.cover {
    z-index: 1!important;
    width: 100%!important;
    position:relative!important;
    background-color:#fff!important; 
    display: block;
    -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.wrap {
    position: relative!important;
    z-index: 1;
    width: 100%!important;
    height: 1200px!important;
     animation: smoothScroll 5s forwards;
}
.fixed {
    position:fixed!important;
    display: block!important;
    z-index: 1;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100vh!important;
     animation: smoothScroll 5s forwards;

}



.fixed_2 {
    position:fixed!important;
    display: block!important;
    z-index: 1;
    top: 120px;
    left: 0px;
    right: 0px;
    height: 100vh!important;
     animation: smoothScroll 5s forwards;

}


@media screen and (max-width: 480px) {


.wrap {
    position: relative!important;
    z-index: 1;
    width: 100%!important;
    height: 100vh!important;
     animation: smoothScroll 5s forwards;
}
.fixed {
    position:fixed!important;
    display: block!important;
    z-index: 1;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100vh!important;
     animation: smoothScroll 5s forwards;

}



.fixed_2 {
    position:fixed!important;
    display: block!important;
    z-index: 1;
    top: 80px;
    left: 0px;
    right: 0px;
    height: 100vh!important;
     animation: smoothScroll 5s forwards;

}



}
*/


.section-wrapper{

}
.mascetti{

  width: 100%;
  position: relative;
      animation: smoothScroll 5s forwards;
}
.section-wrapper.fixed .mascetti{
  position: fixed;
  top: 0;
  left: 0;
      animation: smoothScroll 5s forwards;
}

#intro .elementor-element-populated{padding: 0px!important;}
.elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated {
    padding:0px!important;
}

.swiper-slide-shadow-left, .swiper-slide-shadow-right{background: transparent!important;}

.pt_plus_before_after {
    width: 100%;
    margin: auto;
}

#cataloghi_bike span,  
#presskit_bike span{
    text-align: center;
    display: block;
    color: #333;
    margin-top: 20px;
}
.home #footer{margin-top: 0px;}
.single a{color: #000; font-weight: bold;}
.single .elementor-180 .elementor-element.elementor-element-40aa93d0{margin-top: 0px;}

#loghi_bike h5{color:#fff; text-align: center; font-family:"Roboto Condensed", Sans-serif; font-size: 18px; }




.menuWrapper{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:20px auto;
    height:542px;
    background-position:70px 0;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu_list{
    list-style:none;
    width:auto;
    padding: 0px;
}
ul.menu_list > li{
    float:left;
    width:25%;
    height:542px;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu_list > li.last{
    border:none;
}
.bg1{
    background-image: url(images/img1.jpg);
}
.bg2{
    background-image: url(images/img2.jpg);
}
.bg3{
    background-image: url(images/img3.jpg);
}
.bg4{
    background-image: url(images/img4.jpg);
}
ul.menu_list > li > a {
    float: left;
    width: 25%;
    background-color: #000;
    text-align: center;
    line-height: 26px;
    color: #ddd;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    text-shadow: 0px 0px 1px #fff;
    position: absolute;
    top: -20px;
}
ul.menu_list > li ul{
    list-style:none;
    float:left;
    margin-top:-180px;
    width:100%;
    height:110px;
    padding-top:20px;
    background-repeat:no-repeat;
    background-color:transparent;
}

ul.menu_list > li:first-child:after {
    content: '';
    position: absolute;
background: none;
}

ul.menu_list > li ul li{
    display:none;
}
ul.menu_list > li ul.sub1{
    background-image:url(images/bg1sub.png);
}
ul.menu_list > li ul.sub2{
    background-image:url(images/bg2sub.png);
}
ul.menu_list > li ul.sub3{
    background-image:url(images/bg3sub.png);
}
ul.menu_list > li ul.sub4{
    background-image:url(images/bg4sub.png);
}
ul.menu_list > li ul li a{
    color:#fff;
    text-decoration:none;
    line-height:30px;
    margin-left:20px;
    text-shadow:1px 1px 1px #444;
    font-size:11px;
}
ul.menu_list > li ul.sub1 li{
    display:block;
}
ul.menu_list > li ul li a:hover{
    border-bottom:1px dotted #fff;
}
#menuWrapper *{
	    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    /* box-sizing: content-box; */

}
.lang-item {
    padding-top: 5px!important;
}

textarea:focus { outline: none; }
::-moz-selection {
 background:#9cd167;
 color:#fff
}

::selection {
  background: #999;
  color: #fff
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.banner-container *{
	    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    /* box-sizing: content-box; */

}

.banner-container {
  overflow: hidden;
  position: relative;/*width:1024px;
  margin:25px auto;*/
}

.banner-container ul {list-style: none; padding: 0px; margin: 0px; width: auto;}

.banner-container li {
  float: left;
  overflow:visible!important;
  cursor: pointer;
  position: relative;
  z-index: 9;
  
}
.banner-container li h3{ text-align: center;}
.banner-container li img{
max-width:none;
}

.banner-container li a {
  display: block;
  padding: 0px;
  margin: 0px;
}

.banner-container li span.overlay {
    bottom: 64px;
    background: url(images/bg-overlay.png) repeat;
    width: 100%;
    height: 1px;
    position: absolute;
    opacity: 1;
    display: block;
    left: 0px;
}

.tagcloud a {
    padding: 10px;
    background-color: #DDD;
    font-size: 12px!important;
}

.postid-1808  .elementor-960, .postid-1808 .elementor-963,  .postid-1840 .elementor-1273, .postid-1840 .elementor-1266 {
    display: none!important;
}
.elementor-widget-tabs .elementor-tab-desktop-title{ padding: 8px 25px!important;}
.elementor-widget-tabs .elementor-tabs-wrapper{text-align: center;}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
    display: inline-block!important;
}
.elementor-tab-title{background-color:#000; }