@charset "UTF-8";
/* CSS Document */
/*

 Template Name : Fixit is repair Shop websites template
 Author : Jitu Chauhan;

 */

/*--------- General --------

+ Typography
+ Button 
	- Btn
	- Default
	- Primary
	- Secondary
	- Lg
	- Sm
	- Xs
	- Btn link
- Form
+ Section
	- Section Space
	- Section Color
	- Section Color Bg
	- Section Title
- List Bullet
- Page Header
- Template Header
- Header Navigation

	
***** Page Index *****

- Slider
+ Index
	- Index 1
    - Index 2
	- Index 3
- About us
+ Repair Serrvice
	- Service List Icon
    - service With Image
    - service Fullwidth
	- Service With Sidebar
+ News
	- Blog Default
    - Blog Two Column
	- Blog Single
	- Blog Single With Sidebar
+ Features
	+ FAQ
		- FAQ
		- FAQ Detail
    + Pricing
		- Pricing
		- Pricing 2
    - Franchise
	- Feedback
	- Team
	+ Career
		- Career
		- Career Detail	
    - 404 Error
    + Shortcodes
    	- Accordions
        - Alerts
        - Columns
		- Tabs
        - Buttons
        - Typography
+ Contact us
	- Contact us
	- Appointment
	- Location	
+ Mobile CSS (1366, 768, 320)
	- Navigation
	- Slider
	- Service
	- About
	- Blog


************* Elements **************
    - Well Default
	- Well Default Icon
	- Number Feature Block
	- Feature Content
	- Feature Icon Block
	- Feature Icon
	- Feature Left Block
	- Feature Left Content
	- Parallax CTA
*/

body { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 26px; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; background-color: #F9F8F4;}
h1, h2, h3, h4, h5, h6 { color: #000000; margin: 0px; margin-bottom: 13px; font-family: 'Montserrat', sans-serif; font-weight: 500;}
h1 { font-size: 32px; line-height: 46px;letter-spacing: -1px;}
h2 { font-size: 22px; line-height: 28px;}
h3 { font-size: 17px; line-height: 28px; font-weight: 500; color: #336699;}
h4 { font-size: 16px;}
p { margin-bottom: 20px; line-height: 27px; text-align: justify;}
ul, ol { margin-bottom: 30px;}
ul li, ol li {}
a { color: #3399FF; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; 
transition: all 0.3s;}
a:focus, a:hover { text-decoration: none;color: #3399FF;}
strong{ font-weight: 600;}

/*-----  button -----*/

.btn { padding: 15px 20px 15px 20px; border-radius: 4px; font-size: 14px; line-height: 14px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; border:transparent;}
.btn-default { background: #CCCCCC; color: #333333;border:transparent;}
.btn-default:hover { background-color: #3399FF; color: #ffffff;}
.btn-default.focus, .btn-default:focus { color: #ffffff; background-color: #3399FF; border-color: #3399FF;}

.btn-primary {background: #3399FF; color: #fff; width: 100%; border-radius: 25px;}
.btn-primary:hover { background-color: #3399FF; color: #fff; border:transparent;}
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #3399FF; border-color: #3399FF;}

.bottone-home { padding: 12px 10px 12px 10px; border-radius: 4px; font-size: 14px; line-height: 14px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; border:transparent; background-color: #444444; color: #fff;}
.bottone-home:hover { background-color: #3399FF; color: #fff; border:transparent;}
.bottone-home.focus, .btn-primary:focus { color: #fff; background-color: #3399FF; border-color: #3399FF;}

.btn-lg {font-size: 16px; padding: 10px 24px;}
.btn-sm  {font-size: 14px; padding: 10px 14px;}
.btn-xs {font-size: 12px;padding: 6px 8px;}
.btn-link { color: #3399FF; font-weight: 600; font-size: 14px; text-transform: uppercase; text-decoration: underline;}
.btn-link:hover { color: #3399FF; text-decoration: none;}

/*----- form css -----*/

input.form-control {background-color: #FFFFFF; border-radius: 4px; border: 2px solid #999999;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	height: 52px; color: #444444;}
select.form-control {background-color: #FFFFFF; border-radius: 4px; border: 2px solid #999999;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	height: 52px;}
textarea.form-control {background-color: #FFFFFF; border-radius: 4px; border: 2px solid #999999;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}
label.control-label {color: #444444; font-weight: 500; margin-bottom: 5px;}
button.btn {padding-top: 20px; padding-bottom: 17px;}
.form-group{margin-top: 0px;}
.form-control:focus {background-color: #FFFFFF; border-color: #3399FF; outline: 0;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(220,213,206,.6);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(220,213,206,.6);}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {margin-top: 0; margin-left: 0px;}
.required {color: #ff481e; font-size: 12px; font-weight: 600; text-transform: uppercase;}

/*----- section css -----*/

.nospace { margin: 0px; padding: 0px;}
.listnone { list-style: none; padding: 0;}
.section-space { padding-top: 30px; padding-bottom: 80px;}
.space-top-80{padding-top: 80px;}
.space-bottom-80{padding-bottom: 80px;}
.section-space-40{padding-top: 10px; padding-bottom:0px;}
.section-color { background-color: #F9F8F4;}
.section-default-bg{background-color: #444444;}
.section-primary-bg{background-color: #c45d3c;}
.section-title{ margin-bottom: 60px; text-align: center;}
.no-padding{padding: 0px;}
.padding-left-0{padding-left: 0px;}
.padding-right-0{padding-right: 0px;}
.mb60{margin-bottom: 60px;}
/*------ marging space --------*/

.mb0{margin-bottom: 0px;}
.main-container { margin-bottom: 40px; margin-top: 40px;}
.content {}
.sidebar {}
.heading-title { color: #2e3233;}
p:last-child { margin-bottom: 0;}
::selection {background: #00FF00; color: #333;}
::-moz-selection {background: #00FF00; color: #333;}
.lead{font-size: 21px; color: #3399FF;line-height: 1.8;}
.testo_centrato{text-align: center;}
.text-highlight{color: #3399FF;}

.box_input_piccolo {
width: 100px;
margin-right: 5px; 
display: inline-block; /* trasformare un elemento block in un inline-block */
}

.box_input_medio {
width: 300px;
margin-right: 5px; 
display: inline-block; /* trasformare un elemento block in un inline-block */
}

.box_news0 {
width: 100px;
background: #dddddd;
margin-right: 5px; 
display: inline-block; /* trasformare un elemento block in un inline-block */
}

.box_news1 {
width: 100px;
background: #f9f8f4;
margin-right: 5px; 
display: inline-block; /* trasformare un elemento block in un inline-block */
}

.box_info {
text-align: center;
width: 350px;
background: #f9f8f4;
padding: 10px;
border: 3px solid;
border-radius: 20px;
border-color: #dddddd;
display: inline-block; /* trasformare un elemento block in un inline-block */
}

#griglia > div {
border: 0px;
display: inline-block;
width: 32px;
height: 32px;
margin: 2px;
transition: 0.3s;
}

.social-btn:hover {
transform: translateY(-15%);
}



/*----- well block -----*/

.well-bg { background-color: #999999; padding: 10px;}
.well-inner { background-color: #fefefe; padding: 10px; -webkit-box-shadow: 0px 0px 3px 0px rgba(231,229,222,1); -moz-box-shadow: 0px 0px 3px 0px rgba(231,229,222,1); box-shadow: 0px 0px 3px 0px #999999;}

/*--------- side nav ---------*/

.sidenav li { position: relative;}
.sidenav li a{padding-top: 19px; padding-bottom: 19px;display: block; border-bottom: 1px solid #e6e3da;line-height: 14px; color: #2e3233; font-size: 14px;}
.sidenav li a:hover{color:#444444; border-bottom: 1px solid #c45d3c;}
.sidenav li.active a{color: #c45d3c;}
.sidenav li.active a:after{color: #c45d3c;}
.sidenav li a:after { margin-right: 10px; font-family: FontAwesome; position: absolute; right: 4px; 
width: 20px; font-size: 16px; color: #a1a4a5; content: "\f178";}
.sidenav li a:hover:after{color:#c45d3c; }

/*--------- list bullet elements --------*/

ul.listnone{}
.circle li { position: relative; padding-left: 26px; color: #2e3233; line-height: 32px;}
.circle li:before {font-family: FontAwesome; display: block; position: absolute; left: 0; width: 13px;
	font-size: 14px; color: #3399FF; content: "\f10c"; }
.circle-white li { position: relative; padding-left: 26px; color: #fff; line-height: 32px;}
.circle-white li:before {font-family: FontAwesome; display: block; position: absolute; left: 0;
	width: 13px; font-size: 14px; color: #fff; content: "\f10c";}
.check-circle li {position: relative; padding-left: 26px;}
.check-circle li:before {font-family: FontAwesome; display: block; position: absolute; left: 0; width: 20px;
	font-size: 16px; color: #c45d3c; content: "\f058"; }
.check-circle-primary li {position: relative; padding-left: 26px;}
.check-circle-primary li:before {font-family: FontAwesome; display: block; position: absolute; left: 0;
	width: 20px; font-size: 16px; color: #3399ff; content: "\f058"; }
.long-arrow-right li:last-child {border-bottom: 0px solid #333;}
.long-arrow-right li a:after {margin-right: 10px; font-family: FontAwesome; position: absolute; right: 4px;
	width: 20px; font-size: 16px; color: #a1a4a5; content: "\f178";}
	
/*----- Top bar -----*/

.top-bar {background-color: #efeee8; border-bottom: 1px solid #e6e3da; padding-top: 3px; padding-bottom: 3px;}
.welcome-msg{margin-bottom: 0px; font-size: 12px; font-weight: 500;}
.top-nav{}
.top-nav ul{float: right; margin: 0px;}
.top-nav ul li{float: left; padding-left: 20px; list-style: none;}
.top-nav ul li a{font-size: 12px; text-transform: uppercase; font-weight: 500;}
.header { background-color: #f9f8f4; padding-top: 5px; padding-bottom: 10px; line-height: 2.8;}
.navbar-brand { float: left; height: 50px; padding: 4px 15px; font-size: 18px;line-height: 20px;}
.store-block{float: right; padding-left: 30px;}
.store-box{}
.store-icon{float: left; font-size: 32px;padding-right: 20px;}
.store-block, .need-block{line-height: 1.5;}
.store-time, .help-number{color: #2e3233; font-weight: 600;}
.store-title, .help-title{font-size: 11px; text-transform: uppercase;letter-spacing: 1px; font-weight: 600;}
.need-block{}
.need-icon{float: left; font-size: 32px;padding-right: 20px;}
.need-box{}
.navigation { background-color: #444444; position: relative; z-index: 2;}
#navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button {margin: 0;
	padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation:after, #navigation > ul:after {content: "."; display: block; clear: both; visibility: hidden;
	line-height: 0; height: 0; }
#navigation #menu-button {display: none;}
#navigation {}
#navigation > ul > li {float: left;}
#navigation.align-center > ul {font-size: 0; text-align: center; }
#navigation.align-center > ul > li {display: inline-block; float: none; }
#navigation.align-center ul ul {text-align: left; }
#navigation.align-right > ul > li {float: right;}
#navigation > ul > li > a {padding: 15px 15px; font-size: 14px; letter-spacing: 0px; text-decoration: none;
	color: #FFFFFF; font-weight: 600; text-transform: uppercase; border-left: 1px solid #333333;
	border-right: 1px solid #333333; margin-right: -1px; }
#navigation > ul > li:hover > a {color: #ffffff; background-color: #3399FF;}
#navigation > ul > li.has-sub > a {padding-right: 40px;}
#navigation > ul > li.has-sub > a:after {position: absolute; content: "\f107"; 
font: normal normal normal 14px/1 FontAwesome; padding-left: 10px; }
/*#navigation > ul > li.has-sub > a:before { position: absolute; top: 21px; right: 14px; display: block;
  width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease;
  transition: all .25s ease;}
#navigation > ul > li.has-sub:hover > a:before {top: 23px; height: 0; }*/
#navigation ul ul {position: absolute; left: -9999px; }
#navigation.align-right ul ul {text-align: right;}
#navigation ul ul li {height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;
	-ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#navigation li:hover > ul {left: auto; }
#navigation.align-right li:hover > ul {left: auto; right: 0; }
#navigation li:hover > ul > li {height: 50px; }
#navigation ul ul ul {margin-left: 100%; top: 0; }
#navigation.align-right ul ul ul {margin-left: 0; margin-right: 100%; }
#navigation ul ul li a {border-top: 1px solid #446a73; padding: 18px 16px; width: 230px; font-size: 14px;
	text-decoration: none; color: #FFFFFF; font-weight: 400; background: #3399FF; }
#navigation ul ul li:last-child > a, #navigation ul ul li.last-item > a {border-bottom: 0;}
#navigation ul ul li:hover > a, #navigation ul ul li a:hover {color: #ffffff;}
#navigation ul ul li.has-sub > a:after {position: absolute; top: 23px; right: 11px; width: 8px; height: 2px;
	display: block; background: #FFFFFF; content: ''; }
#navigation.align-right ul ul li.has-sub > a:after {right: auto; left: 11px;}
#navigation ul ul li.has-sub > a:before {position: absolute; top: 20px; right: 14px; display: block; 
width: 2px; height: 8px; background: #FFFFFF; content: ''; -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease;
	transition: all .25s ease;}
#navigation.align-right ul ul li.has-sub > a:before {right: auto; left: 14px; }
#navigation ul ul > li.has-sub:hover > a:before {top: 17px; height: 0; }

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#navigation {width: 100%;}
#navigation ul {width: 100%; display: none;}
#navigation.align-center > ul {text-align: left; }
#navigation ul li {width: 100%; border-top: 1px solid #333333;}
#navigation ul ul li, #navigation li:hover > ul > li {height: auto; }
#navigation ul li a, #navigation ul ul li a {width: 100%; border-bottom: 0; border-left: transparent;
	border-right: transparent; padding: 18px 15px; }
#navigation > ul > li {float: none;}
#navigation ul ul li a {padding-left: 25px; }
#navigation ul ul ul li a {	padding-left: 35px;}
#navigation ul ul li a {color: #dddddd; background: none; }
#navigation ul ul li:hover > a, #navigation ul ul li.active > a {color: #ffffff; }
#navigation ul ul, #navigation ul ul ul, #navigation.align-right ul ul {position: relative; left: 0;
	width: 100%; margin: 0; text-align: left;}
#navigation > ul > li.has-sub > a:after, #navigation > ul > li.has-sub > a:before, #navigation ul ul > li.has-sub > a:after, #navigation ul ul > li.has-sub > a:before {display: none;}
#navigation #menu-button {display: block; padding: 17px; color: #FFFFFF; cursor: pointer; font-size: 12px;
	text-transform: uppercase; font-weight: 700;}
#navigation #menu-button:after {position: absolute; top: 22px; right: 17px; display: block; height: 8px;
	width: 20px; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; content: '';}
#navigation #menu-button:before {position: absolute; top: 16px; right: 17px; display: block; height: 2px;
	width: 20px; background: #FFFFFF; content: '';}
#navigation #menu-button.menu-opened:after {top: 23px; border: 0; height: 2px; width: 15px; 
	background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#navigation #menu-button.menu-opened:before {top: 23px; background: #ffffff; width: 15px; 
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg); transform: rotate(-45deg); }
#navigation .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block;
	border-left: 1px solid #333333; height: 50px; width: 50px; cursor: pointer; }
#navigation .submenu-button.submenu-opened { background: #333333;}
#navigation ul ul .submenu-button { height: 34px; width: 34px;}
#navigation .submenu-button:after {position: absolute; top: 22px; right: 19px; width: 8px; height: 2px;
	display: block; background: #FFFFFF; content: ''; }
#navigation ul ul .submenu-button:after { top: 15px; right: 13px;}
#navigation .submenu-button.submenu-opened:after { background: #ffffff;}
#navigation .submenu-button:before {position: absolute; top: 19px; right: 22px; display: block; width: 2px;
	height: 8px; background: #FFFFFF; content: ''; }
#navigation ul ul .submenu-button:before { top: 12px; right: 16px; }
#navigation .submenu-button.submenu-opened:before { display: none;}
}

/*---------------------------------------
------------------ Header Transparent CSS Start ------------
----------------------------------------*/

.header-transparent{padding-bottom: 20px;}
.top-bar-transparent{margin-bottom: 20px;}
.header-transparent #navigation{margin-top: 5px;}
.header-transparent #navigation > ul > li > a{padding: 10px 20px; border: transparent; color: #fff;}
.header-top{border-bottom: 1px solid transparent;padding-top: 10px; padding-bottom: 10px; color: #fff; border-color: rgba(250,250,250,.2);}
.header-transparent #navigation > ul > li:hover > a { color: #ffffff; background-color: transparent;}
.header-top .top-nav ul li a{color: #fff;}
.top-nav-collapse { background-color:rgba(18,45,52, .8);}
#search-area-v2{    position: absolute; width: 100%; z-index: 1032; top: 48px;}
#search-area-v2 .well-bg{background-color: #333;} 
.phone-img{margin-bottom: 60px;}

/*---------------------------------------
------------------ Header Transparent CSS End ------------
----------------------------------------*/

.slider, .slick-slide {position: relative;}

.slider-img {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#858585+0,858585+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(100,100,100,0) 0%, rgba(100,100,100,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(100,100,100,0) 0%,rgba(100,100,100,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(100,100,100,0) 0%,rgba(100,100,100,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00858585', endColorstr='#a6858585',GradientType=0 ); /* IE6-9 */}


.slider img { width: 100%; z-index: -1; position: relative;}
.slider-captions { position: absolute; bottom: 30%; width: 40%}
.slider-title {color: #FFFFFF; font-size: 48px; font-weight: 600; letter-spacing: -1px; line-height: 62px;}
.slider-text { color: #FFFFFF; font-size: 24px; text-align: left;}

/*--------- client-logo ---------*/

.client-logo{}
.client-logo img{opacity: .8}
.client-logo img:hover{opacity: 1;}

/*-------- footer ---------*/



#Basso
{
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background-color: #333333;
}

#Basso ul
{
  list-style: none;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}
#Basso li
{
  display: inline;
  width: 100px;
  margin: 0px 10px 0px 0px;
  padding: 2px;
  color: #FFFFFF;
}
#Basso a
{
  color: #333333;
  text-decoration: none;
}



/*-------- page header ---------*/

.page-header-mm {background: linear-gradient(rgba(195, 195, 195, 0.6), rgba(195, 195, 195, 0.6)), rgba(195, 195, 195, 0.6) url(../images/euro.jpg) no-repeat center; background-size: cover; color: #fff; margin: 0; border: none;
    position: relative;text-align: center; padding: 0px;}

.page-header-imm {background: linear-gradient(rgba(195, 195, 195, 0.6), rgba(195, 195, 195, 0.6)), rgba(195, 195, 195, 0.6) url(../images/immobiliare.jpg) no-repeat center; background-size: cover; color: #fff; margin: 0; border: none;
    position: relative;text-align: center; padding: 0px;}

.page-header-prestiti {background: linear-gradient(rgba(195, 195, 195, 0.6), rgba(195, 195, 195, 0.6)), rgba(195, 195, 195, 0.6) url(../images/prestiti-personali.jpg) no-repeat center; background-size: cover; color: #fff; margin: 0; border: none;
    position: relative;text-align: center; padding: 0px;}

.page-header-conti-correnti {background: linear-gradient(rgba(195, 195, 195, 0.6), rgba(195, 195, 195, 0.6)), rgba(195, 195, 195, 0.6) url(../images/conti-correnti.jpg) no-repeat center; background-size: cover; color: #fff; margin: 0; border: none;
    position: relative;text-align: center; padding: 0px;}

.page-header-news {background: linear-gradient(rgba(195, 195, 195, 0.6), rgba(195, 195, 195, 0.6)), rgba(195, 195, 195, 0.6) url(../images/news.jpg) no-repeat center; background-size: cover; color: #fff; margin: 0; border: none;
    position: relative;text-align: center; padding: 0px;}

.page-header-forum {background: linear-gradient(rgba(195, 195, 195, 0.6), rgba(195, 195, 195, 0.6)), rgba(195, 195, 195, 0.6) url(../images/forum.jpg) no-repeat center; background-size: cover; color: #fff; margin: 0; border: none;
    position: relative;text-align: center; padding: 0px;}

.page-header-contatti {background: linear-gradient(rgba(195, 195, 195, 0.6), rgba(195, 195, 195, 0.6)), rgba(195, 195, 195, 0.6) url(../images/contatti.jpg) no-repeat center; background-size: cover; color: #fff; margin: 0; border: none;
    position: relative;text-align: center; padding: 0px;}

.page-section{padding: 108px 0px;}
.page-description{}
.page-title{color: #fff; margin-bottom: 0px;font-size: 42px; font-weight: 700;}
.page-breadcrumb{}
.page-breadcrumb .breadcrumb{background:rgba(255,255,255,.7);border-radius: 0px; font-size: 12px; 
text-transform: uppercase;font-weight: 600; margin-bottom: 0px;padding: 5px;}
.page-breadcrumb .breadcrumb>.active { color: #c45d3c;}
.page-breadcrumb .breadcrumb>li+li:before {  padding: 0 5px; color: #444444; content: ">";}

/*-------- effetto immagini --------*/


.ruota img {
  transition: all 0.5s ease;
}
.ruota img:hover {
border-radius: 50%; 
transform: rotate(360deg);
}

#cerchio img
{
        border-radius: 50%;
        border: 3px solid #CCCCCC;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


#cerchio img:hover
{
	border-radius: 50%;
        border: 3px solid #CCCCCC;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.7;
}

.dimensione_img {
transition-duration: 1s;
-ms-transition-duration: 1s;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-property: transform;
-ms-transition-property: -ms-transform;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
overflow:hidden;
float:left;
}
.dimensione_img:hover {
-ms-transform: scale(4,4);
-webkit-transform: scale(4,4);
-moz-transform: scale(4,4);
-o-transform: scale(4,4);
}

.box {
  border: 2px solid #336699;
  padding: 10px;
  margin: 10px;
  border-radius: 15px;
  -moz-border-radius: 15px; /* firefox */
  -webkit-border-radius: 15px; /* safari, chrome */    
}

/*-------- service page --------*/

.service-block{margin-bottom: 30px;}
.service-block .well-bg{padding: 40px;}
.service-block .icon{color: #444444;}
.service-block .well-bg:hover .icon{color: #3399FF}
.service-img{margin-bottom: 30px;}
.service-image-block{  text-align: center;margin-bottom: 30px;}
.service-image-inner{padding: 20px; border: 1px solid #e6e3da; border-radius: 4px;background-color: #fff;}

/*-------- about us page --------*/
.section-full{}
.section-info{}
.section-half-bg{padding: 80px 0px 0px 80px;}
.side-img{background: url('../images/side-image.jpg'); height: 580px; background-position: top center; background-repeat: no-repeat;}
/*--------- tetimonial --------*/
.testimonial{color: #fff;}
.heading-white{color: #fff;}
.testimonial .slick-dots{bottom: -40px; width: 110px;}
.testimonial-inner{margin-top: 40px; }
.testimonial-img{}
.testimonial-img img {float: left; margin-top: 15px; border-radius: 50%;}
.testimonial-caption { padding-top: 15px; line-height: .8; margin-bottom: 30px; padding-left: 100px;}
.testimonial-head{}
.testimonial-name{color: #fff;margin-bottom: 10px;}
.testimonial-content{font-style: italic; font-size: 16px; margin-top: 60px;}
.testimonial-meta{font-size: 13px; color: #9ac6d1;}

/*--------- testimonial-v2 ---------*/

.testimonial-v2{text-align: center;}
.testimonial-v2-caption{margin-bottom: 40px; font-size: 21px;}
.testimonial-v2-caption p{line-height: 38px; font-style: italic;}
.testimonial-v2-author{}
.testimonial-v2-name{margin-bottom: 0px;}
.testimonial-v2-img{}
.testimonial-v2-img img{border-radius: 50%; margin-bottom: 20px;}
.testimonial-v2-meta{color: #7c8182;font-size: 12px; text-transform: uppercase;}
.testimonial-v2 .slick-dots, .testimonial-v3 .slick-dots{bottom: -40px;}
.testimonial-v2 .slick-dots li button, .testimonial-v3 .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: #c45d3c; border: 0; 
outline: none; background:transparent;}
.testimonial-v2 .slick-dots li button:before, .testimonial-v3 .slick-dots li button:before {
    font-family: 'slick'; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px;
    height: 20px; content: '•'; text-align: center; opacity: .8; color: #c45d3c; 
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.testimonial-v2 .slick-dots li.slick-active button:before, .testimonial-v3 .slick-dots li.slick-active button:before { opacity: .75; color: #333;}

/*--------- testimonial-v3 ---------*/

.testimonial-v3{}
.testimonial-v3-caption p{font-size: 18px;color: #2e3233; font-style: italic; line-height: 36px;}
.testimonial-v3-author{margin-top: 20px;padding-bottom: 20px;}
.testimonial-v3-img{ float: left; padding-right: 20px;}
.testimonial-v3-img img{border-radius: 50%; margin-bottom: 20px;}
.testimonial-v3-name{padding-top: 10px;margin-bottom: 0px;}
.testimonial-v3-meta{color: #c45d3c;font-size: 12px;}

/*--------- blog page --------*/

.post-block{margin-bottom: 30px;}
.post-img{margin-bottom: 20px; position: relative;}
.post-content{}
.meta{font-size: 13px;margin-bottom: 20px; text-transform: uppercase; font-weight: 500;border-bottom: 1px solid #e6e3da; padding-bottom: 9px;}
.meta-date{}
.meta-comments{padding-right: 20px;}
.meta-author{}
.meta-category{}
.meta-tag{}
.meta-comments i, .meta-author i, .meta-category i, .meta-tag i{padding-right: 5px;}
.date-bg{background-color: #fff;position: absolute; bottom: 10px; left: 10px; text-align: center;line-height: 1;text-transform: uppercase; padding: 10px 13px;}
.date-bg .date{font-size: 18px; color: #2e3233;font-weight: 600;}
.date-bg .month{font-size: 12px; color: #2e3233; margin-top: 4px;}

/*-------- Blog Details -------*/

.alignleft { float: left; margin: 30px 30px 30px 0;}
.alignright { float: right; margin: 30px 0 30px 30px;}
blockquote { padding: 40px; margin: 0 0 20px; font-size: 19px;  border-left: 5px solid #c45d3c; background-color: #f9f8f4; font-style: italic; line-height: 24px;}
.related-post-block{border-bottom: 1px solid #e6e3da;padding-bottom: 30px; margin-bottom: 40px;}
.related-post{}
.related-post h4{margin-bottom: 5px;}
.related-post .in-category{}
.related-meta{font-size: 14px;}
.next-prev-block{border-bottom: 1px solid #e6e3da;padding-bottom: 30px; margin-bottom: 40px;}
.prev-block{}
.next-block{text-align: right;}
.prev-link{}
.next-link{}
.prev-link, .next-link{margin-bottom: 10px; text-transform: uppercase; font-size: 14px; font-weight: 600;}
.author-post{}
.author-title{}
.author-block{}
.author-image{}
.author-content{}

/*--- Comments ---*/

.comments{margin-top: 60px;}
.comments-area {}
.comments .meta-style .meta-date { margin-bottom: 20px; display: block;}
.comments-title {}
.comment-post { }
.comment-title { margin-bottom: 10px;}
.comment-title span { margin-left: 25px;}
.comment-list {}
.comment-frame { float: left; width: 110px;}
.user-comments { margin-left: 130px;}
.comment-body {}
.comment-body .meta-style{}
.comment-body .meta-date{font-size: 12px; text-transform: uppercase;}
.comment-body .meta-date i{padding-right: 10px;}
.comment-body.listnone {border-bottom: 1px solid #e6e3da; padding-bottom: 39px; margin-bottom: 40px;}
.children { background-color: #f9f8f4; padding: 30px; margin-top: 30px;}
 
/*--- leave a Comments ---*/

.leave-reply{margin-top: 40px;}

/*--------- blog sidebar --------*/

.widget{margin-bottom: 30px; font-size: 14px;}
.widget ul{margin-bottom: 0px;}
.widget-title{font-size: 18px;}
.widget-search{}
.widget-category{}
.widget-archives{}
.widget-archives li a{font-size:14px; padding-top: 19px; padding-bottom: 19px;display: block; border-bottom: 1px solid #e6e3da;line-height: 14px; color: #2e3233;}
.widget-recent-comment{}
.recent-post-block{margin-bottom: 30px;}
.recent-post-block:last-child{margin-bottom: 0px;}
.recent-desc{}
.recent-img{}
.recent-desc h3{line-height: 16px;}
.recent-desc .meta{margin-bottom: 0px;border:none;line-height: 1;}
.recent-desc .meta-date i{padding-right: 10px; font-size: 12px;}
.recent-title{font-size: 13px; color: #2e3233;}
.widget-tags {}
.widget-tags a {background-color: #fff; text-transform: uppercase; border: 1px solid #eee; color: #7c8182; padding: 7px 13px; display: inline-block; margin-bottom: 5px; font-weight: 600; font-size: 12px;line-height: 12px;}
.widget-tags a:hover { background-color: #c45d3c; color: #fff; border: 1px solid #c45d3c;}
.widget-address{}
.widget-address address{margin-bottom: 0px;line-height: 1.8;}
.widget-schedule{}
.widget-schedule ul li{margin-bottom: 10px;}
.widget-schedule ul li strong{color: #2e3233;}
.widget-phone{}
.widget-address i, .widget-schedule i, .widget-phone i{font-size: 18px; color: #c45d3c; float: left;margin-right: 15px;margin-top: 4px;}
/*--------- Contact us Page ----------*/
.contact-form{margin-top: 10px;}
.map {height: 400px;}
/*--------- Feedback form --------*/
.feedbackform{margin-top: 60px;}
/*--------- Appointment page ---------*/
.appointment-form{margin-top: 60px;}
/*----- location page --------*/
.location-block{margin-bottom: 30px;}
.location-block ul li{margin-bottom: 5px;}
.location-map{height: 200px;}
.location-title{text-transform: uppercase;color: #c45d3c; font-size: 14px;}
.location-time{float: right; color: #2e3233;}
/*-------- career page --------*/
.career-section{color: #fff;}
.feature-benefits{margin-top: 30px; margin-bottom: 10px;}
.feature-benefits .feature-icon{color: #fff;margin-bottom: 10px; font-size: 20px;}
.job-block{margin-bottom: 50px;}
.job-inner{border-bottom: 1px solid #e6e3da; padding-bottom: 30px;}
.job-position{color: #446a73;font-size: 14px;}
.job-location{font-style: italic; font-size: 14px;}
.career-form{}
.career-form .form-control{margin-bottom: 20px;}
/*--------- Faq page --------*/
.faq-block{min-height: 450px;}
.faq-block .well-inner{padding: 40px;}
.faq-block .icon{color: #3399FF;}
.faq-listing{}
.faq-listing ul{}
.faq-listing li{margin-bottom: 60px;}

/*--------- Pricing Page ----------*/

.pricing-block{margin-bottom: 30px;}
.pricing-head{background-color: #446a73; padding: 40px; color: #fff;}
.pricing-head .heading-white{font-weight: 700;}
.price-list{}
.price-list .price-item{border-bottom: 1px solid #e6e3da; padding-bottom: 10px;padding-top: 10px;
font-size: 14px; color: #2e3233;}
.price-amount{float: right;color: #2e3233;font-weight: 700;}

/*--------- pricing v.2 ---------*/

.pricing-block-2{margin-bottom: 30px;}
.pricing-block-2 .heading-title{font-weight: 700; font-size: 32px;margin-bottom: 40px;}
.price-large{font-size: 48px; color: #c45d3c;font-weight: 700;letter-spacing: -2px;}
.dollar-sign{font-size: 24px; font-weight: 400; color: #c45d3c;}
.pricing-block-2 .price-list{padding: 20px 20px 0px 20px;}
.pricing-action{padding: 20px;}

/*---------- team page ---------*/

.team-block{margin-bottom: 30px;}
.team-block .well-inner{padding: 20px 0px 0px 0px; margin:0 auto;}
.team-content{    padding: 30px 0px 10px 0px; text-align: center;}
.team-content h3{margin-bottom: 0px;}
.designation{font-size: 12px;text-transform: uppercase;}

/*---------- Error Page ---------*/

.error-block{margin-bottom: 60px;}

/*---------- Template Elements --------*/

.icon{margin-bottom: 10px;}
.icon-size{font-size: 62px;}

/*-- feature box --*/

.feature-bg{background-color: #f9f8f4;}
.feature-bdr{border-right:0px;}
.feature{ margin-top: 5px;}
.feature-icon{color: #3399FF; font-size: 34px; margin-bottom: 30px;}
.feature-inner{padding: 10px;}
.feature-content{}
.feature-left{}
.feature-left .feature-icon{float: left;}
.feature-left .feature-content{padding-left: 60px; text-align: left;}
.call-to-action-default{}
.call-to-action-title{color: #fff; font-size: 26px;}
.call-action-desc{color: #89abb3;}
.call-to-action-btn{padding-top: 20px;}

/*--------- pagination --------*/

.st-pagination {margin-top: 60px;}
.st-pagination .pagination>li>a, .pagination>li>span {position: relative; float: left; padding: 7px 16px;
margin-left: -1px; line-height: 1.42857143; color: #252422; text-decoration: none; font-size:14px; 
background-color: #e8e7e4; border:none; margin-right: 5px; font-weight: 600; border-radius: 4px; 
text-transform:uppercase;}
.st-pagination .pagination>li>a:focus, 
.st-pagination .pagination>li>a:hover, 
.st-pagination .pagination>li>span:focus, 
.st-pagination .pagination>li>span:hover {z-index: 2; color: #fff; background-color: #c45d3c; 
border-color: #c45d3c;}
.st-pagination .pagination>li:first-child>a, 
.st-pagination .pagination>li:first-child>span {margin-left: 0; border-radius: 4px;}
.st-pagination .pagination>li:last-child>a, 
.st-pagination .pagination>li:last-child>span {border-radius: 4px;}
.st-pagination .pagination>.active>a, 
.st-pagination .pagination>.active>a:focus, 
.st-pagination .pagination>.active>a:hover, 
.st-pagination .pagination>.active>span, 
.st-pagination .pagination>.active>span:focus, 
.st-pagination .pagination>.active>span:hover {z-index: 3; color: #fff; cursor: default; 
background-color: #c45d3c; border-color: #c45d3c;border-radius: 4px; }

/*---------- shortcodes ----------*/

.column-block p, .typography-block p{margin-bottom: 30px;}

/*----------  Shortcodes Tabs ---------*/

.st-tabs{}
.st-tabs .nav-tabs {  border-bottom: 1px solid transparent;}
.st-tabs .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143;  border: 1px solid transparent;  border-radius: 2px 2px 0 0; background-color: #333333; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 14px 30px; letter-spacing: 1px;}
.st-tabs .nav-tabs>li>a:hover{background-color:#3399FF;border-bottom: 1px solid #f9f8f4; color: #FFFFFF;border-color: transparent;  }
.st-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #FFFFFF;
    cursor: default; background-color: #3399FF; border: 1px solid transparent; 
	border-bottom-color: transparent;}
.st-tabs .tab-content{padding: 30px;background-color: #f9f8f4;}

/*----- Vertical tabs -----*/

.st-vertical-tabs{}
.st-vertical-tabs .nav-tabs>li>a{margin-bottom: 10px; border-radius: 2px;}
.st-vertical-tabs .tab-content{padding: 0px 30px;background-color: transparent;}

/*----- Center tabs -----*/

.st-center-tabs{}
.st-center-tabs .nav-tabs>li>a{margin-bottom: 10px; border-radius: 2px;}
.st-center-tabs .tab-content{padding: 30px;background-color: #fff;}
.st-center-tabs { text-align: center;}
.st-center-tabs ul.nav {display: inline-block;}
.st-center-tabs li { display: inline}
.st-center-tabs a { float: left}

/*------ accordions ------*/

.st-accordions{}
.st-accordions .panel-default { border-color: transparent; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05); box-shadow: 0 0px 0px rgba(0,0,0,.05);}
.st-accordions .panel-group .panel{margin-bottom: 20px;}
.st-accordions .panel-heading { padding: 20px 25px; border-bottom: 1px solid transparent; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.st-accordions .panel-heading.active{background-color: #c45d3c;}
.st-accordions .panel-default>.panel-heading { color: #2e3233; background-color: #f9f8f4; 
border-color: #f9f8f4;}
.st-accordions .panel-body { padding: 40px;background-color: #f9f8f4;border-top: transparent;}
.st-accordions .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border-top: transparent;}
#accordion .highlight { background:#c45d3c; transition:background 1s ease; color: #fff;}
#accordion .highlight a{color: #fff;}

/********** Extra Plugin CSS - Back to top **********/

.cd-top {display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px;
	overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(51, 153, 255, 100) url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; 
	-webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s;
 transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
 -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s;
 transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {	/* the button becomes visible */ visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;}
.no-touch .cd-top:hover {background-color: #3399FF; opacity: 1;}

/*---------- Home page 2 ---------*/

.social-nav{}
.social-nav ul{margin-top: 15px; float: right;margin-bottom: 0px;}
.social-nav li{float: left;padding-left: 10px;}
.social-nav li a{color: #acc4ca;}
.social-nav li a:hover{color: #fff;}

/*============= Laptop 1366 ===========*/
@media screen and (max-width: 1366px) {
.slider-captions {position: absolute; bottom: 18%; width: 40%;}} 
@media (max-width: 320px) {
	.navbar-brand img{width: 80px;}
	.header .btn{font-size: 12px; padding: 10px; display: none;}
	.top-nav ul li { float: left; padding-left: 11px; list-style: none;}
}

/*============= media query =============*/
@media only screen and (max-width: 768px) {
	.header {background-color: #f9f8f4; padding-top: 10px; padding-bottom: 10px; line-height: 2.8;}
	.header .btn{font-size: 12px; padding: 10px;}
	.welcome-msg, .store-block, .need-block, .slider-text, .slider-captions>.btn{display: none;}
	.navbar-brand{ }
	.navbar-brand img{width: 120px;}
	.slider-captions{bottom: 30%; width: 100%; text-align: center;}
	.slider-title{font-size: 20px; line-height: 20px;}
	.slider .slick-dots{bottom: 5px;}
	.section-half-bg {
    padding: 60px;}
	/*============= home page 3 =============*/
	.header-transparent {
    padding-bottom: 20px;
    position: relative;
    background: #333;}
    .header-transparent #navigation > ul > li > a {
    padding: 18px 20px;
    border: transparent;
    color: #fff;
}
	.header-transparent #navigation #menu-button{margin-bottom: 10px; margin-top: 10px;}

}


@media print {
  .no-stampa { display: none !important; }
}



#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 7px 3px 7px; margin-left:5px; background:#666; FONT-FAMILY: Helvetica, Arial, sans-serif; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top no-repeat; overflow:hidden}


#top{

        border:1px solid #d2d2d2;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed;
        bottom:10px; 
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:helvetica;
        font-size:12px;
}

#top:hover {      
BACKGROUND-COLOR: #cccccc;                           
color: #444444;
display:none;               
test-decoration:none;                 
}

.testa {
	BACKGROUND-IMAGE: url(images/testa.png)
}

.alto {
	BACKGROUND-IMAGE: url(images/alto.png)
}

.centro {
	BACKGROUND-COLOR: #DFDFDF;
}

.centro_azzurro {
	BACKGROUND-COLOR: #F5F5F5;
}

.basso {
	BACKGROUND-IMAGE: url(images/basso.png)
}

.base_doc_alto {
	BACKGROUND-IMAGE: url(images/base_doc_alto.png)
}

.base_doc_centro {
	BACKGROUND-IMAGE: url(images/base_doc_centro.png)
}

.base_doc_basso {
	BACKGROUND-IMAGE: url(images/base_doc_basso.png)
}

.sfondo_grafico {
	BACKGROUND-IMAGE: url(images/sfondografico.png)
}

.sfondo_cella_bianco {
	BACKGROUND-COLOR: #FFFFFF
}

.sfondo_cella_verde {
	BACKGROUND-COLOR: #59BD2F
}

.sfondo_cella_grigio {
	BACKGROUND-COLOR: #DDDDDD; FONT-SIZE: 13px; COLOR: #444444; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center
}

.sfondo_grigio {
	BACKGROUND-COLOR: #666666; COLOR: #FFFFFF
}

.sfondografico {
	BACKGROUND-IMAGE: url(images/sfondografico.png)
}

.tratto_pannello {
	BACKGROUND-IMAGE: url(images/tratto_pannello.png) 
}

.tratto_alto {
	BORDER-TOP: #666666 1px solid 
}

.tratto_basso_5 {
	BORDER-BOTTOM: #eeeeee 1px dotted 
}

.tratto_basso_40 {
	BORDER-BOTTOM: #eeeeee 1px dotted  
}

.tratto_basso_50 {
	BORDER-BOTTOM: #eeeeee 1px dotted 
}

.tratto_basso_100 {
	BACKGROUND-IMAGE: url(images/tratto_basso_100.png) 
}

.tratto_basso_200 {
	BACKGROUND-IMAGE: url(images/tratto_basso_200.png) 
}

.tratto_basso {
	BORDER-BOTTOM: #666666 1px solid 
}

.tratto_cella_basso {
	BORDER-BOTTOM: #666666 1px dotted 
}

.tratto_sx {
	BORDER-LEFT: #666666 1px solid 
}

.tratto_sx_basso {
	BORDER-BOTTOM: #666666 1px solid; BORDER-LEFT: #666666 1px solid 
}

.tratto_dx_basso {
	BORDER-BOTTOM: #666666 1px solid; BORDER-RIGHT: #666666 1px solid
}

.titolo_grigio {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #444444; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}

.titolo_rosso {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FF0000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}

.titolo_verde {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #008000; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}

.titolo_verde_big {
	FONT-WEIGHT: bold; FONT-SIZE: 25px; COLOR: #50AF00; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}

.titolo_bianco {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}

.titolo_blu_right {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #0052A4; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: right; TEXT-DECORATION: underline
}

.testo_grigio {
	FONT-SIZE: 15px; COLOR: #444444; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: justify
}

.testo_grigio_right {
	FONT-SIZE: 15px; COLOR: #444444; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: right
}

.testo_grigio_centrato {
	FONT-SIZE: 15px; COLOR: #444444; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center
}

.testo_grigio_piccolo {
	FONT-SIZE: 10px; COLOR: #444444; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: justify
}

.testo_arancio_centrato {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FFFFFF; background-color:#FFCC33; padding:4px 8px; border-radius: 50%; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center

}

.testo_verde_centrato {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FFFFFF; background-color:#50AF00; padding:4px 8px; border-radius: 50%; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center

}

.testo_rosso_centrato {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FFFFFF; background-color:#FF0000; padding:4px 8px; border-radius: 50%; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-ALIGN: center
}

.linkblu_small {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none
}
.linkblu_small:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; TEXT-DECORATION: underline
}
.linkblu_small:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; TEXT-DECORATION: underline
}
.linkblu_small:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; TEXT-DECORATION: underline
}


.linkblu{FONT-WEIGHT:bold;FONT-SIZE:15px;COLOR:#666666;FONT-FAMILY: Helvetica, Arial, sans-serif;TEXT-DECORATION:underline}
.linkblu:link{FONT-WEIGHT:bold;FONT-SIZE:15px;COLOR:#666666;TEXT-DECORATION:underline}
.linkblu:hover{FONT-WEIGHT:bold;FONT-SIZE:15px;COLOR:#666666;background-color:#FFFFFF;TEXT-DECORATION:none}


.linkblu_big {
	FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: #0080FF; FONT-FAMILY: Helvetica, Arial, sans-serif; TEXT-DECORATION: none
}
.linkblu_big:link {
	FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: #0080FF; TEXT-DECORATION: none
}
.linkblu_big:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: #0080FF; TEXT-DECORATION: none
}
.linkblu_big:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: #FFFFFF; TEXT-DECORATION: none
}


.riga_link:link {
    color: #666666;
    transition: background 1s;
    -webkit-transition: background 1s;
    font-family:Montserrat,Arial,sans-serif;
    FONT-SIZE: 13px;
    font-weight: bold;
    TEXT-DECORATION: none;
    text-transform: uppercase;
    border-bottom: 1px solid #999999;}


.riga_link:visited {
    color: #666666;
    transition: background 1s;
    -webkit-transition: background 1s;
    font-family:Montserrat,Arial,sans-serif;
    FONT-SIZE: 13px;
    font-weight: bold;
    TEXT-DECORATION: none;
    text-transform: uppercase;
    border-bottom: 3px solid #999999; }

.riga_link:hover {
      background: #3399FF;
      font-family:Montserrat,Arial,sans-serif;
      FONT-SIZE: 13px;
      font-weight: bold;   
      TEXT-DECORATION: none;
      text-transform: uppercase;
      color: #FFF; }


.linkbianco{FONT-WEIGHT:bold;FONT-SIZE:15px;COLOR:#ffffff;FONT-FAMILY: Monserrat, Arial, sans-serif;TEXT-DECORATION:none}
.linkbianco:link{FONT-WEIGHT:bold;COLOR:#ffffff;TEXT-DECORATION:none;}
.linkbianco:hover{FONT-WEIGHT:bold;COLOR:#ffffff;background-color:#3399FF;TEXT-DECORATION:none}

form {
margin-bottom: 0; margin-top: 0
}

img {
  vertical-align: middle;
}

.area_small {
	 BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 40px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}
.area_small_on {
	BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 40px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}

.area_piccola {
	 BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 60px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}
.area_piccola_on {
	BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 60px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}

.area_medio_piccola {
	 BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 80px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}
.area_medio_piccola_on {
	BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 80px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}

.area_media {
	 BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 200px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}
.area_media_on {
	BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 200px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}

.area_mediogrande {
	 BORDER: 1px solid #666666; FONT-WEIGHT: normal; FONT-SIZE: 15px; WIDTH: 300px; COLOR: #000000; FONT-FAMILY: Arial, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}
.area_mediogrande_on {
	BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 300px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 4px;
}

.area_grande {
	 BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 350px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}
.area_grande_on {
	BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 350px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}

.area_super {
	 BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 450px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #f1f1f1; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}
.area_super_on {
	BORDER: 1px solid transparent; FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 450px; COLOR: #333333; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: left; padding: 5px;
}

.area_spunta {
	BORDER-RIGHT: #444444 1px dotted; BORDER-TOP: #444444 1px dotted; FONT-WEIGHT: normal; FONT-SIZE: 13px; BORDER-LEFT: #444444 1px dotted; WIDTH: 30px; COLOR: #333333; BORDER-BOTTOM: #444444 1px dotted; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: left
}


.area_media_home {
	 border-radius: 4px; border: 2px solid #999999; FONT-WEIGHT: normal; WIDTH: 300px; BACKGROUND-COLOR: #FFFFFF; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075); padding: 5px; color: #444444
}

.area_media_home:focus {background-color: #FFFFFF; border-color: #3399FF; outline: 0;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(220,213,206,.6);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(220,213,206,.6);}


#tasto {
BACKGROUND-COLOR: #444444;
color: #FFFFFF;
padding:5px 15px 5px 15px;
border-radius: 25px;
border:transparent;
display: inline;

text-decoration: none;
FONT-FAMILY: Montserrat, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
display: inline;
}

#tasto:hover {      
BACKGROUND-COLOR: #3399FF;                           
color: #FFFFFF;               
test-decoration:none;  
display: inline;               
}

#tastofisso {
BACKGROUND-COLOR: #666666;
color: #ffffff;
WIDTH: 150px;
padding:5px 15px 5px 15px;
border: 1px solid;

text-decoration: none;
FONT-FAMILY: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
}

#tastofisso:hover {      
BACKGROUND-COLOR: #3399FF;                           
color: #ffffff;               
test-decoration:none;                 
}

.box_home {
  display: inline-block;
  background-color: #F5F5F5;
  width: 250px;
  border: 1px solid #eeeeee;
  padding: 10px;
  margin: 10px;
}

.box_home2 {
  display: inline-block;
  background-color: #FFFFFF;
  TEXT-ALIGN: center;
  border: 1px solid #cccccc;
  border-radius: 5%;
  padding: 10px;
  margin: 5px;
  box-shadow: 1px 1px 1px 1px #eeeeee;
}


.box_home3 {
  display: inline-block;
  background-color: #3399FF;
  TEXT-ALIGN: center;
  border: 1px solid #cccccc;
  border-radius: 5%;
  padding: 10px;
  margin: 5px;
  box-shadow: 1px 1px 1px 1px #eeeeee;
}

.paginazione {
BACKGROUND-COLOR: #DDDDDD;
color: #666666;
padding:8px 16px;
text-decoration: none;
FONT-FAMILY: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
}

.paginazione:hover {      
BACKGROUND-COLOR: #666666;                           
color: #FFFFFF;               
test-decoration:none; 
vertical-align: middle;                
}

.attivo {
BACKGROUND-COLOR: #666666;
color: #FFFFFF;
padding:8px 16px;
text-decoration: none;
FONT-FAMILY: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
vertical-align: middle;
}


.img_tonda {
    -moz-border-radius: 180px;
    -webkit-border-radius: 180px;
    border-radius: 180px;
}


.blink_text {
animation:2s blinker linear infinite;
color: #FF0000;
font-size:18px;
font-weight:bold;
}
.blink_text a {color:#f00;}
@keyframes blinker { 
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

* {
  box-sizing: border-box;
}



/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.modal-confirm {
color: #636363;
width: 400px;
}
.modal-confirm .modal-content {
padding: 20px;
border-radius: 5px;
border: none;
text-align: center;
font-size: 14px;
}
.modal-confirm .modal-header {
border-bottom: none;
position: relative;
}
.modal-confirm h4 {
text-align: center;
font-size: 26px;
margin: 30px 0 -10px;
}
.modal-confirm .close {
position: absolute;
top: -5px;
right: -2px;
}
.modal-confirm .modal-body {
color: #444444;
}
.modal-confirm .modal-footer {
border: none;
text-align: center;
border-radius: 5px;
font-size: 13px;
padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a {
color: #999;
}
.modal-confirm .icon-box {
width: 80px;
height: 80px;
margin: 0 auto;
border-radius: 50%;
z-index: 9;
text-align: center;
border: 3px solid #f15e5e;
}
.modal-confirm .icon-box i {
color: #f15e5e;
font-size: 46px;
display: inline-block;
margin-top: 13px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
color: #fff;
border-radius: 4px;
background: #60c7c1;
text-decoration: none;
transition: all 0.4s;
line-height: normal;
min-width: 120px;
border: none;
min-height: 40px;
border-radius: 3px;
margin: 0 5px;
}
.modal-confirm .btn-secondary {
background: #c1c1c1;
}
.modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
background: #a8a8a8;
}
.modal-confirm .btn-danger {
background: #eeeeee;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
background: #FF0000;
}
.trigger-btn {
display: inline-block;
margin: 100px auto;
}


.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}