@charset "UTF-8";

/*
Document: responsive.css
Website: www.rossettiniassicurazioni.it
Author: Alessandra Sanson (alessandrasanson[at]live[dot]it)
*/





/* ====================================================================================================================
 * GENERAL                                                                                      
 * ====================================================================================================================*/
    @media (max-width: 999px) {
    	[class*="grid-"] {
    		padding: 0 10px;
    	}
    }

    @media (max-width: 899px) {
    	#cover, section.message {
    		background-attachment: scroll;
    	}
    	.servizi_cover {
    		background-position: bottom center;
    	}
    }

    @media (max-width: 399px) {
    	p, h3, td, th, li {
    		font-size: 14px
    	}
    	#footer li, #footer td, #footer th, #footer h3 {
    		font-size: 11px;
    	}
    }
 
/* ====================================================================================================================
 * HEADER                                                                                   
 * ====================================================================================================================*/
    @media (min-width: 1030px) {
    	#header.smaller {
    		top: 0;
    		padding: 15px 0;
    	}
    	#mainnav ul {
    		position: absolute;
    		bottom: 0;
    		right: 0;
    	}
    }

    @media (min-width: 1030px) and (max-width: 1119px) {
    	#name h1 {
    		font-size: 20px;
    	}
    	#name h2 {
    		font-size: 8px;
    		letter-spacing: 2.9px
    	}
    	#mainnav>ul>li>a {
    		font-size: 13px;
    		padding: 14px 0px
    	}
    }

    @media (max-width:1049px) {
    	#header.smaller {
    		top: 0;
    	}
    	#header {
    		padding-bottom: 0;
    	}
    	#logo-container {
    		width: 100%
    	}
    	#logo {
    		margin-right: 5px
    	}
    	.grid_container#mainnav {
    		width: 100%;
    		max-width: 100%;
    	}
    	#logo-container {
    		max-width: 95%;
    		margin-left: auto;
    		margin-right: auto;
    		display: block;
    		float: none;
    	}
        #logo img {
    		height: 45px;
    	}
        
    	#mainnav #head-mobile {
    		display: block;
    		padding: 15px;
    	}
    	#mainnav ul {
    		width: 100%;
    		float: none;
    		padding: 0;
    		display: none
    	}
    	#mainnav ul li {
    		display: block;
    		border-top: 1px solid rgba(119, 119, 119, 0.4)/* colourdarktext */
    	}
    	#mainnav ul ul li, #mainnav li:hover>ul>li {
    		height: auto
    	}
    	#mainnav ul li a, #mainnav ul ul li a {
    		width: 95%;
    		margin-left: auto;
    		margin-right: auto;
    		padding: 10px 15px;
    		border: 0
    	}
    	#mainnav>ul>li {
    		float: none
    	}
    	#mainnav ul ul li a {
    		padding-left: 25px
    	}
    	#mainnav>ul>li+li {
    		margin-left: 0;
    	}
    	#mainnav ul ul li {}
    	#mainnav ul ul li:hover {}
    	#mainnav ul ul ul li a {
    		padding-left: 35px
    	}
    	#mainnav ul ul li a {
    		color: #ddd;
    		background: none
    	}
    	#mainnav ul ul li:hover>a, #mainnav ul ul li.active>a {}
    	#mainnav ul ul, #mainnav ul ul ul {
    		position: relative;
    		left: 0;
    		width: 100%;
    		margin: 0;
    		text-align: left
    	}
    	#mainnav>ul>li.has-sub>a:after, #mainnav>ul>li.has-sub>a:before, #mainnav ul ul>li.has-sub>a:after, #mainnav ul ul>li.has-sub>a:before {
    		display: none
    	}
    	#mainnav .button {
    		width: 55px;
    		height: 46px;
    		position: absolute;
    		right: 2.5%;
    		right: calc(2.5% + 15px);
    		top: 0;
    		cursor: pointer;
    		z-index: 12399994;
    	}
    	#mainnav .button:after {
    		position: absolute;
    		top: 22px;
    		right: 0;
    		display: block;
    		height: 4px;
    		width: 20px;
    		border-top: 2px solid #31343C/* colourdark */;
    		border-bottom: 2px solid #31343C/* colourdark */;
    		content: ''
    	}
    	#mainnav .button:before {
    		-webkit-transition: all .3s ease;
    		-ms-transition: all .3s ease;
    		transition: all .3s ease;
    		position: absolute;
    		top: 16px;
    		right: 0;
    		display: block;
    		height: 2px;
    		width: 20px;
    		background: #31343C/* colourdark */;
    		content: ''
    	}
    	#mainnav .button.menu-opened:after {
    		-webkit-transition: all .3s ease;
    		-ms-transition: all .3s ease;
    		transition: all .3s ease;
    		top: 23px;
    		border: 0;
    		height: 2px;
    		width: 19px;
    		background: #282E44;
    		-webkit-transform: rotate(45deg);
    		-moz-transform: rotate(45deg);
    		-ms-transform: rotate(45deg);
    		-o-transform: rotate(45deg);
    		transform: rotate(45deg)
    	}
    	#mainnav .button.menu-opened:before {
    		top: 23px;
    		background: #31343C/* colourdark */;
    		width: 19px;
    		-webkit-transform: rotate(-45deg);
    		-moz-transform: rotate(-45deg);
    		-ms-transform: rotate(-45deg);
    		-o-transform: rotate(-45deg);
    		transform: rotate(-45deg)
    	}
    	#mainnav .submenu-button {
    		position: absolute;
    		z-index: 99;
    		right: 0;
    		top: 0;
    		display: block;
    		border-left: 1px solid #444;
    		height: 46px;
    		width: 46px;
    		cursor: pointer
    	}
    	#mainnav .submenu-button.submenu-opened {
    		background: #262626
    	}
    	#mainnav ul ul .submenu-button {
    		height: 34px;
    		width: 34px
    	}
    	#mainnav .submenu-button:after {
    		position: absolute;
    		top: 22px;
    		right: 19px;
    		width: 8px;
    		height: 2px;
    		display: block;
    		background: #ddd;
    		content: ''
    	}
    	#mainnav ul ul .submenu-button:after {
    		top: 15px;
    		right: 13px
    	}
    	#mainnav .submenu-button.submenu-opened:after {
    		background: #fff
    	}
    	#mainnav .submenu-button:before {
    		position: absolute;
    		top: 19px;
    		right: 22px;
    		display: block;
    		width: 2px;
    		height: 8px;
    		background: #ddd;
    		content: ''
    	}
    	#mainnav ul ul .submenu-button:before {
    		top: 12px;
    		right: 16px
    	}
    	#mainnav .submenu-button.submenu-opened:before {
    		display: none
    	}
    	#mainnav ul ul ul li.active a {
    		border-left: none
    	}
    	#mainnav>ul>li.has-sub>ul>li.active>a, #mainnav>ul ul>li.has-sub>ul>li.active>a {
    		border-top: none
    	}
    }

    @media (max-width: 699px) {
    	#top-bar {
    		display: none;
    	}
    	#header {
    		top: 0;
    		padding-bottom: 15px;
    		padding-top: 15px
    	}
    	#mainnav #head-mobile {
    		padding: 5px
    	}
    	
    	#name h1 {
    		font-size: 18px;
    	}
    	#name h2 {
    		font-size: 6px;
    		letter-spacing: 3.25px;
    	}
        #cover {
    		top:70px !important
    	}
    }

    @media (max-width: 499px) {
    	#header {
    		position: absolute
    	}
    }

    @media (max-width: 458px) {
    	#name {
    		margin-right: 0
    	}
    	#name h1 {
    		margin-bottom: 5px;
    	}
    }

    @media (min-width:400px) and (max-width: 699px) {
    	#name {
    		padding-right: 40px
    	}
    }

    @media (max-width: 480px) {
    	#header {
    		padding-bottom: 0;
    	}
    	#logo {
    		width: 80%;
    	}
        
       #logo img {
	         height: 30px;
}

    	#logo img.title {
    		width: 100% !important
    	}
    	#home-main .grid_container {
    		top: 65%;
    	}
        .cover_caption h1 {
            font-size: 30px;
        }
    }

    
    
    
    
    
    
     @media (max-width: 400px) {
 
    	#logo {
    		width: 60%;
    	}
    	#logo img {
    		display: none
    	}
    	#logo img.mobile {
    		display: block;
    		height: 70px;
            margin-top: 5px;
            margin-bottom:5px;
    	}

    }
 
/* ====================================================================================================================
 * HOME                                                                                   
 * ====================================================================================================================*/
 
 

 
  @media (max-width: 839px) {
  
    #home-main h1 {font-size:30px;}
    #home-main p {font-size:20px;}
 
 }
   
   @media (min-width: 620px) {
  
    #home-main br {display:none}
 
 }
 
   @media (max-width: 479px) {
  
    #home-main {background-position:43% 0%;}
    #home-main h1 {font-size:27px;}
    #home-main p {font-size:1em;}
    
 
 }
 
 
  @media (max-width: 900px) { 
    .ssslide.third {background-position:40% 20%;}

}

 
/* ====================================================================================================================
 * CHI SIAMO                                                                                    
 * ====================================================================================================================*/
 
  @media (max-width: 899px) {

    body#chi-siamo #content [class*="grid-"]{width:100%; float:none;}

     
 }
 
  @media (max-width: 799px) {
  
    #home #chisiamo.section {background: #C4C5CC /* colourgrey */;}
  
    #home #chisiamo.block {
        float:none;
        width:100% !important;
        padding:80px 0;
        width:100%;
}

    #home #chisiamo .text {
        width:1200px; max-width: 95%; margin-left:auto; margin-right:auto; overflow:hidden; 
}

}

/* ====================================================================================================================
 * COMPAGNIE                                                                                 
 * ====================================================================================================================*/
 
  @media (max-width: 1200px) {
.logos .img-placeholder {height: 40px!important}
    .logos .company {margin-bottom:50px !important; display:inline-block;}
    .logos .company:nth-child(even) {float:right}
    .logos .company:last-child {margin-bottom:0}
    body#home .logos .company:not(:last-child) {margin-right: 0;}
    .logos:nth-child(4) {margin-top: 70px;}
    #compagnie .logos:last-child {margin-top:0;}
    #compagnie .text p br {display:none}
    
    
 }

 
   @media (max-width: 695px) {
.logos.flex {display:block;}
    .logos .company {width:100%; margin-bottom:50px !important; vertical-align:top;margin-left:auto;margin-right:auto;}
    .logos .company:nth-child(even) {float:none}
    .logos .company.amissima .am {display:inline-block}
    .logos:last-child {margin-top:50px !important}
    #home #compagnie .text, #home #convenzioni .text {text-align: left !important}
    .logos:nth-child(4) {margin-top: 50px;}
}

   @media (max-width: 399px) {

    .logos .img-placeholder {height:55px;}
    .logos .company.amissima .ams {display:block}
    .logos .company.amissima .am {height:25px}
    body#compagnie .company .img-placeholder img {height:55px;}
    
 }
 
 
 
/* ====================================================================================================================
 * SERVIZI                                                                                
 * ====================================================================================================================*/
 
  @media (max-width: 802px) {

    #home #servizi [class*="grid-"] {width:25%}
    
 }
 
   @media (max-width: 645px) {

    #home #servizi [class*="grid-"] {width:33.333%}
    
 }
 
    @media (max-width: 550px) {

    #home #servizi [class*="grid-"] {width:50%}

    
 }
 
   @media (max-width: 799px) {

    body#servizi #content [class*="grid-"] {width:100%; float:none;}
    body#servizi #content .text {margin-bottom:50px}
    body#servizi #content .icon, body#servizi #content h3 {margin:0 auto;margin-bottom:30px; display:block}
    body#servizi #content h3 {text-align:center}

     
 }

 
 
/* ====================================================================================================================
 * NEWS                                                                      
 * ====================================================================================================================*/   
   @media (max-width: 770px) {
    
    #news [class*="grid-"] {width:100%; min-height:auto}   
    #news [class*="grid-"]:last-child {margin-top:70px; float:none}   
}    

/* ====================================================================================================================
 * RC AVVOCATI                                                                      
 * ====================================================================================================================*/   
   @media (max-width: 899px) {
    
    #avvocati #content [class*="grid-"] {width:100%;float:none }   
}    


/* ====================================================================================================================
 * CONTATTI                                                                                   
 * ====================================================================================================================*/
 
  @media (max-width: 899px) {

    #contatti.section [class*="grid-"], #contatti #content [class*="grid-"] {width:100%; float:none; margin-top:80px;}
    #contatti.section [class*="grid-"]:first-child, #contatti #content [class*="grid-"]:first-child {margin-top:0}
    
 }
 
 
 
/* ====================================================================================================================
 * FOOTER                                                                                   
 * ====================================================================================================================*/
 
  @media (max-width: 899px) {

    #footer [class*="grid-"] {width:100%; float:none; margin-top:40px;}
    #footer [class*="grid-"]:first-child {margin-top:0}
    #footer-bottom li {display:block;}
    #footer-bottom .sociallink {display:inline-block; }
    #footer-bottom li+li:before {margin-right:0}
 }
 
   @media (max-width: 699px) {
   
    #footer-bottom li {display: block;float:none; }
    #footerline1:after, #footerline2:after, #footerline3:after, #footerline4:after   {margin:0; border-width: 0}

 }
 
    @media (max-width: 1350px) {
    
    #footer-bottom li {float:none;}
    #footer-bottom > ul > li {margin-bottom:10px}
    #footer .socialmedia {position:static;float:none; display:block; margin-bottom:0 }
 }