/*
	Template Name: BizCraft Responsive HTML5/CSS3 Template
	Author: tripples
	Author URI: http://shapebootstrap.net/user/tripples
	Description: BizCraft Responsive HTML5/CSS3 Template.
	Version: 1.0
*/

/* Table of Content
==================================================
1.	Global Styles
2. 	Typography
3. 	Common Styles
4.	Header area
5.	Slideshow
6.	Services and Features
7.	Image Block
6.	About (Landing and Featured Tab)
9.	Portfolio
10.	Counter
11.	Team
12.	Pricing
13.	Testimonial
14. Video block
15.	Recent Post
16. Clients
17. Twitter
18. Contact
19. Footer
20. Copyright
21. Sub pages
22. Blog
23. Landing page
24.	Style Swithcer (you can delete the css)
*/



@font-face {
  	font-family: 'JaapokkiRegular';
	src: url('../fonts/jaapokki/jaapokki-regular.eot');
    src: url('../fonts/jaapokki/jaapokki-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jaapokki/jaapokki-regular.woff') format('woff'),
         url('../fonts/jaapokki/jaapokki-regular.ttf') format('truetype'),
         url('../fonts/jaapokki/jaapokki-regular.svg#JaapokkiRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  	font-family: 'crayon';
    src:url('../fonts/crayon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  	font-family: 'Lato';
    src:url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Global styles
================================================== */

html{
	overflow-x: hidden !important;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #6A6A6A;
	background: #fff;
}

h1, h2, h3{
	color: #323232;
}

.body-inner{
	position: relative;
	overflow: hidden;
}

a:link,
a:visited{
    text-decoration: none;
}


a:hover{
	text-decoration: none;
	color: #000;
}

a.read-more{
	color: #323232;
}

section{
	padding: 30px 0;
	position: relative;
}

.ts-padding {
  padding: 50px;
}

.no-padding{
	padding: 0;
}

.media>.pull-left{
	margin-right: 20px;
}

.heading{
	padding-bottom: 50px;
	margin-top: 10px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.gap-60 {
	clear: both;
	height: 60px;
}

.gap-40 {
	clear: both;
	height: 40px;
}

.gap-30 {
	clear: both;
	height: 30px;
}
.gap-20 {
	clear: both;
	height: 20px;
}

a:focus{
	outline: 0;
}


/* Typography
================================================== */

body, p{
	font-family: 'Lato', sans-serif;
	font-weight: 400; 
	font-size: 15px;
	line-height: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato';
	/*text-transform: uppercase;*/
	letter-spacing: 0.5px;
}

h1{
    font-size: 36px;
    line-height: 48px;
}

h2{
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
}

h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}

h4{
    font-size: 18px;
    line-height: 28px;
}

h5{
    font-size: 14px;
    line-height: 24px;
}

/* Button variation */

.btn.btn-primary{
	color: #323232;
	border-radius: 50px;
	padding: 10px 30px;
	background: none;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.btn.btn-primary:hover{
	color: #fff;
}

.btn.btn-primary.white{
	border: 2px solid #fff;
	color: #fff;
}

.btn.btn-primary.white:hover{
	border: 2px solid transparent;
}

.btn.btn-primary.square{
	border-radius: 0;
	color: #fff;
}

.btn.btn-primary.solid{
	color: #fff;
}


.btn.btn-primary.solid.blank:hover{
	color: #333;
}

.btn.btn-primary.solid:hover{
	background: none;
}

ul.circle, ul.check-list{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.circle li{
	position: relative;
	margin-left: 30px;
	padding-bottom: 20px;

}

ul.circle li:before{
	content: "\f111";
	font-family: FontAwesome;
	font-size: 8px;
	line-height: 8px;
	border: 2px solid rgba(0, 0, 0,.1);
	border-radius: 100%;
	position: absolute;
	left: -33px;
	top: 5px;
}

ul.unstyled{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.check-list li{
	margin-bottom: 5px;
}

ul.check-list li i{
	margin-right: 10px;
	font-size: 14px !important;
}

ul.arrow li:before{
	content: "\f105";
	font-family: FontAwesome;
	margin-right: 10px;
}

blockquote p{
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	font-style: italic;
	color: #959595;
}

blockquote {
	margin: 20px 0;
}



/* Common styles
================================================== */

/* Angle */

.angle:before {
	background: #fff;
	content: "";
	height: 75px;
	top: -37px;
	position: absolute;
	width: 100%;
	z-index: 2;
	-webkit-transform: skew(0deg,2deg);
	-moz-transform: skew(0deg,2deg);
	-ms-transform: skewX(0deg) skewY(2deg);
	-o-transform: skew(0deg,2deg);
	transform: skew(0deg,2deg);
}




/* Deafult title */

.title-icon{
	font-size: 32px;
	margin-right: 15px;
	margin-top: 9px;
	color: #959595;
}

.title-icon.classic{
	margin-top: 0;
}

.title{
	position: relative;
	margin: 0;
	line-height: 32px;
	border-left: 2px solid #e7e7e7;
	display: inline-block;
	padding-left: 15px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
 }

 .title.classic{
	line-height: 40px;
  	height: 34px;
}

 .title-desc{
 	font-family: 'Lato', serif;
 	font-size: 16px;
 	line-height: 18px;
 	font-weight: 400;
 	text-transform: capitalize;
 	display: block;
 	color: #6A6A6A
 }

/* Title style 2 */

.title2{
	position: relative;
	margin-top: 30px;
}

.title2:after{
	content: '';
	width: 150px;
	left: 50%;
	margin-left: -75px;
	top: 50%;
	height: 3px;
	background: #dedede;
	position: absolute;
}

.title2 .title-desc{
	padding-top: 30px;
}


/* Title border */

.title-border{
	line-height: normal;
	margin-top: 0;
}

.widget-title{
	margin-bottom: 25px;
	font-size: 20px;
}

.post-title{
	font-size: 24px;
	line-height: normal;
}

.post-title a{
	color: #323232;
}

.long-desc{
	font-size: 16px;
}


/* Icon pentagon */

.icon-pentagon{
	display: inline-block;
	height: 24px;
	width: 40px;
	position: relative;
	color: #81C83C;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.icon-pentagon:hover{
	color: rgba(0,0,0,.5);
}

.icon-pentagon:before{
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	top: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

.icon-pentagon:after {
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	bottom: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

.icon-pentagon i{
	font-size: 20px;
	line-height: 24px;
}

.service-icon {
	height: 46px;
	width: 90px;
	margin-bottom: 30px;
}


/*
.service-icon:hover {
	background-color:#e0e0e0;
}*/


/* Carousel controller */

.carousel-control{
	width: auto;
}
.ts-carousel-controller{
	text-align: center;
	padding-top: 50px;
	z-index: 1;
	position: relative;
}

.ts-carousel-controller .left,
.ts-carousel-controller .right, 
.owl-controls .owl-prev, 
.owl-controls .owl-next{
	cursor: pointer;
	background: #f6f6f6;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #989898;
	opacity: 1;
	top: auto;
	text-shadow: none;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
}
.owl-controls .owl-next{
	margin-left: 6px;
}

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover, 
.owl-controls .owl-next:hover{
	color: #fff;
}

.owl-controls .owl-page, 
.owl-controls .owl-buttons div{
	display: inline-block;
}

/* Input form */

.form-control{
	box-shadow: none;
	border: 1px solid #dedede;
	padding: 6px 20px;
	height: 50px;
	background: none;
	color: #959595;
	font-size: 14px;
	border-radius: 0;
}

.form-control:focus{
	box-shadow: none;
}

/*-- Flex slider --*/

.portfolio-slider .flexslider,
.ts-flex-slider .flexslider{
	border: 0;
	box-shadow: none ;
}

.portfolio-slider .flex-direction-nav a,
.ts-flex-slider .flex-direction-nav a{
	opacity: 0;
	background: #000;
	color: #fff !important;
	text-align: center;
	text-shadow: none;
	line-height: 40px;
}

.portfolio-slider .flex-direction-nav a:before{
	font-size: 32px;
}

.portfolio-slider .flex-direction-nav a:hover,
.ts-flex-slider .flex-direction-nav a:hover {
	color: #fff;
	opacity: 1;
}

.flexportfolio.flexslider .slides img{
	height: auto;
}

/*-- Pagination --*/

.pagination li a{
	border-radius: 0 !important;
	margin-right: 8px;
}

.pagination>.active>a, .pagination>.active>a:hover,
.pagination>li>a:hover{
	color: #fff;
	border: 1px solid transparent;
}

/* Header area
================================================== */

/*-- Header style 1 --*/
.collapsing {
    -webkit-transition: none;
    transition: none;
}  


.header{
}

/****STYLE HEADER SECONDARIO***/

.header-solid ul.navbar-nav > li > a{
	color: #fff;
	transition: all 0.3s ease-in;
	padding-top:7px !important;
	padding-bottom:7px !important;
}

.header-solid ul.navbar-nav > li.active > a,
.header-solid ul.navbar-nav > li > a:hover{
	color:#424242;
	background-color : transparent;
}

.header-solid .link_attivo{
	color:#424242 !important;
}


/*-- Logo --*/

.navbar-header{
	z-index: 9999;
}

.navbar-brand.navbar-bg{
	position: absolute;
	left: 0;
	padding: 0px 15px 10px;
	width:auto;
	height: 49px;
	line-height: 49px;
	background-color: rgba(128, 200, 60, 1);
	border-bottom-right-radius:20px;
	-webkit-animation: bounceInDown 0.8s ease-out 300ms both;
}


.navbar-brand img{
	float: left;
}

.navbar-brand h3{
	color:white;
}


/* Main navigation */

.navbar{
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
}

.navbar-right{
	padding-right: 0;
}

.navbar-right .dropdown-menu {
	right: auto;
	left: 0;
}

.navbar-toggle{
	border-radius: 0;
	margin-right: 5px;
	background-color: rgba(128, 200, 60, 0.7);
	border-radius:5px;
}


.navbar-toggle .icon-bar{
	background: #fff;
}

ul.navbar-nav > li > a{
	font-family: 'JaapokkiRegular';
  	text-transform: uppercase;
  	font-size: 16px;
	color: #fff;
	padding-top: 22px;
	padding-bottom: 20px;
	line-height: 20px;
	background-color : transparent !important;
}

ul.navbar-nav > li:last-child a{
	padding-right: 0;
}

ul.navbar-nav > li.active > a,
ul.navbar-nav > li > a:hover{
color:#7FC83C;
background-color : transparent;
}

ul.navbar-nav > li > a i{
	font-weight: 700;
}

.nav .open>a, .nav .open>a:hover, 
.nav .open>a:focus{
	background: transparent;
	border:0;
}



.link_attivo{
	color:#7FC83C !important;
}
/* Dropdown */

.dropdown-menu{
	border: 0;
	border-radius: 0px;
	width: 100%;
	box-shadow: none;
	background: none;
	min-width: 180px;
}

.dropdown-menu > ul{
	list-style: none;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: -5px;
	background: #fff;
	background-color: rgba(255,255,255,0.95);
	box-shadow: 0 2px .09px rgba(0,0,0,0.15);
}

.dropdown-menu > ul > li > a{
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 15px;
	color: #333;
	border-bottom: 1px solid rgba(0,0,0,0.1);

}

.dropdown-menu > ul > li.active > a{
	
}

.dropdown-menu > ul > li:last-child > a{
	border-bottom: 0;
}

.dropdown-menu > ul > li>a:hover, 
.dropdown-menu > ul > li>a:focus{
	background: none;
}

.nav>li.megamenu{ 
	position: static;
}

.nav>li.megamenu .dropdown-menu {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding:20px !important;
	z-index: 1000;
	border-radius: 0;
	top: auto;
}

.nav>li.megamenu .dropdown-menu ul{
	margin-top: 4px;
	padding: 20px;
}




/* Team
================================================== */

.img-hexagon img{
	width: 150px;
    height: 150px;
	border-style:solid;
	border-radius:50%;
	border-color:grey;
	border-width:2px;
}


.team-content h3{
	margin-bottom: 0;
	font-size: 20px;
}

.team-content p{
	color: #959595;
}

.team-social a{
	background: #d5d5d5;
	color: #fff;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-social a.fb:hover{
	background: #325c94;
}

.team-social a.twt:hover{
	background: #00abdc;
}

.team-social a.gplus:hover{
	background: #dd4b39;
}

.team-social a.linkdin:hover{
	background: #007bb6;
}

.team-social a.dribble:hover{
	background: #ea4c89;
}


/* Team list */

.team-list .img-hexagon{
	float: left;
	margin-right: 30px;
}


/* Team list square */

.team-list-square .img-square{
	float: left;
	margin-right: 30px;
}






/* Copyright
================================================== */

#copyright{
	padding: 20px 0;
	background: #191919;
	color: #fff;
}

.copyright-info{
	font-size: 14px;
	max-width: 850px;
	margin: 0px auto 0;
}

.copyright.angle:before{
	background: #191919;
	height: 50px;
  	top: -25px;
  	-webkit-transform: skew(0deg,0deg);
  	-moz-transform: skew(0deg,0deg);
  	-ms-transform: skewX(0deg) skewY(0deg);
  	-o-transform: skew(0deg,0deg);
  	transform: skew(0deg,0deg);
}




/*FOOTER MOD*/
dt.social {
  text-align: center; 
  
  }
  
  dt.social dl {
	margin:15px;
	
	
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    background: #404040;
    border-radius: 100%;
		margin-bottom:.5em;
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s; }
    dt.social dl:hover {
      background: #33cc99;
      box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3); }
      ul.social dl:hover a {
       /* top: -60px;*/ }
    dt.social dl a {
      display: block;
      width: 100%;
      height: 200%;
      position: relative;
      top: 0;
      color: #33cc99;
      -webkit-transition: top 0.7s;
      -moz-transition: top 0.7s;
      -o-transition: top 0.7s;
      transition: top 0.7s; }
      dt.social dl a:after {
        text-align: center;
        position: absolute;
        width: inherit;
        height: 50%;
        left: 0;
        bottom: 0;
        line-height: 60px;
        color: #404040; }
		
dt.social img{
	 width: 19px;
    height: 19px;
	
}
		
dt.social .icona_facebook{
	background-color:#3765a3;
	
}

dt.social .icona_google{
	background-color:#df4b38;
	
}

dt.social .icona_twitter{
	background-color:#5ea9dd;
	
}



#back-to-top {
	right: 40px;
	top: auto;
	z-index: 10;
	-webkit-backface-visibility: hidden;
}

#back-to-top.affix {
	bottom: 60px;
}

#back-to-top .btn.btn-primary{
	border-radius: 100%;
	padding: 0;
	font-size: 18px;
	width: 36px;
	height: 36px;
	background: rgba(0,0,0,.3);
	border: 2px solid transparent;
	color: #fff;
	opacity: .5;
}

#back-to-top .btn.btn-primary:hover{
	color: #fff;
	opacity: 1;
}





/*AGGIUNTE SORIN */

/*PRELOADER CONFIG*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/Preloader_2.gif) center no-repeat #fff;
}

.nav >li.active{
background-color:#81C83C;
color:white !important;

}

.nav >li.active>a{
color:white !important;
}


/*INFORMATIVA COOKIE */

.informativa_cookie{
	z-index: 9998;
	content:"";
	position:fixed;
	bottom:0;
	background-color: rgba(66, 66, 66, 0.9);
	padding:10px;
	width:100%;
	color:white;
	font-size:12px;
	text-align:center;
}

.informativa_cookie button{
	color:white;
	border-style: solid;
    border-width: 2px;
	border-color:#7BC04B;
	background-color: rgba(66, 66, 66, 0.9);
}

.informativa_cookie button:hover{
	background-color: white;
	color:black;
	transition: all 0.3s ease-in;
}

/*******************REGOLE LAYOUT RESPONSIVE***********************/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

/* Styles */
.header-solid{
	background-color: rgba(128, 200, 60, 0.8);
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */



}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

}


/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */

.header-solid{
	background-color: rgba(128, 200, 60, 0.8);
}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */

.header-solid{
	background-color: rgba(128, 200, 60, 0.8);
}
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */


}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */


}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */


}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */

}