/* CSS Document */
/* AUTORE ------ COLOMBO3000           	*/
/* AUTORE NAME - CHRISTOPHER CORTE    	*/
/* SITO: ------- www.colombo3000.com	*/
/* DATA -------- 05/2014                */
/* CLIENTE ----- SPESAMICA              */
/* FRAMEWORK --- Bootstrap 3.1.1        */
/* CSS Document */

/*****************************************************************************/
/*GENERAL CLASS*/
/*****************************************************************************/

/**
 * 	FONT FAMILY SITE
 * 	font-family: 'Exo 2', sans-serif;
 * 	font-family: 'Open Sans', sans-serif;
 *
 * 	COLOR TEXT + BTN
* 	green       =	#0a9047
* 	light-green = 	#8dc941
* 	red         = 	#c2544d
* 	light-red   =  	#e9564c
* 	grey        = 	#666666
* 	light-grey  = 	#818181
 */


[id^="shape"] > path,
[id^="shape"] > g > path {
	opacity: 0.8;
}
@supports (mix-blend-mode: multiply) {
	[id^="shape"] > path,
	[id^="shape"] > g > path {
		opacity: 1;
		-webkit-mix-blend-mode: multiply;
		-moz-mix-blend-mode: multiply;
		-o-mix-blend-mode: multiply;
		-ms-mix-blend-mode: multiply;
		mix-blend-mode: multiply;
	}
}

#video {position: relative;min-height: 46.875vw;}
#video #l_home {position: absolute;top:0;left:0;right:0;bottom:0;z-index: 2;overflow: hidden;}


body{ background:#F1EFEC; font-family: 'Roboto', sans-serif; color:#666666; font-size:14px; }

.clear{ clear:both; }

a{color:#E4474E;}
a:hover{color:#E4474E;}
p{font-size:14px;font-weight:300;color:#605b58;line-height:25px;}
h1{font-size:24px;font-weight:bold;line-height:30px;}

#menu-sx{ margin:0; }
.cent-text{text-align:center;}
.grasset-norm{font-size:18px;font-weight:bold;}
.icon-cent{text-align:center; padding:20px;}
#text-principale{padding:40px 200px 40px 200px; text-align:justify;}
#percentuals-tot h1{text-align:center;margin-top:40px;}
.percentuali-bot{padding:35px 50px 35px 50px;font-size:18px;font-weight:bold;text-align:center;}
.foll-facebook{background:url(../img/barra-oblq.jpg)top left no-repeat; padding:40px 0px 0px 120px;}
.img-int-cent{padding:10px;}
/*****************************************************************************/
/*FONTS*/
/*****************************************************************************/
.font-1{font-weight:100;font-size:55px;color:#fff;}
.font-2{font-weight:500;font-size:36px;color:#fff;}
.font-3{font-weight:200;font-size:30px;color:#fff;}
.font-4{font-weight:600;font-size:16px;color:#fff;}

/*****************************************************************************/
/*HEADER*/
/*****************************************************************************/
header{display:block;}
#top{background: none repeat scroll 0 0 #fff; position:fixed; width:100%; z-index: 1000; }

.bg-top{position:relative;top:0;left:0; background:url(../img/img1.jpg)top center no-repeat;padding-top:596px;}
.bg-claim{position:relative; background:url(../img/bg-bicolor.png)top center no-repeat;padding:20px;}
.checkbox{padding-left:0;}

/*Logo*/
#logo{padding:25px 0;}
#form .col-sm-6{padding:5px;}
#form .col-sm-12{padding:5px;}

/*MENU*/
#menu {margin-top:25px;}
#menu li{position:relative;color:#666666;}
#menu li a{font-size:15px; padding:10px 20px 10px 20px; color:#666666; font-weight:bold;}
#menu li:first-child a{border-left:none;}
#menu li a:hover, #menu li a:focus{color: #fff; background-color:#E54A50;}
#menu li.act a{color:#fff; background-color:#E54A50;}
.icchy{padding:10px;}

ul#basic{margin-bottom:20px;}
ul#pro{margin-bottom:20px;}
.basic-gray{background-color:#C4C0BA; padding:10px;color:#605B58; border-bottom:1px solid #fff;}
.basic-red{background-color:#E4474E; padding:10px;color:#fff; border-bottom:1px solid #fff;}

.red{color:#E4474E;font-size:18px;font-weight:bold;}
/*****************************************************************************/
/*MAIN*/
/*****************************************************************************/
main{background:#fff;padding-top:99px;}
#text{position:relative;top:0;left:0;}
/*Map*/
#map{position: relative;width:100%;height:320px; margin-top:15px;}

/*Inviato CHECK*/
.inviato{ font-size:250px;color:#8dc941; }

/*****************************************************************************/
/*ASIDE*/
/*****************************************************************************/
aside{background:#818181;color:#fff;font-family: 'Roboto', sans-serif;}

/*****************************************************************************/
/*FOOTER*/
/*****************************************************************************/
footer{ background-color:#e4474e; color:#fff; padding:30px 0; font-family: 'Roboto', sans-serif;}
footer p {color:#fff; font-size:24px; font-weight:500;}
footer a{color:#fff;}
footer a:hover{color:#EEEEEE;}
#foot-last{background-color:#605b58;padding:30px 0px 30px 0px;}
#foot-last a{color:#fff;}
#foot-last a:hover{color:#c7c7c7;text-decoration:none;}
#foot-last p{color:#fff;}

/*Info*/

/*****************************************************************************/
/*BTN*/
/*****************************************************************************/
.btn-primary {
  background-color: #e9564c ;
  border-color: #e9564c ;
  background-image:none;
  border:none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #c2544d;
  border-color: #c2544d;
}
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #e9564c ;
  border-color: #e9564c ;
}

/*POLICY COOKIES*/
#policy-cookie{position: relative;top:0;right:0;font-size:15px;text-align:center;color:#fff;z-index: 2000;background:#D22830;padding:0 11px; width:100%;}
-webkit-animation: fadein 1.5s; -moz-animation: fadein 1.5s; -ms-animation: fadein 1.5s; -o-animation: fadein 1.5s; animation: fadein 1.5s;} 
@keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-moz-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-webkit-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-ms-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-o-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } 
.policy-cookie-txt{width: 95%;float:left;padding:10px;background: #D22830;}
.policy-cookie-txt a{text-decoration: underline;color:#fff;}
.policy-cookie-btn{width:5%;float:left;text-align: center;height: auto;}
.policy-cookie-btn a{padding:3px 6px;background:#D22830;color:#fff;border-radius: 10px;line-height:40px;font-size: 15px;}
.policy-cookie-btn a:hover{background:#D22830;color:#fff;cursor: pointer;}

/*****************************************************************************/
/*RESIZED*/
/*****************************************************************************/

@media (max-width: 1200px) {
	
.font-1{font-size:40px;}
.font-2{font-size:30px;}
.font-3{font-size:25px;}
.font-4{font-size:16px;}
#text-principale{padding:20px;}
#menu li a{padding:10px 10px 10px 10px;}
}
@media (max-width: 992px) {
	#video {top: 40px;}
	
	body{ overflow-x:hidden;background: #818181;}

	/*SIDE BAR DX*/
	.tit-menu{float:left;font-size:25px;color:#fff;padding:10px 20px;}
	.btn-menu{ background:#818181; width:100%;text-align: right;padding:5px;}
	.btn-menu button{ background:#e4e7e5; border:none;padding:10px 15px;overflow: hidden;width:50px;height:50px;position: relative;}
	.btn-menu button i{ font-size:30px;display: block;line-height: 10px;}
	.btn-menu button i.fa-times{ position:absolute;margin-left:45px;margin-top:-20px;}
	
	#menu-sx.active .btn-menu button i.fa-minus{ margin-left:-90px;}
	#menu-sx.active .btn-menu button i.fa-times{ margin-left:-1px;}

	  #sidebar .navbar-nav{ margin:0; font-family: 'Roboto', sans-serif;}
	  #sidebar ul li a{ border-radius: 0;background:none;border:0;border-bottom:1px solid #666;color:#fff;font-size:18px; display: block;padding:10px;text-transform: uppercase;}
	  #sidebar ul li.active a{ background:#666;border:0;}
	  #sidebar ul li ul.dropdown-menu{ display: block;position: relative;float:none;width:auto;box-shadow: none;padding:0;margin:0;border:0;}
	  #sidebar ul li ul li a{ background:#939393;padding-left:20px;line-height: 20px;}
		#menu li a{padding:10px 0px 100px 0px;font-size:13px;}
	  
	  #menu-sx{ margin:0 -15px; }
	  .row-offcanvas { 
	    position: relative;
	    -webkit-transition: all .25s ease-out;
	       -moz-transition: all .25s ease-out;
	            transition: all .25s ease-out;}
#text-principale{padding:20px;}
	footer p {font-size: 16px;}
}
@media (min-width: 768px) AND (max-width: 992px) {
	#menu li a{padding:10px 5px 10px 5px;}
	#menu.navbar{ min-height: 0;}
	#text-principale{padding:20px;}
}
/*Contattaci*/
.text input[type=text], .text input[type=email], .text input[type=file], .text label { margin: 5px 0; }
.bg-danger{background: #e9564c;color:#fff; margin-bottom:15px;}

@media (max-width: 767px){
	/*VIDEO*/
	#video {top: 0;}
	#video #l_home {margin-left: -38%;}

.bg-claim{position:relative; background:none;padding:10px;}
.box-rosso{background-color:#D32930; padding:20px; text-align:center;}
.cent-text{background-color:#777370; padding:20px;}
.font-1{font-size:35px;}
.font-2{font-size:26px;}
.font-3{font-size:20px;}
.font-4{font-size:12px;}
.navbar-header{background:#CFCFCF }
.navbar-toggle .icon-bar{background: #303335;}
.navbar-brand {color:#303335;}
.navbar-collapse{max-height: none;}
main{padding-top:5px;}
#menu li a{padding:15px;}
header{}
#top{background:#fff; position:relative;}

	/*TEXT*/
	.text p{padding:15px 0;}
.icon-bar{color:#000;}
#text-principale{padding:20px;}
}
@media (max-width: 480px) {
.bg-top{position:relative;top:0;left:0; background:none; padding-top:0px; }
.bg-claim{position:relative; background:none;padding:10px;}
.box-rosso{background-color:#D32930; padding:20px; text-align:center;}
.cent-text{background-color:#777370; padding:20px;}
.font-1{font-size:35px;}
.font-2{font-size:26px;}
.font-3{font-size:20px;}
.font-4{font-size:12px;}	
#text-principale{padding:20px;}
}