body { -webkit-text-size-adjust: none; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: block !important; } @media screen and (max-width: 979px) { .hidden-desktop { display: block !important; } .visible-desktop { display: none !important ; } .visible-tablet { display: block !important; } .hidden-tablet { display: none !important; } } @media screen and (max-width: 767px) { .hidden-desktop { display: block !important; } .visible-desktop { display: none !important; } .visible-tablet { display: none !important; } .hidden-tablet { display: block !important; } .visible-phone { display: block !important; } .hidden-phone { display: none !important; } } @media screen and (max-width: 979px) { .drop-down { position: relative; float: none; margin:0; padding:0; width: auto; height:auto; z-index: 10; } .drop-down ul { background-color: transparent; border : none; left: -80.5%; max-width: 400px; position: absolute; top: 0; transition: left 0.4s ease 0s; width: 80%; z-index: 1337; } .drop-down:target > ul { left: 6px !important; } .drop-down span.title_menu { display: block; position: absolute; right: 3%; top: 36px; margin: 0; line-height: 1; font-weight: normal; } .drop-down span.title_menu a { display: inline-block; font-size: 20px; padding: 14px 20px 14px 38px; color: #fff; background: #333; border-radius: 8px; -moz-box-shadow: 1px 1px 3px #aaa inset; -webkit-box-shadow: 1px 1px 3px #aaa inset; box-shadow : 1px 1px 3px #aaa inset; } .drop-down span.title_menu a:before { content: ""; position: absolute; top: 18px; left: 10px; width: 16px; height: 0.135em; border-top: 0.375em double #ddd; border-bottom: 0.125em solid #ddd; } .drop-down span.title_menu a:hover, .drop-down span.title_menu a:focus { background: #000; text-decoration: none; } .drop-down:target span.title_menu { display: none; } .drop-down:target:before { content: ""; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(80,80,80,.8); } .drop-down li { position: relative; display : block ; float: none; line-height: inherit; padding: 0 ; margin:0 0 4px 0; } .drop-down li ul { display : block ; position: relative; top: 0; left: 0; z-index: 1; opacity:1; width: auto; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius:0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin:0; background-color: transparent; } .drop-down li ul ul { top: 0; left: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius:0; } .drop-down li ul:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .drop-down li li ul:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .drop-down li li { float:none; width:auto; background-image : none; padding:0; margin:0; } .drop-down li a, .drop-down li span.separator { display : block; padding: 14px 15px; text-transform: none; font-weight: normal; font-size:150%; text-decoration: none; background-image:none; background-color : #000; color : #fff; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; border : none; -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition : none; transition : none; } .drop-down > ul > li > a:only-child { border-radius: 8px; } .drop-down li li a, .drop-down li li span.separator { display : block; color : #222; letter-spacing: 0px; font-size:140%; line-height:inherit; padding: 14px 15px 14px 25px; margin:0 ; background-image:none; background-color : #fff; border: 1px solid #aaa; border-top: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .drop-down ul ul li:last-child > a { border-radius: 0 0 8px 8px; } .drop-down li li li a, .drop-down li li li span.separator { font-size:125%; padding: 14px 15px 14px 40px; background-color : #e8e8e8; } .drop-down ul ul ul li:last-child > a { border-radius: 0 ; } .drop-down li li li li a, .drop-down li li li li span.separator { font-size:120%; padding: 14px 15px 14px 60px; background-color : #d8d8d8; } .drop-down li a:hover, .drop-down li span.separator:hover { -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition : none; transition : none; } .drop-down li li li:first-child > a, .drop-down li li li:first-child > span { border-top-right-radius: 0; border-top-left-radius: 0; } .drop-down li li:last-child > a, .drop-down li li:first-child > span { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .drop-down li:hover > ul, .drop-down li:focus > ul { display : block ; z-index:10; opacity:1; -webkit-transition : none; -moz-transition : none; -ms-transition : none; -o-transition :none; transition : none; } .drop-down a[href="#"] { cursor : default; } .drop-down li.active > a, .drop-down li.active > span, .drop-down li:hover > a, .drop-down li:hover > span { color: #fff ; background-color : #000; border: none; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none; } .drop-down li:hover > a { text-decoration : underline; } .drop-down li:hover a[href="#"] { text-decoration : none; } .drop-down li li:hover > a, .drop-down li li:hover > span, .drop-down li li.active > a, .drop-down li li.active > span { color: #000 ; background-color : #fff; text-decoration : underline; -moz-box-shadow: none ; -webkit-box-shadow: none ; box-shadow: none ; border: 1px solid #aaa; border-top: 0; } .drop-down li li li:hover > a, .drop-down li li li:hover > span, .drop-down li li li.active > a, .drop-down li li li.active > span { background-color : #e8e8e8; } .drop-down li li li li:hover > a, .drop-down li li li li:hover > span, .drop-down li li li li.active > a, .drop-down li li li li.active > span { background-color : #d8d8d8; } .drop-down li.current > a { color: #fff !important; text-decoration : none !important; background-color : #6699cc !important; } .website-header { height:auto; } .website-header.fixed { position:relative; top:0; } .website-top.fixed { position:relative; top:0; } .website-top.fixed.with-header { top:0px; } .website-middle.fixed { margin-top: -150px; padding-top:0; } } @media screen and (max-width: 979px) { div[id*="googlemap"] { width:auto !important; } .wrapper-site { width:100%; } .bg-website-middle-bottom { display : none; } .bottom_menu li a, .bottom_menu li span.separator { padding: 5px 7px 4px 7px; } #social-links li a img { width:20px; } .logo img { max-width:65%; max-height:165px; } .middle-site { padding:30px 0 0px 0; } .left_column, .right-module-position, .top-module-position, .bottom-module-position { float:none; padding: 0; margin:0; background-image:none; min-height:auto; border:none; width : auto ; clear:both; } .left_column h3, .right-module-position h3 { margin:0px 0 10px 0; padding: 0px 0 6px 2px; background : transparent url(../images/underline.png) 100% 100% repeat-x; } .left_column > div, .right-module-position > div { background-image:none; padding:0; } .left_column .moduletable:first-child > div { -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .right_column .moduletable:first-child > div { -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .right_column { overflow:visible; } .left_column .moduletable > div, .right-module-position .moduletable > div, .top-module-position .moduletable > div, .bottom-module-position .moduletable > div { clear:both; margin:0 10px; } .left_column .grey h3, .right-module-position .grey h3, .top-module-position .grey h3, .bottom-module-position .grey h3, .left_column .blue h3, .right-module-position .blue h3, .top-module-position .blue h3, .bottom-module-position .blue h3, .left_column .green h3, .right-module-position .green h3, .top-module-position .green h3, .bottom-module-position .green h3, .left_column .orange h3, .right-module-position .orange h3, .top-module-position .orange h3, .bottom-module-position .orange h3, .left_column .red h3, .right-module-position .red h3, .top-module-position .red h3, .bottom-module-position .red h3 { background-color : transparent; margin : 0 0 10px 0; padding : 0 0 6px 0; background: transparent url(../images/underline.png) 0 100% repeat-x; } .main_content { padding: 0 10px; } .submenu li { display : inline-block; margin : 0 1%; width:48%; } .submenu li li { text-align:left; float:none; margin : 2px 2px; width:100%; } .submenu li li a, .submenu li li span.separator { text-align:left; padding-top:4px; padding-bottom:3px; } .submenu li.active a, .submenu li.active span.separator, .submenu li.active a:hover, .submenu li.active span.separator:hover { margin-left: 0; width:auto; } .submenu li li a, .submenu li li span.separator, .submenu li.active li a, .submenu li.active li span.separator { background-position : 5px 10px; } .left-footer { width:65%; min-height:80px; margin-left:-60px; padding:30px 0px 0 70px; background : transparent url(../images/ellipse-footer.png) -40px 0 no-repeat; background-size: 100% 116px; } .left-footer > * { max-width:57%; } .address { padding: 0; } .address.without-menu { margin-top:14px; } .address p { margin: 0px; } .breadcrumb { left:58%; } #social-links { left:60%; padding : 8px 0 0 0; } } @media screen and (max-width: 767px) { .logo img { max-height:140px; } .user1, .user2, .user3, .user4, .user5, .user6, .right-module-position { float:none; padding: 0; margin:0; width : 100% !important; clear:both; } .user1, .user2, .user3, .user4, .user5, .user6 { margin : 0; } .top-module-position .border > div, .bottom-module-position .border > div, .user1 .border > div, .user2 .border > div, .user3 .border > div, .user4 .border > div, .user5 .border > div, .user6 .border > div, .address .border > div, .translate .border > div, .search .border > div, top_menu .border > div, .bottom_menu .border > div { margin-bottom:8px; } .moduletable.shadow > div { margin-bottom:0 !important; } .cols-2 .column-1 { width:auto; float:none; } .cols-2 .column-2 { width:auto; float:none; } .cols-3 .column-1 { float:none; width:auto; padding:0; margin-right:0; } .cols-3 .column-2 { float:none; width:auto; width:auto; padding:0; } .cols-3 .column-3 { float:none; width:auto; padding:0; } .column-1, .column-2, .column-3 { padding:10px 0px; } .column-2 { width:auto; margin-left:0; } .column-3 { width:auto; } } @media (max-width: 600px) { .drop-down span.title_menu { right:1%; top: 42px; } .drop-down span.title_menu a:before { left: 10px; top: 13px; width: 13px; } .drop-down span.title_menu a { font-size: 18px; padding: 9px 12px 8px 33px; } .left-footer { background-image : none; } .left-footer, .breadcrumb, #social-links { width:90%; } .left-footer > * { max-width:100%; } .breadcrumb { left:10px; bottom:150px; padding-bottom:4px; background : transparent url(../images/separator-social-links.png) 0px 100% no-repeat; } #social-links { left:10px; top:125px; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { max-width:280px; } fieldset dt { float: none; margin: 0; padding:15px 20px 0 0; } } @media (max-width: 450px) { .logo img { max-height:130px; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { max-width:200px; } } @media (max-width: 350px) { textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { max-width:150px; } } @media (max-width: 769px) { textarea, table, td, th, code, pre, samp { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } code, pre, samp { white-space: pre-wrap; } }