@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
html, body {margin:0; padding:0; overflow-x:hidden;}
html {font-family: 'Open Sans', sans-serif; color:black; font-optical-sizing:auto; font-size:1.05em; font-weight:400; -ms-text-size-adjust:100%;}
body {background-color:#FFF;}

.container {position:relative; display:block; width:100%; max-width:1920px; height:100%; margin:0 auto; padding:0; overflow:auto;}
.logo {display:block;position:absolute;top:.35em;left:50%;transform:translate(-50%,0);z-index:10;overflow:hidden;}
.header {display:block; width:100%; margin:0 auto; overflow:visible; z-index:2;}

a:link, a:visited, a:active{text-decoration:none;color:#00C;} a:hover{text-decoration:none;color:red;}
a img {border:none;} img {max-width:100%;}
hr {display:block; height:1px; border:0; border-top:1px solid #CCCCCC; margin:0 0 1.5em 0; padding:0;}

h1 {font-size:2.5em; font-weight:normal; margin:0em 0em 0.5em 0em; color:purple;}
h2 {font-size:1.8em; font-weight:normal; margin:0.5em 0em; color:brown;}
h2 a {color:#0000CC;}
h2 a:hover {color:#FF0000;} 
h3 {font-size:1.5em; font-weight:normal; margin:0.5em 0em;}

.clear {clear:both;}.f-dx{float:right;}.f-sx{float:left;}.dn{display:none;}
.sx {display:inline-block; float:left;} .dx {display:inline-block; float:right;}
.txt_center {text-align:center;} .txt_right {text-align:right;}
.sx .grigio, .dx .grigio{padding:0 .5em;} 
.m-sx{margin-left:1em;} .m-dx{margin-right:1em;} .m_sx{margin-left:.5em;} .m_dx{margin-right:.5em;}
.m15-sx{margin-left:1.5em;} .m15-dx{margin-right:1.5em;} .m12-sx{margin-left:1.2em;} .m12-dx{margin-right:1.2em;} 
.m3_sx{margin-left:.3em;} .m3_dx{margin-right:.3em;}
.m-2sx{margin-left:2em;} .m-2dx{margin-right:2em;} .m-2up{margin-topt:2em;} .m-2down{margin-bottom:2em;}
.m-up{margin-top:1em;} .m_up{margin-top:.5em;} .m-down{margin-bottom:1em;} .m_down{margin-bottom:.5em;}
.m_or{margin:0 .5em;}.m-or{margin:0 1em;}.m-2or{margin:0 2em;}
.pad {padding:1em;} .pad5 {padding:.5em;} .pad7 {padding:.7em;} 
.pad_top {padding-top:1em;} .pad_down {padding-bottom:1em;} .pad_5or{padding:0 .5em;} .pad_or{padding:0 1em;}
.pad_3sx {padding-left:.3em;}.pad_sx {padding-left:.5em;}.pad-sx {padding-left:1em;}
.pad_3dx {padding-right:.3em;}.pad_dx {padding-right:.5em;}.pad-dx {padding-right:1em;}
.mw_50{width:50%;} .mw-50{max-width:50%;}

.f10x {font-size:1.10em;}.f12x {font-size:1.25em;} .f15x {font-size:1.5em;} .f2x {font-size:2em;} .f3x {font-size:3em;} .f4x {font-size:4em;} .f5x {font-size:5em;}

.section{display:block;height:100%;margin:0;padding:0 8em;vertical-align:top;background-color:white;overflow:hidden;}
.center {display:block; vertical-align:top; min-height:300px; overflow:auto;}
.central {display:block; float:left; width:75%; vertical-align:top; overflow:auto;}
.aside {display:block; float:left; margin:0 0 0 3.5%; width:21.0%; vertical-align:top; border-left:1px solid #DDD; border-bottom:1px solid #DDD; overflow:auto;} .aside h2{font-size:1em}
.menu {display:block; margin-bottom:1.5em; vertical-align:top; overflow:auto;}
.footer {display:block; margin:0; padding:1em 2em 0 2em; vertical-align:top; line-height:1.35em; color:white; background-color:#121B21; border-top:5px solid #FFF; overflow:hidden;}
.footer a{color:white;} .footer a:hover{color:#36A895;} .footer i {margin-right:0.5em;}
.footer_logo{display:block;margin:0;padding:1em;text-align:center;color:white;background-color:#083F3A;overflow:hidden;}

.section_footer{display:block; padding:3em 0; vertical-align:top; line-height:1.35em; background-color:#FFF; color:#999; font-size:.8em; overflow:auto;}

.top_logo {display:block; margin:0; padding:0 1em; background-color:#083F3A; text-align:center; border-bottom:1px solid #666; overflow:auto;}
.top_logo a {display:inline-block; margin-top:2.3em; padding:1em 0.8em; color:#FFF;} 
.top_logo select {margin:1em; margin-top:2.3em;}
.top_logo a:hover, a:active {color:#65CDBC;}
.top_logo ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.top_logo ul li {margin:0; padding:0;}
.top_logo li:first-child {margin-left:.25em;}
.top_logo a.sidetop{color:#65CDBC;} .top_logo a.sidetop:hover{color:#FFF;}

.top_nav {display:block; margin:0; padding:1em 2em; background-color:#FFF; overflow:hidden;}
.top_nav ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.top_nav ul li {display:inline-block; margin:0; padding:0; float:left;} .top_nav li.f-dx{float:right; margin-left:1.5em;}
.top_nav a {color:#333;} .top_nav a:hover, a:active {color:BlueViolet;}

.top_bar {display:block; margin:0; padding:0 1em; background-color:#FFF; border-bottom:1px solid #666; overflow:auto;}
.top_bar ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.top_bar li {float:left;} .top_bar li.f-dx{float:right;} .top_bar li.m-up{margin-top:1em;}
/*.top_bar li:first-child {margin-left:16em;}*/
.top_bar li a, .dropbtn {display:inline-block; padding:1em; color:#083F3A; text-align:center; font-weight:normal; text-decoration:none;}
.top_bar li a:hover, .dropdown:hover .dropbtn {color:#36A895;}
.top_bar li.dropdown {display:inline-block;}
.top_bar a.sidelink {color:#36A895;}

.top_bar .dropdown-content {display:none; position:absolute; background-color:white; border:1px solid #999; z-index:2; border-top:5px solid #36A895;}
.top_bar .dropdown-content a {display:block; padding:0.75em 1em; color:#2E4452; font-weight:normal; text-decoration:none; text-align:left; border-bottom:1px solid #999;}
.top_bar .dropdown-content a:last-child {border-bottom:none;}
.top_bar .dropdown-content a:hover {background-color:#2E4452; color:white;}
.top_bar .dropdown:hover .dropdown-content {display:block;}

.top_img{display:block; position:relative; margin:0; padding:0; overflow:hidden;} 
.top_img img {display:block; cursor:pointer;}

.navbar {display:block; margin:0; margin-top:1em; padding:1em 0 2em; color:#999; background-color:#FFF; font-size:.8em; overflow:auto;}
.navbar a{color:#999;} .navbar a:hover{color:#36A895;}
.navbar .grigio{padding:0 0.5em; color:#CCC;} .navbar .flag {margin-right:0.3em;}

.menu_list {list-style:none; margin:0; padding:0;}
.main_first {padding:0.75em 0.5em; background-color:#333; margin-bottom:.75em;}
.main_first a{color:white;} .main_first a:hover{color:#00CC00;} .main_first i{margin-right:.5em;}
.main_link {margin-left:0.5em; padding:0.75em 0; border-bottom:1px solid #DDD;} 
.main_link a {color:#333;} .main_link a:hover {color:red;}
.main_cart {padding:0.75em 0.5em; background-color:#CC0000; margin-bottom:.75em;}
.main_cart a{color:white;} .main_cart:hover{background-color:Green;}
.link-titolo {padding:0.5em 0 0 0}
.link {margin-left:0.75em; padding:0.5em 0; border-bottom:1px solid #DDD;}
.sub-link {margin-left:1.25em; padding:0.5em 0; border-bottom:1px solid #DDD;}
.aside ul li .grigio {margin-right:0.3em;}.aside ul li .bull {margin-right:0.3em;}.aside ul li .viola {margin-right:0.5em;}
.aside ul li i {margin-right:0.3em;}

.content{display:block;line-height:1.40;margin-bottom:1em;vertical-align:top;color:#555;overflow:auto;}
.content{font-family:Arial, Helvetica, sans-serif}
.content ul, ol{margin:.5em 1em 0; padding-left:.25em; list-style-type:disc;}
.content li{margin:0 0 .5em;padding:0}

.titolo{display:block;font-weight:700;margin-bottom:.33em}
.doc{display:block;margin-bottom:1em;overflow:auto}
.doc > a{display:inline-block}
.doc > a > img{vertical-align:middle;margin-right:.3em}
.tbl, .tbl_date, .tbl_footer {width:100%;border-collapse:collapse}
.tbl th,.tbl td{padding:.5em;background-color:#fff;vertical-align:top;border:1px solid #DDD}
.tbl th{background-color:#E9E9E9; text-align:left;}
.tbl_footer td{padding:.75em 1.5em;vertical-align:top;}
.tbl_date th,.tbl_date td{padding:.35em;background-color:#fff;vertical-align:top;border:1px solid #DDD}
.tbl_bis{border-collapse:collapse}
.tbl_bis th,.tbl_bis td{padding:.5em;background-color:#fff;vertical-align:top;border:1px solid #CCC}
.tbl_bis th{background-color:#E9E9E9}
.def{width:100%;border-collapse:collapse}.def td{background-color:#fff;vertical-align:top}
.tsx {width:9em;}

.img_top{display:block;margin-bottom:1em;}
.img_down{display:block;margin-top:1em;}
.img_left{float:left;display:inline;margin:0 1.25em 1em 0}
.img_right{float:right;display:inline;margin:0 0 1em 1.25em}
img.img_left, img.img_right {max-width:350px;}
.img_sx{display:inline;float:left;margin-right:.3em;vertical-align:middle}
.img_dx{display:inline;float:right;margin-left:.3em;vertical-align:middle}
.br{height:1em}.br_half{height:.5em}

.grid {padding:0; margin:0; text-align:justify; vertical-align:top; overflow:hidden;}
.grid ul {list-style-type:none; margin:0; padding:0; overflow:hidden}
.grid ul:after {content:"";display:inline-block; width:100%; height:0; margin:0; padding:0; clear:both;}
.grid li {display:inline-block; vertical-align:top; margin-bottom:0.5em;}
.grid li .img_grid {display:block; padding-bottom:.5em; border-bottom:3px solid #00A6FF; overflow:hidden;}
.grid li .img_content,.img_gallery {display:block; padding:0.3em 0; background-color:#DDD; overflow:hidden;}
.grid li .img_gallery {margin-bottom:.5em;}
.grid .gallery_content {margin-bottom:1em;}
.grid li .img_content:hover,.img_content:active,.img_gallery:hover,.img_gallery:active {background-color:#B4A57E;}
.grid li .img_grid:hover,.img_grid:active {border-bottom:3px solid #73BA2C;}
.grid li .img_home {display:block;width:100%; padding:0.3em 0;margin-bottom:.5em; background-color:#DDD; overflow:hidden;}
/*.grid li .img_home:hover,.img_home:active{background-color:#464139;}*/
.grid li div,p {margin:0.5em 0; text-align:left;} .grid li p .mwp{max-width:99%;}
.grid li p.title {display:block; margin:0; padding:0.5em; font-size:1.2em; color:white; background-color:#333;} .grid li p.title:hover{background-color:#73BA2C;} 
.col_1,.img_1{max-width:100%;}.col_2,.img_2{width:48%;}.col_3,.img_3{max-width:30%;}.col_4,.img_4{max-width:23%;}.col_5,.img_5{max-width:19%;}

.box_data {width:100%; line-height:1.3em ;margin-bottom:1em;}

.box_grigio{display:block;background-color:#E9E9E9;margin-bottom:.5em;overflow:auto}
.box_grigio strong{display:inline-block;float:left;padding:.5em}
.box_grigio a{padding:.5em .75em} .box_grigio:after{content:"";display:block;clear:both}
.img_giallo{display:inline-block;float:left;padding:.7em;background-color:#FF6}
.close{display:inline-block;float:right;padding:.125em .5em;font-size:1.5em;font-weight:700;color:white;background-color:#006600;}
.close:active,.close:hover{background-color:#003300} a.close{color:white;}a.close:hover{color:white;}
a.chiudi{display:inline-block;float:right;margin-top:-.5em;font-size:1.5em;color:#333;}
a.chiudi:hover{color:#999;}
.notes{border-left:.3em solid #1e90ff}
a.icon_box{color:#fff}
.icon_box{background-color:#1e90ff;cursor:pointer;border-radius:.25em}
.icon_box:hover,active{background-color:red}

.box_menu{display:block;padding:0.5em;margin-bottom:.5em;background-color:#E9E9E9;overflow:auto;}
.box_cart{display:block;padding:0.75em 0.5em;margin-bottom:.5em;color:white;background-color:Green;overflow:auto;}
.box_cart strong{color:white;}
.box-cart{display:block;margin-bottom:.5em;color:white;background-color:#474239;overflow:auto;}
.box_head{display:block;padding:0.5em;margin-bottom:.5em;color:white;background-color:#474239;overflow:auto;}

.box_form{display:block;border:1px solid #CCC; padding:1em;}
.box-form{display:block; padding:1em; padding-bottom:2em; background-color:#E6E6E6; border-radius:.5em}

.box_header{display:block;margin:0;margin-bottom:.5em;background-color:#E9E9E9;overflow:auto;}
.box_header strong{display:inline-block;padding:.5em;font-size:1em;color:#00008b}
.header_box{display:block;margin:0;margin-bottom:1em; font-size:1.25em; font-weight:500;overflow:hidden;}
.box_field{padding:.2em .5em .7em} .box_campo{padding:.2em .5em 1em; margin-bottom:.5em; border-bottom:1px solid #CCC;}
.box-sx {display:block; float:left; width:45%; margin-right:1em; padding:0.5em;}
.box-dx {display:block; float:left; width:45%; padding:0.5em;}
.campo{display:block;margin-bottom:.5em}
input[type="text"], input[type="password"] {width:96%; color:#333; padding:.5em; font-size:1em; border:1px solid #999; margin:.5em 0; border-radius:.25em;}
input[type="submit"]{margin:.5em 0; padding:.75em; width:100%; color:#FFF; background-color:#333; font-size:1.25em; font-weight:500; border:1px solid #999; cursor:pointer; border-radius:.25em;} input[type="submit"]:hover{background-color:#FFF; color:#333;}

select{width:100%; padding:.5em; text-align:left; font-size:1em;} 
select option:last-child{margin-bottom:.5em;}
select optgroup{font-weight:bold; color:black; text-decoration:none; font-style:normal;}
select optgroup option{font-weight:normal;color:blue;margin-left:-.5em;}
select optgroup option:last-child{margin-bottom:.5em;}
input[type="radio"],input[type="checkbox"]{margin-left:0;margin-right:.5em}
textarea {width:95%;}
.button {background-color:#333;}
.button-red {background-color:#CC0000;}

.box_opera{display:block; margin-bottom:.5em; background-color:#E9E9E9; overflow:auto;}
.box_opera ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.box_opera ul:after {content:""; display:none; clear:both;}
.box_opera li {float:left; padding:.5em .75em; display:inline-block; margin-bottom:0;} .box_opera li.f-dx{float:right;}
.border_blu{border:1px solid blue;}.box_opera li.border_blu {padding:.15em .5em; margin:0.25em; background-color:#FFF;}
.box_opera.bg_opera{background-color:#FFE3B9;}.box_opera.m_no{margin:0;}

.sidenav {display:none; position:fixed; min-width:40%; height:100%; top:0; left:0; padding:1.5em; padding-top:0; color:white; background-color:#121B21; opacity:0.95; overflow-x:hidden; z-index:12;}
.sidenav ul:after {content:""; clear:both;}
.sidenav ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.sidenav li {display:block; padding:0.5em 0; color:white; text-decoration:none; transition:0.3s;}
.sidenav ul li:last-child {padding-bottom:5em;}
.sidenav a {color:white;} .sidenav a:hover {color:#36A895;}
.sidenav a.sidemenu {font-size:1.5em; color:#FFF;}
.sidenav a.sidemenu:hover {color:#36A895;}
.sidenav .homeside {display:inline-block; margin-top:2.5em; font-size:1.5em;}
.sidenav .closeside {display:inline-block; float:right; margin-right:-0.75em; padding:0.25em 0.5em; color:white; font-size:2em;} .sidenav a.closeside:hover {color:#36A895;}
.sidenav .linemenu {line-height:1px; height:1px; border:0; border-top:1px solid #CCC; margin:0.5em 0; padding:0;}
.sidenav i, .sidenav img, .sidenav .grigio, .sidenav .punto, .sidenav .bull {margin-right:0.5em;}
.sidenav .grigio{margin-left:.25em;color:white;font-family:Arial;font-size:1.05em;;}
.sidenav .punto{margin-left:1.5em;}.sidenav .bull{margin-left:1.75em;color:#36A895;}
.s_link {color:#666;} .sidelink{color:#36A895;} .sidelink:hover {color:#333;}
.sidenav a.sidelink {color:#36A895;} .sidenav a.sidelink:hover {color:white;}

.button_crm {margin:.5em 0; padding:1em; width:100%; background-color:#4D004D; color:#FFF; font-size:1.25em; cursor:pointer; border-radius:.25em;} .button_crm:hover{background-color:#EC8A13; color:#FFF;}
.box_crm {display:none; position:fixed; width:30%; height:60%; top:50%; left:50%; transform:translate(-50%,-50%); padding:2em; color:#333; background-color:#DDD; opacity:0.98; border-radius:.5em; animation:mymove 1s 1 ease; overflow:hidden; z-index:100;} @keyframes mymove {from {opacity:0;} to{opacity:0.96;}}
.box_crm .closeside {display:inline-block; float:right; margin-right:-0.75em; padding:0.25em 0.5em; font-size:2em;}
.box_crm input[type="text"], input[type="password"] {width:95%; color:#333; padding:.5em; border:1px solid #666; margin:.25em 0; border-radius:.25em;} .box_crm a {color:#333;}.box_crm a:hover{color:#999;}
.box_crm .button_crm {border-color:#666; color:#333; background-color:transparent;}.box_crm .button_crm:hover{background-color:#FFF;color:#333;}
.box_crm .grigio{color:#666;}

.overlay {position:fixed; width:100%; top:0; bottom:0; left:0; text-align:center; background-color:rgba(50,50,50,0.95); display:none; z-index:100; overflow:auto;}
.top-modal {position:fixed; width:100%; height:auto; padding:0; top:0; left:0; text-align:center; color:white; background-color:black; z-index:999;}
.close-modal {position:relative; display:inline-block; float:right; padding:0.25em 1em; font-size:2em; cursor:pointer;}
.close-modal:hover {background-color:red;}
.close-modal:active {background-color:red;}

.center-modal {position:relative; display:inline-block; margin-left:4em; padding:1.1em; font-size:1em;}
.pn_btn {display:none;}
.prev {display:block; position:absolute; top:50%; left:0%; padding:10% 1em; font-size:2em; color:white; transform:translate(0%,-50%); -ms-transform:translate(-0%,-50%); cursor:pointer;}
.next{display:block; position:absolute; top:50%; right:0%; padding:10% 1em; font-size:2em; color:white; transform:translate(0%,-50%); -ms-transform:translate(0%,-50%); cursor:pointer;}
.prev:hover, .prev:active, .next:hover, .next:active {color:red;}
.img_modal {display:block; max-width:100%; margin:0 auto; padding:3.4em 0 0 0; z-index:999;}
.img_modal > img {max-width:100%; max-height:100%;}
.img_caption {margin:1em auto; color:white; text-align:center;}

.slider {display:block; cursor:pointer;}
.dot_slider {position:absolute; left:0; top:0; padding:1em; text-align:center; z-index:2;}
.dot {display:block; width:0.75em; height:0.75em; margin-right:0.25em; margin-bottom:0.5em; background-color:transparent; border:1px solid #FFF; border-radius:50%; cursor:pointer;}
.dot:hover, .dot:active {background-color:white;}
.white {background-color:white; opacity:0.5;}
.prev-slide, .next-slide {cursor:pointer; position:absolute; top:40%; width:auto; padding:1em; color:white; font-weight:normal; font-size:2em; transition:0.6s ease; border-radius:0 3px 3px 0; user-select:none;} .next-slide {right:0; border-radius:3px 0 0 3px;}
.prev-slide:hover, .next-slide:hover {color:white; background-color:rgba(0,0,0,0.8);}

.bg_bianco {background-color:white;}.bg_blu {background-color:blue;} .bg_giallo{background-color:#FFFF99;} .bg_grigio{background-color:#CCC;} .bg_d{background-color:#DDD;} .bg_no{background-color:transparent;}

button {margin:.5em 0; padding:0.5em 0.75em; background:#CC0000; color:white; font-size:1.05em; border:none; cursor:pointer; border-radius:.15em;} button:hover{background-color:#333;}
.grigio {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#666666;}
.red {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#CC0000;}
.punto {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#666666;}
.bianco{color:white;}.blu{color:#0066FF;}.rosso{color:red;}.verde{color:green;}.green{color:#99FF99;}.gold{color:gold;}.lime{color:lime;}.aqua{color:aqua;}.giallo{color:yellow;}.brown{color:brown;}.marrone{color:#532611;}.fsmall{font-size:smaller;}.crimson{color:crimson;}.purple{color:purple;}.viola{color:#ADA8D1;}.hgrey{color:#666;}
.testo_sx {display:block; float:left; text-align:left;}
.testo_dx {display:block; float:right; text-align:right;}
.testo_barrato {text-decoration:line-through;}
.titolo_blu {font-weight: bold;	color:#0066FF;}
.titolo_rosso {font-weight: bold; color:red;}

.zoom {animation:animatezoom 0.6s;}@keyframes animatezoom{from{transform:scale(0);} to{transform:scale(1);}}
.opacity{animation:opac 1s;}@keyframes opac{from{opacity:0;} to{opacity:1;}}
.sx_move{animation:animateleft 0.4s;}@keyframes animateleft{from{left:-20em;opacity:0;} to{left:0;opacity:1;}}
.dx_move{animation:animateright 0.4s;}@keyframes animateright{from{left:0em;opacity:1;} to{left:-20em;opacity:0;}}

.video-youtube{position:relative; padding-bottom:56.25%; padding-top:2em; height:0; overflow:hidden;}
.video-youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.header:after,.top_nav:after,.top_bar:after,.top_img:after,.navbar:after,.central:after,.aside:after,.footer:after,.content:after,.box_opera:after,.chiudi:after,.header_box:after{content:"";display:block;width:100%;clear:both;}

.mb_on{display:none}.mb_in{display:none}.portrait{display:none}

@media only screen and (max-width:1024px){
.top_bar {padding:0 .75em;}
.section {padding:0 1.5em;}
.footer {padding:1.5em 1.5em 0 1.5em;}
.section_footer{padding:1em 0;}
.tbl_date{font-size:.9em;}
.top_wa {display:block; background-color:#464139; overflow:auto;}
.top_wa a{display:inline-block;padding:.5em 1em; color:#fff; font-size:1.2em;}
.top_wa a:hover,a:active{color:#0f0}
.img_left{float:left;display:inline;margin:0 1em 1em 0}
.img_right{float:right;display:inline;margin:0 0 1em 1em}
}

@media only screen and (max-width:800px){
.top_bar li.mb_off{display:none;}
}

@media only screen and (min-width:320px) and (max-width:768px) {
.land_in{display:none}
.logo img{max-width:80%; width:80%;} .logo a{padding:0;}
.top_logo {padding:.5em 1em;}
.top_logo a {margin-top:-.5em; margin-bottom:.0; padding:1.3em .65em;}.top_logo i{font-size:1.5em;}
.top_bar{display:none;}
.section {padding:0 1.5em;}
.aside{display:none;}
.central{float:none;margin:0;width:100%;}
.footer {padding:1em;}
.mw_logo{max-height:64px;}
.navbar {margin-top:.5em; padding:1em 0;}
.mb_block{display:block;float:none;width:100%;margin:0;padding:0;}
.portrait{display:none}
.landscape{display:block}
.mb_off{display:none}.mb_on{display:block}.mb_in{display:inline}
.center-modal{margin-left:0}.close-modal{padding:.25em .5em}
.prev{display:none}
.next{display:none}
.pn_btn{position:relative;display:inline-block;float:left;font-size:1.5em;padding:.5em}
.pn_btn:hover{background-color:red}.dot_slider{padding:.5em 1em}.dot{width:.5em;height:.5em}
.grid li p.title {font-size:1.12em; font-weight:bold;}
.sidenav {min-width:40%;}
}

@media only screen and (min-width:320px) and (max-width:768px) and (orientation:portrait){
h1{font-size:1.5em;}
.top_logo {padding:.5em;}
.dot {display:none;}
.section {padding:0 1em;}
.navbar {padding-top:.5em;}
.tbl_footer td{padding:.75em 0; padding-right:2em;}
.navbar .sx{float:none;overflow:auto}
.content{line-height:1.5}
.img_left{display:block;float:none;margin:0 0 1em 0;}
.img_right{display:block;float:none;margin:0 0 1em 0;}
img.img_left, img.img_right {max-width:100%;}
.mb_off{display:none}.mb_on{display:block}.mb_in{display:inline}
.mw_50{width:90%;}
.mw-50{max-width:90%;}
.portrait{display:block}
.landscape{display:none}.land_in{display:none}
.mb_no{display:none}
.box-sx{display:block;float:left;width:95%;margin-right:0;padding:.5em}
.box-dx{display:block;float:left;width:95%;padding:.5em}
.grid li .img_gallery{padding:0}
.col_1,.col_2,.col_3,.col_4,.col_5{display:block;max-width:100%;margin-bottom:1em;text-align:left}
.col_2{width:100%;}
.img_4{max-width:48%;} .img_5{max-width:18%;}
}