body { margin:0; padding:0; font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:15px; line-height:23px; color:#8b8b8b; } a { color:#75b92e; text-decoration:none } a img { border:0 } img { max-width:100% } div, span, a, p, section, big, small, label { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } h3 { margin:0 0 10px 0; font-weight:400 } h4 { margin:0 0 35px 0; font-size:30px; line-height:30px; font-family:'Montserrat', sans-serif; color:#444444; text-transform:uppercase; font-weight:400 } .container700 { max-width:700px; margin:0 auto; padding:0 24px } .container850 { max-width:850px; margin:0 auto; padding:0 24px } .container { max-width:1190px; margin:0 auto; padding:0 24px } .container700 { max-width:700px; margin:0 auto; padding:0 24px } .container850 { max-width:850px; margin:0 auto; padding:0 24px } .container { max-width:1190px; margin:0 auto; padding:0 24px } .full-container { margin:0 auto; padding:0 24px } .fullbig-container { margin:0 auto; padding:0 50px } @media (max-width:620px) { .fullbig-container { padding:0 20px } } #bar-menu-mobile { position:fixed; left:0; right:0; bottom:0; height:100%; width:100%; background:url(../img/bg-op-w.png) repeat; z-index:1000; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; } #bar-menu-mobile.nomenu { left:-100%; } #bar-menu-mobile #content-bar-menu-mobile { background:#444444; padding:26px 20px 40px 20px; height:100%; width:80%; overflow-y:auto; box-shadow:4px 0 8px #d3d3d3 } #bar-menu-mobile #content-bar-menu-mobile a { display:block; color:#fff; font-size:14px; line-height:14px; padding:12px 0; border-bottom:1px dotted #fff; font-family:'Open Sans', sans-serif; } #bar-menu-mobile #content-bar-menu-mobile a.sel { color:#ebb200; font-weight:bold } #bar-menu-mobile #content-bar-menu-mobile a img.ico-corso-sbm { display:inline-block; height:14px; margin:0 5px -2px 0 } #bar-menu-mobile #content-bar-menu-mobile a:last-child { border-bottom:0 } #bar-menu-mobile #content-bar-menu-mobile img#logo-bar { height:50px; display:block; margin-bottom:15px } #bar-menu-mobile #content-bar-menu-mobile .social-bar { margin-top:15px } #bar-menu-mobile #content-bar-menu-mobile .social-bar a { display:inline-block; border:0; margin:0 5px 0 0; } #top-head { background:#444444; color:#fff; font-size:12px; line-height:12px; font-family:'Montserrat', sans-serif; font-weight:400; height:40px } #top-head .info-top { text-align:right; line-height:40px; float:right } #top-head .info-top a, #top-head .info-top span { display:inline-block; padding:0 13px; color:#fff } #top-head .info-top span.lang { position:relative } #top-head .info-top span.lang .sublang { position:absolute; top:35px; left:50%; margin-left:-55px; width:110px; padding-top:5px; visibility:hidden; opacity:0; z-index:10; -webkit-transition:0.1s; -moz-transition:0.1s; -o-transition:0.1s; transition:0.1s; } #top-head .info-top span.lang:hover .sublang { top:28px; visibility:visible; opacity:1; } #top-head .info-top span.lang .sublang .content-sublang { padding:10px 10px; background:#fff; position:relative; box-shadow:0px 2px 4px #dbdbdb; border:1px solid #dddddd; } #top-head .info-top span.lang .sublang .content-sublang a { display:block; text-align:center; margin:0; font-size:12px; line-height:12px; padding:8px 0; border-bottom:1px dotted #c9c9c9; color:#444444 } #top-head .info-top span.lang .sublang .content-sublang a:hover { color:#75b92e } #top-head .info-top span.lang .sublang .content-sublang a:last-child { border-bottom:0; } #top-head .info-top span.login { position:relative } #top-head .info-top span.login .sublogin { position:absolute; top:35px; left:50%; margin-left:-120px; width:240px; padding-top:5px; visibility:hidden; opacity:0; z-index:10; -webkit-transition:0.1s; -moz-transition:0.1s; -o-transition:0.1s; transition:0.1s; } #top-head .info-top span.login:hover .sublogin { top:28px; visibility:visible; opacity:1; } #top-head .info-top span.login .sublogin .content-sublogin { padding:10px 10px; background:#fff; position:relative; box-shadow:0px 2px 4px #dbdbdb; border:1px solid #dddddd; } #top-head .info-top span.login .sublogin .content-sublogin input { height:40px; font-size:13px; margin-bottom:6px } #top-head .info-top span.login .sublogin .content-sublogin input:last-child { margin-bottom:0 } #top-head .info-agente { text-align:left; line-height:40px; font-size:13px; padding-left:25px } #top-head .info-agente img { height:30px; width:30px; margin-top:5px; border-radius:20px; display:block; float:left; margin-right:10px } #top-head .info-agente a { color:#fff; -webkit-transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s; transition:0.2s; } #top-head .info-agente a:hover { color:#75b92e; } @media (max-width:840px) { #top-head { height:auto; background:none; font-size:10px; } #top-head .container { padding:0 } #top-head .menodue { margin-left:0; } #top-head .span2 { float:none; width:auto; margin-left:0; margin-bottom:0 } #top-head .info-agente { text-align:center; padding-left:0; line-height:12px; padding:5px 24px; } #top-head .info-agente img { float:none; position:absolute; left:10px; top:5px; border:1px solid #5CBC00 } #top-head .info-agente a { color:#444444; font-size:10px; } #top-head .info-top { text-align:center; background:#444444; line-height:30px } #top-head .info-top a, #top-head .info-top span { padding:0 8px; } } @media (max-width:350px) { #top-head .info-agente img { float:left; position:relative; left:auto; top:auto; border:0; margin:0 7px 0 0 } #top-head .info-agente { text-align:left; height:40px; line-height:28px; } } #header { background:#fff; padding:10px 0; } #header #logo { width:150px; } #header #logo img { height:90px } #header #menu { text-align:right; vertical-align:middle; } #header #menu .menu-mobile { display:none } #header #menu a, #header #menu span { display:inline-block; font-family:'Montserrat', sans-serif; font-size:13px; line-height:13px; margin-left:15px; color:#444444; text-transform:uppercase; position:relative; -webkit-transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s; transition:0.2s; } #header #menu a.sel, #header #menu span.sel { color:#75b92e; } #header #menu a:hover, #header #menu span:hover { color:#75b92e; } #header #menu span .submenu { position:absolute; top:25px; left:50%; margin-left:-110px; width:220px; padding-top:20px; visibility:hidden; opacity:0; z-index:10; -webkit-transition:0.1s; -moz-transition:0.1s; -o-transition:0.1s; transition:0.1s; } #header #menu span:hover .submenu { top:13px; visibility:visible; opacity:1; } #header #menu span .submenu .content-submenu { padding:10px 20px; background:#fff; position:relative; box-shadow:0px 2px 4px #dbdbdb; border:1px solid #dddddd; } #header #menu span .submenu .content-submenu a { display:block; text-align:center; margin:0; font-size:12px; line-height:12px; padding:10px 0; border-bottom:1px dotted #c9c9c9 } #header #menu span .submenu .content-submenu a img.ico-corso-sbm { display:inline-block; height:14px; margin:0 5px -2px 0 } #header #menu span .submenu .content-submenu a:last-child { border-bottom:0 } @media (max-width:840px) { #header #menu .menu-desktop { display:none } #header #menu .menu-mobile { display:block } #header #menu .menu-mobile a { font-size:16px; line-height:16px; } } #footer { background:#444444; padding:50px 0; color:#fff; font-family:'Montserrat', sans-serif; font-weight:300 } #footer .info-foot { text-transform:uppercase; font-size:14px; line-height:24px; } #footer .info-foot img { display:inline-block; height:77px; margin:0 0 40px 25px } #footer .social-foot { text-align:right; } #footer .social-foot a { display:inline-block; margin-left:8px; font-size:25px; line-height:25px; color:#fff; } #footer .social-foot a.privacy { display:inline-block; margin:110px 0 0 0; font-size:13px; line-height:13px; color:#fff; } @media (max-width:768px) { #footer .menotre { margin-left:0 } #footer .info-foot, #footer .social-foot { float:none; width:auto; text-align:center } #footer .info-foot img { margin:0 0 10px 0 } #footer .social-foot { margin-top:30px } #footer .social-foot a.privacy { margin:40px 0 0 0 } } /* --------- 768px - Tablet --------- */ @media (max-width:768px) { } /* --------- 480px - Smartphone --------- */ @media (max-width:480px) { }