/*
    	---------------------
    	Convenzioni.Groupauto.it
    	by Idearia.it
    	---------------------
    */

    /**
    * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
    * Richard Clark (http://richclarkdesign.com)
    * http://cssreset.com
    */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    /*table, caption, tbody, tfoot, thead, tr, th, td,*/
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
	    margin:0;
	    padding:0;
	    border:0;
	    outline:0;
	    font-size:100%;
	    vertical-align:baseline;
	    background:transparent;
    }
    body {
    	line-height:1;
    }
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section {
    	display:block;
    }
    nav ul {
    	list-style:none;
    }
    blockquote, q {
    	quotes:none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
	    content:'';
	    content:none;
    }
    a {
	    margin:0;
	    padding:0;
	    font-size:100%;
	    vertical-align:baseline;
	    background:transparent;
	    text-decoration: none;
    }
    /* change colours to suit your needs */
    ins {
	    background-color:#ff9;
	    color:#000;
	    text-decoration:none;
    }
    /* change colours to suit your needs */
    mark {
	    background-color:#ff9;
	    color:#000;
	    font-style:italic;
	    font-weight:bold;
    }
    del {
    	text-decoration: line-through;
    }
    abbr[title], dfn[title] {
	    border-bottom:1px dotted;
	    cursor:help;
    }
    table {
	    border-collapse:collapse;
	    border-spacing:0;
    }
    /* change border colour to suit your needs */
    hr {
	    display:block;
	    height:1px;
	    border:0;
	    border-top:1px solid #cccccc;
	    margin:1em 0;
	    padding:0;
    }
    input, select {
   	 vertical-align:middle;
    }

     /*
        ---------------------------------------------------- grid system
        src: http://www.responsivegridsystem.com/
    */

    /*  ROWS */
    .row{
        float:left;
        display:block;
        clear:both;
        width:100%;
        /*margin-bottom:20px;*/
    }
    .col{
        box-sizing: border-box;
        float:left;
        display:inline-block;
        margin: 1% 0 1% 1.6%;
    }
    .col:first-child{
        margin-left:0!important;
    }
    /* images in columns */
    .col > img,
    .col > a > img { max-width:100%; height:auto;}

    /*  GROUPING */
    .group:before,
    .group:after {
        content:"";
        display:table;
    }
    .group:after {
        clear:both;
    }
    .group {
        zoom:1; /* For IE 6/7 */
    }

    /*  GRID OF TWO  */
    .one-half{ width:49.2%;}
    .two-half{ width:100%;}
    /*  GRID OF THREE  */
    .three-third {width: 100%;}
    .two-third{width:66.1%;}
    .one-third{ width:32.2%;}
    /*  GRID OF FOUR  */
    .four-fourth {width: 100%;}
    .three-fourth{width: 74.6%; }
    .two-fourth { width: 49.2%; }
    .one-fourth {width: 23.8%; }
    /*  GRID OF FIVE  */
    .five-fifth {width: 100%; }
    .four-fifth {width: 79.68%; }
    .three-fifth { width: 59.36%;}
    .two-fifth { width: 39.04%;}
    .one-fifth {width: 18.72%;}

    /*
        ------------------------------------------ additional general style
    */

    .grey_bg{background: #E1E1E1;}
    .yellow_bg{ background:#FEDB4F; }
    .spacing{padding:15px;overflow:hidden;}
    .vspace{height:10px;}
    .clearfix{clear:both;display:block;width:100%;}
    .bullets li span{padding-left:25px; background: transparent url('images/bullet.png') no-repeat 3px 1px;}


    /*
        ------------------------------------------------ layout main width
    */
    .container{
    	width:960px;
    	margin:0 auto;
    }
    .container:after{
    	content: " ";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden;
    }

    /*
        ------------------------------------------------- content lettering
    */
    body{
        font-family: arial, helvetica, sans-serif;
        font-size: 90%;
        line-height: 130%;
    }
    #content{
        font-family: 'Myriad Pro', 'PT Sans Caption', arial, helvetica, sans-serif;
        background:#f5f5f5;
    }

    #content > .container{
    	box-sizing: border-box;
    	padding: 20px 4%;
    	background-color: #fff;
    }

     #content h1{
        font-size:2em;
        margin-bottom:30px;
        color:#29538F;
        line-height: 1.2;
    }

    #content h2{
        font-size:2em;
        margin-top:15px;
        margin-bottom:30px;
        color:#707070;
        line-height: 1.2;
    }
    #content h3{
        font-size:1.3em;
        margin-bottom:10px;
        padding-top:10px;
        color:#707070;
        line-height: 1.2;
    }
    #content h4{
        font-size:1.1em;
        margin-bottom:10px;
        color:#656565;
        line-height: 1.2;
    }
    #content p,
    #content ul,
    #content ol{
       margin-bottom:10px;
       color:#434343;
       list-style: none;
    }
    #content li{
        margin-bottom:5px;
        word-wrap: break-word;
    }
    #content p{
        padding-right: 15px;
        font-size:18px;
        line-height: 1.3;
    }
    #content a{
        color: #2565A5;
        text-decoration: none;
    }
    #content a:hover{
        color: #2D2665;
        text-decoration: underline;
    }

    /*
        -------------------------------------------------- header
    */
    .header{
       margin-bottom: 20px;
       background: #006fbb;
       color:#ffffff;
    }


    @media screen and (min-width : 981px){

    	.header .container {
    		background-image: url('images/top-gioco_check-up-estivo.png');
    		background-repeat: no-repeat;
    		background-position: calc(100% + 100px) top;
    		background-size: contain;
    	}

    }

    @media screen and (min-width : 601px) and (max-width : 980px){

    	.container{
    		width:100%;
    	}

    	/*.header {
    		background-image: url('images/top-gioco_check-up-estivo.png');
    		background-repeat: no-repeat;
    		background-position: -42vw bottom;
    		background-size: auto 100%;
    	}*/


    }



      body.no-menu .header{
       border-bottom:5px solid #305D98;
    }



    .site-title{
        background: transparent url(images/logo-concorso-2018.png) left top no-repeat;
        float:left; display:inline;
        width: 286px;
    	height: 100px;
        overflow:hidden;
        text-indent:-9000px;
        margin:40px 40px 40px 0px;
        background-size: contain;
    }
	 .branding h3 {
  		display: block;
  		float: left;
  		font-size: 2.6em;
  		line-height: 1;
  		margin: 40px 0 0;
  		max-width: 664px;
	 }
	 .branding h3 span{
	 	display: block;
	 	line-height: 0.7;
	 }
    .branding h3 span.small {
  		display: inline;
  		font-size: 50%;

	}
	.branding h3 span .alert{
		background: none repeat scroll 0 0 #d0f27b;
  		border-radius: 15px;
  		color: #305d98;
  		padding: 3px 10px;
  		margin-right:25px;
  		
  		position: relative;
  		top: 10px;
	}
	.branding h3 span strong{
        display: block;
        padding-top:5px;
	}

    /*
        ---------------------------------------------- top menu row
    */
    .top-menu{
    	clear: both;
    	width:100%;
    	left:0;
    	right:0;
    	height: 60px;
    	background: #2976b4; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5NzZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTU5OTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #2976b4 0%, #315994 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2976b4), color-stop(100%,#315994)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #2976b4 0%,#315994 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #2976b4 0%,#315994 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #2976b4 0%,#315994 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #2976b4 0%,#315994 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2976b4', endColorstr='#315994',GradientType=0 ); /* IE6-8 */
    }

    /*
        ---------------------------------------------- useful infos
    */
    .useful-info{
    	clear: both;
    	width:100%;
    	left:0;
    	right:0;
    	height: 37px;
    	line-height: 37px;
    	background: #DDE0E3;
    	color:#29528A;
    }
    .useful-info p span{text-transform: uppercase;}
    .contatti{
    	width:80%;
    	float:left;
    	display:inline-block;
    }
    .social-networks{
    	list-style:none;
    	width: 210px;
    	float:right;
    	display:inline-block;
    }
    .social-networks li{display:inline;}
    .social-networks a{
        float:left;
        display:block;
        height:32px;
        width:32px;
        overflow:hidden;
        margin:3px 5px 2px 5px;
        background-image: url(images/social_sprite.png);
        text-indent: -9999px;
    }
    .social-networks li.facebook a{background-position: left top;}
    .social-networks li.facebook a:hover{background-position: left bottom;}

    .social-networks li.twitter a{background-position: -32px top;}
    .social-networks li.twitter a:hover{background-position: -32px bottom;}

    .social-networks li.linkedin a{background-position: -64px top;}
    .social-networks li.linkedin a:hover{background-position: -64px bottom;}

    .social-networks li.youtube a{background-position: -96px top;}
    .social-networks li.youtube a:hover{background-position: -96px bottom;}

    .social-networks li.googleplus a{background-position: -128px top;}
    .social-networks li.googleplus a:hover{background-position: -128px bottom;}


    /*
        -------------------------------------------- top menu
    */
     .top-menu li{
     	display:inline;
     	line-height:60px;
     }
      .top-menu li a{
      	float:left;
     		display:inline;
     		line-height:60px;
     		color:#DDDDDD;
     		text-transform: uppercase;
     		position: relative;
     		padding:0 24px 0 25px;
     }
     .top-menu li a:hover,
     .top-menu li.acrive a{
        color:#fff;
     }
     .top-menu li.active a:after{
     	content:"";
     	width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #B0C77A;
		position: absolute;
		top:0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
     }
	   .top-menu li.ecommerce a{
	   		color:#315A95;
	   		background:#b0c77a;
	   		float:right;
            padding: 0 15px;
	   }
	    .top-menu li.ecommerce a:hover{
	    	background: #d0f27b;
	    }
     /*
        --------------------------------------------------- footer
     */


     #fornitori h3{display:none;}
     .fornitori_list{
        display: block;
        float: left;
        height: 106px;
        overflow: hidden;
        padding: 0 18px;
        margin-bottom: 30px;
        border-radius:3px;
        background: #ddd url("images/loading.gif") center center no-repeat;
    }
     .flexslider_fornitori{
        float:left;
        display:block;
        height:100px;
        padding:3px 0;
        background: #ddd;
        position: relative;
        margin: 0px;
    }
    .flex-viewport{overflow:hidden;}
    .flexslider_fornitori ul.slides li{
        width:120px;
        height:100px;
       /* margin-right:3px;*/
        float:left;
    }
    .flexslider_fornitori ul.slides li a,
    .flexslider_fornitori ul.slides li span{
       float:left;
       width:140px;
       height:100px;
       position: relative;
       background: #ffffff;
       font-size:1.2em;
       text-align: center;
       font-weight:bold;
       color: #ccc;
    }
    .flexslider_fornitori ul.slides li em,
    .flexslider_fornitori ul.slides li img{
        position: absolute;
        top:50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-style: normal;
    }
	.flexslider_fornitori ul.slides li img{
        max-width:70%;
        height:auto;
    }
    .footer_slider .flex-direction-nav a{
        opacity:1;
    }
    .footer_slider .flex-direction-nav a:before,
    .footer_slider .flex-direction-nav a.flex-next:before{
        display:none; content:"";
    }
    .footer_slider .flex-direction-nav a.flex-next,
    .footer_slider .flex-direction-nav a.flex-prev {
        width: 0;
        height: 0;
        overflow: hidden;
        text-indent: -9999px;
    }
    .footer_slider .flex-direction-nav a.flex-next{
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fff;
        right: -15px;
    }
    .footer_slider .flex-direction-nav a.flex-next:hover{
        border-left: 15px solid #B0C77A;
    }
    .footer_slider .flex-direction-nav a.flex-prev{
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #fff;
        left: -15px;
    }
    .footer_slider .flex-direction-nav a.flex-prev:hover{
        border-right: 15px solid #B0C77A;
    }


     #reti h3{display:none;}
     .reti_list{
        display: block;
        float: left;
        height: 146px;
        overflow: hidden;
        padding: 0 18px;
        margin-bottom: 30px;
        border-radius:3px;
        background: #ddd url("images/loading.gif") center center no-repeat;
    }
     .flexslider_reti{
        float:left;
        display:block;
        height:140px;
        padding:3px 0;
        background: #ddd;
        position: relative;
        margin: 0px;
    }
     .flexslider_reti ul.slides li{
        width:960px;
        height:140px;
       /* margin-right:3px;*/
        float:left;
    }
    .flexslider_reti ul.slides li a,
    .flexslider_reti ul.slides li span{
       float:left;
       width:100%;
       height:140px;
       position: relative;
       background: #ffffff;
       font-size:1.2em;
       text-align: center;
       font-weight:bold;
       color: #ccc;
    }
    .flexslider_reti ul.slides li img{
        position: static;
    }


    /*
        ------------------------------------------ box contatti
    */
    .contacts {
        padding-left: 140px;
        min-height: 140px;
        background-position: left center;
        background-repeat: no-repeat;
    }
    .contacts.abruzzo{background-image: url('images/regioni/abruzzo.png')}
    .contacts.basilicata{background-image: url('images/regioni/basilicata.png')}
    .contacts.calabria{background-image: url('images/regioni/calabria.png')}
    .contacts.campania{background-image: url('images/regioni/campania.png')}
    .contacts.emilia-romagna{background-image: url('images/regioni/emilia-romagna.png')}
    .contacts.friuli-vg{background-image: url('images/regioni/friuli-vg.png')}
    .contacts.lazio{background-image: url('images/regioni/lazio.png')}
    .contacts.liguria{background-image: url('images/regioni/liguria.png')}
    .contacts.lombardia{background-image: url('images/regioni/lombardia.png')}
    .contacts.marche{background-image: url('images/regioni/marche.png')}
    .contacts.molise{background-image: url('images/regioni/molise.png')}
    .contacts.piemonte{background-image: url('images/regioni/piemonte.png')}
    .contacts.puglia{background-image: url('images/regioni/puglia.png')}
    .contacts.sardegna{background-image: url('images/regioni/sardegna.png')}
    .contacts.sicilia{background-image: url('images/regioni/sicilia.png')}
    .contacts.toscana{background-image: url('images/regioni/toscana.png')}
    .contacts.trentino-alto-adige{background-image: url('images/regioni/trentino-alto-adige.png')}
    .contacts.umbria{background-image: url('images/regioni/umbria.png')}
    .contacts.valle-d-aosta{background-image: url('images/regioni/valle-d-aosta.png')}
    .contacts.veneto{background-image: url('images/regioni/veneto.png')}

    .contacts h4{
        text-transform: uppercase;
        margin.bottom:0;
    }
    .contacts ul{
        list-style:none;
        margin:0;
        font-size: 95%;
    }
    .contacts ul li{
        padding-left:25px;
        position:relative;
        margin-bottom:5px;
        max-width: 180px;
    }
    .contacts ul li:before{
        content:"";
        position:absolute;
        left:0px;
        top:0px;
        width:15px;
        height: 15px;
        background-image: url('images/contact_icons.png');
        background-repeat: no-repeat;
        background-position: left top;
    }
    .contacts ul li.tel:before{background-position: left -15px;}
    .contacts ul li.fax:before{background-position: left -30px;}
    .contacts ul li.email:before{background-position: left -45px;}
    .contacts ul li.sitoweb:before{background-position: left -60px;}
    .contacts ul li.orari:before{background-position: left -75px;}


    /*
        ------------------------------------------ Singola Convenzione
    */


    .deadline h3{
    	color: #b0c77a!important;
    	margin-top:-20px;
    }

    .section-home .yellow_bg {
     	margin-bottom:15px;
    }
		h2.button {
			cursor:pointer;
			float:left;
			width:100%;
			background:#b0c77a;
			color:#0f2368!important;
			line-height: 50px !important;
    		margin-bottom: 0 !important;
    		text-align: center;
		}
		h2.button:hover,
		h2.button.open {
			background:#d0f27b;
		}

		#form-adesione-wrapper{
			float: left;
    		margin-top: 10px;
    		width: 100%;
    		padding:10px 0;
    		box-sizing:border-box;
    		position: relative;
		}
		#form-adesione-wrapper > h3 {
  			font-weight: normal;
  			text-align: center;
  			font-size: 1.1em;
  			margin-bottom: 20px;
		}
		#form-adesione-wrapper form fieldset{
			width:100%;
			box-sizing:border-box;
			background: #dde0e3;
			padding:70px 20px 20px 20px;
			margin-bottom:30px;
			position: relative;
		}
		#form-adesione-wrapper form fieldset.personal{
			padding-bottom:0;
		}
		#form-adesione-wrapper form fieldset.v{
				padding:50px 0 0;
		}
		#form-adesione-wrapper legend {
  			background: none repeat scroll 0 0 red;
  			height: 44px;
  			left: 0;
  			line-height: 44px;
  			position: absolute;
  			top: 0;
  			width: 100%;
  			padding-left: 20px;
  			box-sizing: border-box;
  			background: #006fbb;
  			border-bottom: 1px solid #fff;
  			font-size: 120%;
  			color:#fff;
		}
		#form-adesione-wrapper form input[type="text"] {
  			border: 1px solid #ccc;
  			border-radius: 5px;
  			font-size: 1.2em;
  			height: 40px;
  			line-height: 40px;
  			margin-bottom: 10px;
  			outline: medium none;
  			text-indent: 10px;
  			width: 100%;
  			box-sizing: border-box;
		}
		#form-adesione-wrapper	form input[type="text"]:last-child{
				margin-bottom: 0px;
		}
		#form-adesione-wrapper	form input[type="text"]:hover,
		#form-adesione-wrapper	form input[type="text"]:focus{
			background-color: #d0f27b;
			border-color:#b0c77a;

		}

		#form-adesione-wrapper form .half{
			width: 48%; margin-right:4%;
			float:left; display:inline-block;
			margin-bottom:20px;
		}
			#form-adesione-wrapper form .half.last{
			margin-right:0%;
		}
		#form-adesione-wrapper	form input[type="text"].error{
			border-color: red;
			background-image: url("images/bullet-error.png");
			background-repeat: no-repeat;
			background-position: 95% center;
		}
		#form-adesione-wrapper	form input[type="text"].valid{
			border-color: green!important;
			background-image: url("images/bullet-green.png");
			background-repeat: no-repeat;
			background-position: 95% center;
		}

		#form-adesione-wrapper label.error {
  			color: red;
  			margin-bottom: 7px;
  			float: left;
  			width: 100%;
  			clear: both;
		}

		#form-adesione-wrapper label#id_officina-error{
			text-align: center;
			font-size: 120%;
			margin-bottom: 30px;
		}

		#form-adesione-wrapper form input[type="submit"] {
  			margin-left: 50%;
    		-webkit-transform: translateX(-50%);
        		-ms-transform: translateX(-50%);
            		transform: translateX(-50%);

          width:285px;


          background-color: #006fbb;
		  color: #fff;
		  text-transform: uppercase;

          float:left;
          display:block;
          overflow:hidden;

          border:0;
          cursor:pointer;
		  font-size: 40px;
		  line-height: 60px;
		}
			#form-adesione-wrapper form input[type="submit"]:hover{
				background-color: #d0f27b;
				color: #006fbb;
			}



		#form-adesione-wrapper form input[type="checkbox"]{
			display: inline;
    		float: left;
    		margin: 1px 5px 10px 0;
    		width: 30px;
		}
		#form-adesione-wrapper form .privacy label.hint{
			color: #606060;
		}

	/*	#form-adesione-wrapper #formloading {
  			background: url(images/loader.gif) no-repeat center center;
  			bottom: 0;
  			display: inline;
  			float: left;
  			height: 64px;
  			left: 50%;
  			position: absolute;
  			width: 64px;
  			display:none;
  			-webkit-transform: translateX(-50%);
        		-ms-transform: translateX(-50%);
            		transform: translateX(-50%);
		}*/

		#form-adesione-wrapper #formloading {
  			background: rgba(0, 0, 0, 0) url("images/loader_blue.gif") no-repeat scroll center center;
  			display: block;
  			float: left;
  			height: 64px;
  			width: 100%;
  			position: relative;
  			padding-bottom:30px;
  			display:none;
		}
		#form-adesione-wrapper #formloading::after {
  			bottom: -10px;
  			color: #006fbb;
  			content: "Sto calcolando la vincita";
  			left: 50%;
  			position: absolute;
            text-align: center;
  			-webkit-transform: translateX(-50%);
        		 -ms-transform: translateX(-50%);
            	  transform: translateX(-50%);
		}

        #form-adesione-wrapper.verifica #formloading::after,
        #form-adesione-wrapper.estrazionefinale #formloading::after{
            content: "Registrazione in corso....";
        }


     /*
        ------------------------------------------ section select officina
    */

		.map_wrapper {
  			clear: both;
  			display: block;
  			left: 0;
  			opacity: 0;
  			position: absolute;
  			top: -10000px;
  			width: 100%;
  			z-index: -1;

  			/* Firefox */
			-moz-transition: opacity 0.5s ease 0s;
			/* WebKit */
			-webkit-transition: opacity 0.5s ease 0s;
			/* Opera */
			-o-transition: opacity 0.5s ease 0s;
			/* Standard */
			transition: opacity 0.5s ease 0s;

		}

    .map_wrapper.ready{
        padding: 0;
        box-sizing: border-box;
        opacity:1;
        z-index:1;
        position: relative;
        top: 0;
    }

    .map_result_container{
    	  background:#dde0e3;
        padding: 0px;
        overflow:hidden;
    }

    #map_response,
    #map_list{
          height: 400px;
          display:inline-block;
          float:left;
    }
    #map_response{
    	  width: 60%;
    }
    #map_list{
    	width: 40%;
    	box-sizing:border-box;
    	padding:3px;
    	overflow-y: scroll;
    	-webkit-overflow-scrolling:touch;
    	position:relative;
    }

    .map_loading {
		 background: url("images/big-blue-loader.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		 content: "";
		 display: none;
		 height: 128px;
		 left: 37%;
		 position: absolute;
		 top: 28%;
		 width: 128px;
    }

    .legend > b {
      border-radius: 10px 0 0 10px;
      font-size: 2em;
      height: 40px;
      left: -40px;
      line-height: 43px;
      position: absolute;
      text-align: center;
      top: 0;
      width: 40px;
    }
    .map_wrapper .legend{
  		background: none repeat scroll 0 0 #006fbb;
  		border-bottom: 1px solid #fff;
  		box-sizing: border-box;
  		line-height: 34px;
  		padding-left: 20px;
  		width: 100%;
	 }
	#content .map_wrapper .legend h3 {
  		color: #fff;
  		font-size: 120%;
  		font-weight: 400;
  		line-height: 22px;
	}


    	/* Google Map markers baloon */
    	.gomapMarker .baloon{
    		max-width: 200px;
    		margin-bottom:0;
    	}
		.gomapMarker .title {
			color: #08478f;
			font-size:120%;
		}
		.gomapMarker a{
	 		color: #08478f;
		}
		.gomapMarker a:hover{
	 		color: #6d882c;
		}
		.gomapMarker .itinerario {
  		background: none repeat scroll 0 0 #b0c77a;
  		border-radius: 3px;
  		color: #ffffff;
  		margin-left: 15px;
  		padding: 1px 5px;
		}
		.gomapMarker .itinerario:hover{
	 		background: #6d882c;
	 		color: #ffffff;
		}
 		.gomapMarker .fa {
  		color: #08478f;
  		font-size: 130%;
  		position: relative;
  		top: 2px;
  		float:left;
  		width:7%; display:inline-block;
		}
		.gomapMarker .adresstext{
			float:left;
			display:inline-block;
			width:92%;
		}
 		.gomapMarker .distanza {
  	 		padding-left:7%;
  	 		float:left; clear:both; display:block;
		}


    /* risultati in lista */
    #map_list .lista_mappa_officina{
    	padding:10px;
    	margin-bottom:3px;
    	background: rgba(255,255,255,1);
    	border:3px solid #dde0e3;
    	position:relative;
    }
    #map_list .lista_mappa_officina p.baloon{
   	 margin-bottom:0;
     }
    #map_list .lista_mappa_officina:hover{
     	background: rgba(255,255,255,1);
     	border-color: #ED1C24;
    }
    #map_list .lista_mappa_officina.selected{
     background: rgba(255,255,255,1);
     border-color: #006FBB;
    }

    #map_list .lista_mappa_officina h4{
     	color:#08478f;
    }
	 #map_list .lista_mappa_officina .fa {
  			color: #08478f;
  			float: left; display:inline-block;
  			font-size: 130%;
  			position: relative;
  			width:7%;
	  }
	  #map_list .lista_mappa_officina .adresstext{
	   	float:left; display:inline-block;
	   	width:92%;
	  }
	  #map_list .lista_mappa_officina .distanza{
	  	 padding-left:7%;
	  	 clear:both; display:block;
	  }
	  #map_list .lista_mappa_officina a.select_officina{
	  	position:absolute;
	  	bottom:-3px; right:-3px;
	  	width:100px;
	  	height:30px;
	  	line-height: 30px;
	  	background:#dde0e3;
	  	text-align: center;
	  	cursor:pointer;
	  }
	  #map_list .lista_mappa_officina:hover a.select_officina{
	  	 background: #ED1C24;
	  	 color:#ffffff;
	  	 text-decoration: none;
	  }
	   #map_list .lista_mappa_officina a.select_officina:hover{
	    background: #006FBB;	color:#ffffff;
	   }


	 /* bottone seleziona officina nel box di lista */
	 #map_list .lista_mappa_officina a.select_officina .selected{display:none; color: #ED1C24;}
	 #map_list .lista_mappa_officina a.select_officina .unselected{display:block;}
	 #map_list .lista_mappa_officina.selected a.select_officina .selected{display:block; color: #d0f27b;}
	 #map_list .lista_mappa_officina.selected a.select_officina .unselected{display:none;}
	 #map_list .lista_mappa_officina.selected a.select_officina{background: #006FBB; color:#ffffff; }
	 #map_list .lista_mappa_officina.selected a.select_officina .selected::before {
  		color: #d0f27b;
  		content: "\f00c";
  		font-family: "Fontawesome";
  		font-size: 130%;
  		font-weight: 300;
  		height: 30px;
  		left: 4px;
  		line-height: 25px;
  		position: absolute;
	}



    /* officina selezionata */
    #off_loaded {
    	clear:both; display: block;
    	width:100%;
  		border: 0px solid #ccc;
  		margin-bottom: 30px;
	 }
    #off_loaded .single_off_det{
    	 background: #006fbb;
    	 overflow: hidden;
    	 padding:10px 20px 20px;
    }
     #off_loaded .single_off_det h2{
     	color: #ffffff; text-align:Center;
     }
	  #off_loaded .single_off_det .off_scelta_box {
  			background: none repeat scroll 0 0 #ffffff;
  			box-sizing: border-box;
  			float: left;
  			overflow: hidden;
  			padding: 10px 20px 20px;
  			width: 100%;
	  }
     #off_loaded .single_off_det .intitolo h3{
      	color: #052D70;
      	text-align: center;
      	font-size: 2em;
      	margin-bottom:20px;
      }
     #off_loaded .single_off_det ul.icone_attivita{
     	 color:#052d70; text-align:center;
     }
      #off_loaded .single_off_det ul.icone_attivita li{
      	display:inline-block; margin-right: 25px;
      	position: relative;
      }
      #off_loaded .single_off_det ul.icone_attivita li:last-child{
      	margin-right:0;
      }

      ul.icone_attivita li:before {
  			border: 4px solid #052d70;
  			border-radius: 50%;
  			content: "";
  			display: block;
  			height: 50px;
  			margin-bottom: 10px;
  			margin-left: 50%;
  			text-align: center;
  			-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
  			width: 50px;
  			background-image: url("images/sprite_icone_bianco.png");
  			background-repeat: no-repeat;
  			background-color: #052d70;
		}
 		ul.icone_attivita li span{
 	 		text-transform: uppercase;
 	 		font-weight: 700;
 	 		display:block;
 	 		min-height: 29px;
 	 		word-wrap: normal;
		}

  		/*
			posizionamnto sprite icone RIA
		*/
		/* Icone Usate nel blocco calltoaction (attivita di catgoria RIA) */
		ul.icone_attivita li.meccatronico:before{background-position: -35px -35px;}  /* RIA */
   	ul.icone_attivita li.carrozzeria:before,
   	ul.icone_attivita li.carrozzeria-vi:before{background-position: -155px -35px;}  /* RIA */
   	ul.icone_attivita li.veicoli-industriali:before{background-position: -275px -35px;}  /* RIA */
   	ul.icone_attivita li.gommista:before,
   	ul.icone_attivita li.gommista-vi:before{background-position: -395px -35px;}  /* RIA */
   	ul.icone_attivita li.moto:before{background-position: -515px -35px;}  /* RIA */
   	ul.icone_attivita li.meccanica:before{background-position: -1475px -35px;}  /* RIA */
   	ul.icone_attivita li.elettrauto:before{background-position: -1355px -515px;}  /* RIA */

      .single_off_det .address,
      .single_off_det .contatti,
      .single_off_det .orari,
      .single_off_det .email{
      	float:left; display:inline-block;
      }

      .single_off_det .address,
      .single_off_det .orari{
      	width:60%;
      }
      .single_off_det .contatti,
      .single_off_det .email{
      	width:40%;
      }

      .single_off_det .address strong,
      .single_off_det .contatti strong,
      .single_off_det .orari strong,
      .single_off_det .email strong{
      	float:left;
      	display:inline;
      	width:60px;
      	padding-right:10px;
      	text-align: right;
      }

    /*

        ------------------------------------------- Risultati Concorso

     */
     #content .response {
  			background: none repeat scroll 0 0 #d0f27b;
  			border-radius: 20px;
  			box-sizing: border-box;
  			display: block;
  			float: left;
  			font-size: 140%;
  			line-height: 1.3;
  			margin-bottom: 30px;
  			margin-top: -2500px;
  			padding: 20px;
  			text-align: center;
  			width: 100%;
  			position:relative;
  			-webkit-transition: all 1s ease-in-out;
  			-moz-transition: all 1s ease-in-out;
  			-o-transition: all 1s ease-in-out;
  			transition: all 1s ease-in-out;
	 }

	 #content .response.fall{
	 	margin-top:50px;
	 }

	 #content .response.vittoria{
	 	 	background: none repeat scroll 0 0 #d0f27b;
	 }
	 #content .response.sconfintta{
	 	 	background: none repeat scroll 0 0 #dde0e3;
	 }
	 #content .response.error{
	 	 	background: none repeat scroll 0 0 #ffc0cb;
	 }

	 #content .response img{
	 	max-width:90%;
	 	border-radius: 10px;
	 }



    /*

        ------------------------------------------- Info section

     */
	.row.group.infos {
  		background: none repeat scroll 0 0 #f5f5f5;
  		box-sizing: border-box;
  		margin: 50px 0 30px 0;
  		padding: 20px;
  		opacity:0.8;
	}
	.row.group.infos:hover{
		opacity:1;
	}




    /*
        ------------------------------------------- mediaqueries
    */

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

		.site-title {
		    background-position: center top;
		    display: block;
		    width: 100%;
		}

		.branding h3 {
		    transform: translate(-50%, 0);
		    margin-left: 50%;
			    margin: 0 0 30px 50%;
		}
	}

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

    .header {
        padding-bottom: 20px;
    }

    .col{
        margin: 1% auto 1% auto;
    }
    .col:first-child{
    	margin-left:auto!important;
    }
    /*  GRID OF TWO  */
    .one-half{ width:100%;}
    .two-half{ width:100%;}
    /*  GRID OF THREE  */
    .three-third {width: 100%;}
    .two-third{width:100%;}
    .one-third{ width:100%;}
    /*  GRID OF FOUR  */
    .four-fourth {width: 100%;}
    .three-fourth{width: 100%; }
    .two-fourth { width: 100%; }
    .one-fourth {width: 100%; }
    /*  GRID OF FIVE  */
    .five-fifth {width: 100%; }
    .four-fifth {width: 100%; }
    .three-fifth { width: 100%;}
    .two-fifth { width: 100%;}
    .one-fifth {width: 100%;}

    .one-half,
    .two-half,
    .three-third,
    .two-third,
    .one-third,
    .four-fourth,
    .three-fourth,
    .two-fourth,
    .one-fourth,
    .five-fifth,
    .four-fifth,
    .three-fifth,
    .two-fifth,
    .one-fifth
    {
    		padding: 0 5%;
    }

    .container {
  		margin: 0 auto;
 		width: 320px;
	}

	.site-title {
  		margin: 20px 0px 0;
		background-position: center top;
	    display: block;
	    height: 100px;
	    background-size: 100%;
	}
	.branding h3{
		font-size:2.2em;
		padding: 20px 0px;
		transform: translate(0%, 0);
    	margin: 0;
    	text-align: center;
    	width: 100%;
	}
	.branding h3 span strong {
  		display: block;
  		font-size: 90%;
  		line-height: 1;
  		margin-top: 10px;
	}

	#content > .container{
		padding: 0 2% 20px 2%;
		width:100%;
	}


	/* form e risultati*/
	#form-adesione-wrapper form fieldset{
		padding-left:10px;
		padding-right:10px;
	}
	#form-adesione-wrapper form .half{
		width: 100%;
		margin-right:0;
		display:block;
	}
	#form-adesione-wrapper form fieldset.v{
		max-width: 320px;
		overflow: hidden;
		background: none;
		padding-top: 0;
	}
	#form-adesione-wrapper form fieldset.v legend{
		display:none;
	}
	#map_response,
	#map_list{
		width:100%;
		height:360px;
	}
	#map_response{
		display:none;
	}
	#map_list{
		display:block;
	}
	#off_loaded .single_off_det .off_scelta_box{
		padding:10px 10px 20px;
	}
	#off_loaded .single_off_det .intitolo h3{
		font-size:1.6em;
	}
	#off_loaded .single_off_det ul.icone_attivita{
		float:left; margin-bottom:20px;
	}
	#off_loaded .single_off_det ul.icone_attivita li {
  		float: left;
  		margin:0 11px;
  		max-width: 40%;
  		position: relative;
	}
	.single_off_det .address,
	.single_off_det .contatti,
	.single_off_det .orari,
	.single_off_det .email{
		width: 100%;
		clear:both;
		display:block;
		margin-bottom: 10px;
	}

	.g-recaptcha {
		margin-left: 14px;
	}
	@media screen and (max-width : 374px){
		.g-recaptcha {
			transform:scale(0.91);
			transform-origin:0 0;
			-webkit-transform-style: preserve-3d;
	    	-webkit-transform: scale3d(0.91,0.91,0.91);
	    	margin-left: 4px;
		}


	}

    @media screen and (max-width : 376px){
        #form-adesione-wrapper #formloading::after{
            bottom:-30px;
        }

    }

    .pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }

    .button-wrapper .button{font-size:160%;}
    .legend > b {left:-10px; width:30px;}
    form input[type="text"]{width:70%;}
    form#form-officine a#find{font-size:1em;}
    form#form-officine fieldset.radius #raggio-label{font-size:1em;}


    /* footer slider mobile */
     .flexslider_reti ul.slides li{
     		max-width:280px!important;
     }
    .flexslider_reti ul.slides li a, .flexslider_reti ul.slides li span{
    	max-width:280px!important;
    	overflow:hidden;
    }
    .flexslider_reti ul.slides li img{
    	width:960px;margin-left: 15px;
    }


    }