*:focus {outline:0 !important;}
html, body {text-rendering: optimizeLegibility;overflow-x: hidden;}
body {position:relative; font-family: 'Lato', sans-serif;padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);}
/* GENERAL ATTRIBUTES */
a {text-decoration:none; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
a:hover {-webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
iframe {display:block; border: 0;}
p, h3, h4, h5, h6 {margin:0; padding:0;}
h2 {font-family: "kanit", sans-serif;font-style: italic;}
.no-padding {padding: 0 !important;}
.no-margin {margin:0 auto !important;}
.visible-sm {display: none;}
.orange {color:#ff5e00;}
.btn-default {text-transform:uppercase;color:#ff5e00;background:#191919;font-size:10pt;font-weight:800;padding:14px 40px;width:auto;border-radius: 0; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.btn-default:hover {-webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.btn-default span {color: #fff;font-size: 14pt;vertical-align: middle;margin-left:8px;}
/* HEADER */
#home header {height: 100vh;}
header {position: relative; height: 55vh;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#scroll-icon {position: absolute;bottom: 50px;left: calc(50% - 13px);z-index: 10;display: none;}
#home #scroll-icon {display: block;}
#cabinati header {background-image: url(/assets/images/top/default.jpg);}
#catamarani header {background-image: url(/assets/images/top/default.jpg);}
#noleggio header {background-image: url(/assets/images/top/default.jpg);}
#escursioni header {background-image: url(/assets/images/top/default.jpg);}
#dati_bancari header {background-image: url(/assets/images/top/default.jpg);}
#assicurazione header {background-image: url(/assets/images/top/default.jpg);}
#listino_prezzi header {background-image: url(/assets/images/top/default.jpg);}
#dove_siamo header {background-image: url(/assets/images/top/default.jpg);}
#partners header {background-image: url(/assets/images/top/default.jpg);}
#scuola header {background-image: url(/assets/images/top/scuola.jpg);}
#contatti header {background-image: url(/assets/images/top/default.jpg);}
#news header {background-image: url(/assets/images/top/default.jpg);}
#gallery header {background-image: url(/assets/images/top/default.jpg);}
#sailon header {background-image: url(/assets/images/top/sailonlife.jpg);}
header .logo {margin-top:40px;}
header .title h1 {color:#fff;font-family:"kanit", sans-serif;font-size: 80pt;font-weight: 600;margin-top:10px;font-style: italic;}
header .title h5 {color:#fff;text-transform: uppercase;margin-top: 0;font-weight: 800;}
/* navbar */
#navbar {padding: 0 3rem 20px 3rem;z-index: 20;}
#navbar #menu-content { background: #292929;padding: 25px 0;margin-top:50px;-webkit-transition: all .3s;transition: all .3s;}
#navbar .dual-nav .nav-item {padding: .5rem;}
#navbar .dual-nav .nav-link {padding: .5rem .8rem; color:#b3b3b3;font-family: "PT Serif", serif; text-transform: uppercase; font-size: 9pt; font-weight: 600; letter-spacing: 1px;}
#navbar .dual-nav .nav-link:hover {color:#ff5e00;}
#navbar .dual-nav .active .nav-link {background: #ff5e00;color:#fff;}
#navbar .dropdown-toggle::after {font-family: Font Awesome\ 5 Pro; content: "\f078"; border: 0; vertical-align: unset; font-size: 80%; margin-left: 0.8em;color:#ff5e00;display: inline-table;}
#navbar .active .dropdown-toggle::after {color: #fff;}
/* affix */
#navbar.affix {background:transparent;}
#navbar.affix #menu-content {margin-top:0;}
#navbar [type=button] {-webkit-appearance: none !important;}
#navbar .dropdown-toggle:focus {color:#ff5e00;}
#navbar .dropdown-menu {background: #191919;border:1px solid rgba(255,255,255,0.1);border-radius: 0;padding: 0;}
#navbar .dropdown-menu .dropdown-item {color:#b3b3b3;font-family:"Pt Serif", serif;text-transform: uppercase;font-size: 9pt;padding: 15px 15px;letter-spacing: 1px;font-weight: 500;border-top:1px solid rgba(255,255,255,0.1);}
#navbar .dropdown-menu .active .dropdown-item {color:#ff5e00;}
#navbar .dropdown-menu .dropdown-item:hover {color:#ff5e00;background: transparent;}
#navbar .dropdown-menu .dropdown-item.first {border-top:0;}
/* top-bar */
#top-bar {position: relative;z-index: 25;font-family: "Pt Serif", serif ;padding: 0 3rem;}
#top-bar #top-bar-content {position:relative;background: #191919;height: 50px;padding: 0 50px;}
#top-bar #top-bar-content a {color:#898f95;font-size: 10pt;font-style: italic;font-weight: 600;}
#top-bar #top-bar-content a:hover {color:#ff5e00;text-decoration: none;}
#top-bar #top-bar-content a i {color:#fff;margin:0 15px;font-size: 8pt;}
#top-bar #top-bar-content .social i {font-size: 11pt;margin-right: 0;margin-left: 20px;-webkit-transition: all .3s;transition: all .3s;}
#top-bar #top-bar-content .social:hover i {color:#ff5e00;}
/* languageMenu */
#top-bar #top-bar-content #languageMenu {background:#222222;padding: 0;margin:0;position: absolute;right: 0;top:0;;vertical-align: middle;-webkit-transition: all .3s;transition: all .3s;}
#top-bar #top-bar-content #languageMenu:hover {background: #ff5e00;}
#top-bar #top-bar-content #languageMenu li {list-style-type: none;}
#top-bar #top-bar-content #languageMenu li a {font-style: normal;font-size: 10pt;color:#ff5e00;padding: 15.5px;display:block;}
#top-bar #top-bar-content #languageMenu li a:hover, #top-bar #top-bar-content #languageMenu li a:focus {color:#fff;}
#top-bar #top-bar-content #languageMenu .dropdown-menu {min-width: auto;background: #191919;padding:3px;left: 0 !important;top:0 !important;border-radius: 0;}
/* megatron */
#megatron .logo-dida h1 {font-size: 25pt;text-transform: uppercase;font-family: "PT Serif", serif;font-weight: 300; color:#fff; text-align: center; margin-top: 25px; letter-spacing: 3px;}
#megatron .logo-dida {padding: 0 20px;}
#megatron .btn {margin-top:40px;}
#megatron .btn:hover {background: #ff5e00;color:#fff;}
#home #megatron a img {height: auto;}
#megatron a img {height: 100px;}
/* slider */
.owl-carousel#home-slider {position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; overflow: hidden;}
.owl-carousel#home-slider .owl-stage-outer, .owl-carousel#home-slider .owl-stage, .owl-carousel#home-slider .owl-item, .owl-carousel#home-slider .item {height: 100%;}
.owl-nav {position: absolute; margin:0; padding:0; bottom:50px; right:50px; line-height:10px; z-index:20;}
.owl-nav [class*=owl-] {margin:0; padding:0 15px; background:none;}
.owl-nav [class*=owl-]:hover {color:#fff;}
.owl-nav [class*=owl-] .fa {font-size:4em;}
#nav-top button {position: absolute; top:calc(50% - 30px); left:0; cursor:pointer; z-index:20;-webkit-transition: all .3s;transition: all .3s;padding: 40px;background: transparent;border:2px solid #fff;}
#nav-top button:hover {background: rgba(0,0,0,0.5);}
#nav-top button i {font-size: 22pt;color:#fff;}
#nav-top button:hover i {color:#ff5e00;}
#nav-top .owl-next {left:inherit; right:0;-webkit-transition: all .3s;transition: all .3s;border-right: 0;}
#nav-top .owl-prev {border-left:0;}
#nav-middle button {position: absolute; top:calc(50% - 22px); left:0; cursor:pointer; z-index:20;-webkit-transition: all .3s;transition: all .3s;padding: 10px 15px;background: #ff5e00;color:#fff;border:0;}
#nav-middle .owl-next {left:inherit; right:0;-webkit-transition: all .3s;transition: all .3s;border-right: 0;}
#nav-middle .owl-prev {border-left:0;}
/* MIDDLE */
.content-image img, .box-image img {-webkit-transition: all .3s;transition: all .3s;}
.content-image:hover img, .box-image:hover img {-webkit-filter: grayscale(100%);filter: grayscale(100%); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
/* section */
.section {position:relative;padding: 100px 0;}
.section .title-section {position: relative;z-index: 2;}
.section .title-section h2 {font-size: 30pt;font-weight: 600;}
.section hr {width: 60px;border-top:3px solid #ff5e00;margin-left:0;}
.section .title-section p {font-size: 13pt;}
.section .bg-title {font-family: "kanit", sans-serif ;font-size: 170pt;font-weight: 800;font-style: italic;color:#f6f6f6;position: absolute;top:-40px;z-index: 0;}
/* PAGE */
.section#section-benvenuti {background: url(/images/bg-benvenuti.jpg);background-size: cover;background-position: center top;}
.section#section-benvenuti .content-image {display: block;height: 400px;}
.section#section-benvenuti .txt {padding-left: 7rem;}
.section#section-benvenuti .txt h2 {font-size: 20pt;font-weight: 600;color:#212121;font-family: "Pt Serif", serif;font-style: normal;}
.section#section-benvenuti .txt hr {border-top:3px solid #ff5e00;width: 60px;margin-left:0;margin:15px 0 30px 0;}
.section#section-benvenuti .txt p {color:#212121;font-size: 13pt;font-weight: 400;line-height: 1.8em;}
.section#section-benvenuti .txt .btn {background: #ff5e00;color:#fff;width: 30%;margin-top:20px;}
.section#section-benvenuti .txt .btn:hover {background: #212121;color:#fff;}
/* section-servizi */
.section#section-servizi {padding-bottom: 0;}
.section#section-servizi #box-content {margin-top:60px;}
.section#section-servizi .content-image {display: block;height:400px;}
.section#section-servizi .txt-box {position: absolute;width:100%;bottom:0px;z-index: 10;padding-left:3rem;-webkit-transition: all .3s;transition: all .3s;}
.section#section-servizi .txt-box h3 {color:#fff;font-family: "Pt Serif", sans-serif;font-size: 25pt;font-weight: 600;}
.section#section-servizi .title-section hr {margin:10px auto;}
.section#section-servizi .sfum {position: absolute;z-index: 5;bottom: 0;height: 100%;width: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+42,0.65+98 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.65) 98%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0.65) 98%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0.65) 98%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
.section#section-servizi .txt-box .btn {background: #ff5e00;color:#fff;margin-top:10px;opacity: 0;}
.section#section-servizi .txt-box .btn:hover {background: #212121;color:#ff5e00;}
.section#section-servizi .content-image:hover .txt-box {bottom: 60px;}
.section#section-servizi .content-image:hover .txt-box .btn {opacity: 1;}
.section#section-servizi .box-gallery {background: #ff5e00;height:400px;padding: 25px;-webkit-transition: all .3s;transition: all .3s; }
.section#section-servizi .txt-box-gallery {border:3px solid #fff;}
.section#section-servizi .txt-box-gallery:hover {text-decoration:none;background: #ff5e00;}
.section#section-servizi .box-gallery:hover {padding: 50px;}
.section#section-servizi .box-gallery i {font-size: 30pt;color:#fff;}
.section#section-servizi .box-gallery h3 {font-size: 24pt;color:#fff;margin:10px 0;text-transform: uppercase;font-weight: 800;}
.section#section-servizi .box-gallery p {color:#fff;font-size: 13pt;}
/* section flotta */
.section#section-flotta {padding:150px 0;background: #292929;}
.section#section-flotta .bg-title {top:0;color:#313131;}
.section#section-flotta .title-section hr {margin-left:0;}
.section#section-flotta .title-section h2 {color:#fff;}
.section#section-flotta .texture {position: absolute;bottom: 0;right:0;opacity: 0.2;}
.section#section-flotta .btn-scopri {background: #ff5e00;color:#fff;text-transform: uppercase;font-size: 10pt;font-weight: 800;border-radius: 0;padding: 15px 25px;margin-top:50px;margin-bottom: 0;}
.section#section-flotta .btn-scopri:hover {background: #191919;color:#ff5e00;}
.section#section-flotta #slider-container {position: relative;}
.section .flotta {margin-top:100px;}
.section .flotta .box-image {height:500px;}
.section .flotta .box-image i {position: absolute;background: #ff5e00;top:15px;left:15px;z-index: 10;color:#fff;padding: 15px;font-size: 30pt;}
.section .flotta .box-txt {background: #383838;}
.section .flotta .content-txt {padding-left: 4rem;}
.section .flotta .content-txt h3 {color:#fff;font-family: "Pt Serif", serif;font-size: 25pt;}
.section .flotta .list.first {margin-right: 30px;float: left;}
.section .flotta .list.second {float: right;}
.section .flotta .list li {color:#b6b6b6;font-size: 10pt;list-style-type: none;padding: 3px 0;}
.section .flotta .btn {padding: 10px 22px;background:#292929;}
.section .btn:hover {background: #ff5e00;color:#fff;}
.section .btn.second {color:#fff;margin-left:5px;}
/* section news */
.section#section-news {padding-bottom: 150px;}
.section#section-news .title-section {margin-bottom: 50px;}
.section#section-news .title-section hr {margin:10px auto;}
.section.news .item {position:relative;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 30px;}
.section.news .content .content-image {height: 220px;display: block;}
.section.news .content .content-image img {-webkit-transition: all .3s;transition: all .3s;}
.section.news .content .text h3 {font-family: "Pt Serif", serif;font-style: italic;font-weight: 600;font-size: 25px;margin:15px 0;color:#212121;}
.section.news .content:hover {text-decoration: none;}
.section.news .content:hover .content-image img {-webkit-filter: grayscale(100%);filter: grayscale(100%); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.section.news .content .text p {color:#727272;font-size: 10pt;line-height: 2em;margin-bottom: 30px;}
.section.news .link {position:absolute;right:0;text-transform: uppercase;color:#ff5e00;font-size: 9pt;font-weight: 800;}
.section.news .link .far {font-size: 16pt;vertical-align: middle;margin-left:5px;}
.section.news .link:hover {color:#191919;text-decoration: none;}
.section.news .content .data {position:relative;display:inline-block;width:45%;background: #ff5e00;color:#fff;text-transform: uppercase;font-weight: 800;font-size: 10pt;padding: 19px;margin-bottom: 15px;}
.section.news .content .data::after {content: '';position: absolute;right: -47px;top: 0;border-left: 47px solid transparent;border-bottom: 57px solid transparent;border-left-color: #ff5e00;}
#news .section.news .item {margin-bottom: 50px;border:0;}
#news .section.news .content {border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 15px;}
#news .section.news .content .link {position: relative;}
.section.news .no-news h3 {text-transform: uppercase;font-size: 14pt;margin-bottom: 30px;}
.section#news-details {padding-bottom: 150px;}
#news-details .news-content .content-image {display: block;height: 100%;}
#news-details .news-content .txt-page h2 {color:#ff5e00;}
#news-details .news-content .txt-page h3 {text-transform: uppercase;font-size: 15pt;font-weight: 600;margin-bottom:5px;}
#news-details .news-content .btn {margin-top:60px;}
#news-details .news-content .btn:hover {background: #ff5e00;color:#fff;}
#news-details .news-content .btn i {font-size: 14pt;vertical-align: middle;margin-right:5px;}
#news-details .attachments {margin-top:60px;}
#news-details .attachments h3 {text-transform: uppercase;font-weight: 800;color:#ff5e00;margin-bottom: 10px;}
#news-details .attachments a i {color:#ff5e00;}
#news-details .attachments a {color:#212121;}
#news-details .attachments a:hover {color: #ff5e00;text-decoration: none;}
#partners .partners a {margin-left:5px;}
/* gallery */
.section#index-gallery .content-image {display: block;height: 300px;margin-bottom: 30px;}
/* PAGE */
.section#page .title-section {margin-bottom: 50px;}
.section#page .title-section h2 {text-align: center;}
.section#page .title-section hr {margin: 0 auto;}
.section#page .flotta {margin-top:0;}
.section#page .box {margin-bottom: 40px;}
.section#page .flotta .btn {margin-left: 0;background:#ff5e00;}
.section#page .flotta .btn:hover {background: #212121;}
.section#page .content-image {display: block;height: 300px;}
#escursioni .section#page .content-image {height: 600px;}
.section#page .txt-page h4 {text-transform: uppercase;font-size: 12pt;font-weight: 600;margin-top: 10px;}
.section#page .txt-page h3 {text-transform: uppercase;font-weight: 800;color:#ff5e00;}
#dati_bancari .section#page .txt-page h3, #assicurazione .section#page .txt-page h3 {margin:15px 0;}
.section#page .txt-page p {font-size: 13pt;}
.section#page .txt-page.second {margin-top:40px;}
.section#page {padding-bottom: 150px;}
.section#page .btn-contact {margin-top:40px;}
.section#page .btn-contact:hover {background: #ff5e00;color:#fff;}
.table-price tr td {background: #f6f6f6;border:2px solid #fff;}
.table-price tr th {background: #2e2e2e;border:2px solid #fff;color:#fff;}
.table-responsive {max-width: 100%;overflow-x: auto;}
#listino_prezzi .section#page .txt-page h3 {margin-bottom: 20px;margin-top:20px;}
#dove_siamo .map {margin-top:50px;}
#dove_siamo .section#page .txt-page h3 {margin-bottom: 20px;}
/* CONTATTI */
.section#section-contatti {background: #fff;padding: 100px 0;}
.section#section-contatti .content-form {position: relative;z-index: 1;}
.section#section-contatti form {width: 100%;}
.section#section-contatti .form-control {width: 100%;background: #f6f6f6;border:1px solid rgba(0,0,0,0.1);border-radius: 0;color:#212121;font-size: 11pt;padding: 10px 20px;margin-bottom: 10px;}
.section#section-contatti h2 {margin-bottom: 10px;}
.section#section-contatti .btn.invia {background: #ff5e00;color:#fff;text-transform: uppercase;color:#fff;font-weight: 600;letter-spacing: 1px;font-size: 11pt;padding: 10px 25px;margin-top:30px;border-radius:0;margin-bottom: 50px;}
#section-contatti label {color: #ff5e00; text-align: left; margin-bottom: 0;font-size: 10pt;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;}
#section-contatti label .fas {margin-right: 5px;}
#section-contatti label span {position: relative; top: 8px; color: #212121; font-size: 150%; line-height: 0;font-size: 20pt;}
#section-contatti .form-custom {font-size: 12pt;}
#section-contatti textarea.form-custom {max-width: 100%; min-width: 100%;}
#section-contatti .privacy {position: relative; text-align: center;margin-top:40px;}
#section-contatti .privacy label {position: relative; top: 1px;color:#212121;text-align: center;}
#section-contatti .privacy label a {color:#ff5e00;}
#section-contatti .g-recaptcha {border: none;}
#section-contatti .g-recaptcha>div {margin: 20px auto 10px auto; }
#section-contatti .texture {position: absolute;top:0;right:0;z-index: 0;}
#contatti .title-section hr {margin:0 auto 30px auto;}
/* FOOTER */
.section#dati {background: #292929}
.section#dati .logo {margin-bottom: 40px;margin-top:80px;}
.section#dati .content-text p {text-align: center;color:#727272;font-weight: 600;font-size: 10pt;line-height: 2em;}
.section#dati .content-text p a {color:#ff5e00;}
.section#dati .content-text p a:hover {text-decoration: none;}
.section#dati #contact-footer {background: #ff5e00;margin-top:-155px;padding: 25px 0;}
.section#dati #contact-footer a {color:#fff;font-family: "Pt Serif", serif;font-weight: 600;font-style: italic;font-size: 13pt;}
.section#dati #contact-footer a:hover {text-decoration: none;}
.section#dati #contact-footer i {background: #b04100;padding:15px 15px;border-radius: 50%;vertical-align: middle;border:8px solid #d44e00;margin-right:5px;-webkit-transition: all .3s;transition: all .3s;}
.section#dati #contact-footer a:hover i {background: #292929;border:8px solid #3d3d3d;}
.section#dati .menu-footer ul {padding: 0;margin-top:40px;}
.section#dati .menu-footer ul li {list-style-type: none;display: inline;margin:15px;}
.section#dati .menu-footer ul li a {font-family: "Pt Serif", serif;color:#727272;text-transform: uppercase;font-size: 10pt;font-weight: 600;}
.section#dati .menu-footer ul li a:hover {color:#ff5e00;text-decoration: none;}
.section#dati .menu-footer ul li .social i {font-size: 15pt;margin-top:15px;}
#concept {background: #2e2e2e;}
#concept .content {padding: 60px 15px;}
#concept .content div {color:#727272;font-size: 8pt;letter-spacing: 1px;}
#concept .content div a {color:#727272;}
#concept .content div a:hover {color:#e09230;text-decoration: none;}
/* MODAL */
/* style */
.modal .modal-body iframe {width: 100%; height: 400px;}
.modal .modal-body p {margin: 0;}
.modal-content {background: #212121;text-align: center;color:#898f95;}
.modal-content .modal-header {text-align: center;justify-content: center;color:#fff;text-transform: uppercase;border:0;}
.modal-content .modal-header h5 {color:#fff;font-size: 11pt;}
.close {text-shadow: none;color:#fff;opacity: 1;}
.modal-content .modal-footer {border:0;text-align: center;justify-content: center;padding-top: 0;}
.modal-content .modal-footer .btn {background: #ff5e00;border-radius:0;color:#fff;text-transform: uppercase;font-size: 10pt;font-weight: 600;letter-spacing: 1px;}
/* PSWP */
.pswp__caption__center {text-align: center;color:#fff;text-transform: uppercase;letter-spacing: 1px;}
.pswp__counter {text-align: center;}
/* PAGINATION */
.pagination {margin-top:40px;}
.pagination .page-item .page-link {border-radius: 0 !important;border:0;margin:2px;}
.pagination .page-link {background: #212121;color:#fff;}
.pagination .page-link:hover {background: #ff5e00;}
.page-item.active .page-link {background: #ff5e00;color:#fff;}
@media (max-width:1680px) {
body {border: 3px solid #ae00ff;}
/* HEADER */
/* MIDDLE */
/* FOOTER */
}
@media (max-width:1499px) {
body {border: 3px solid orange}
/* HEADER */
header {height: 65vh;}
#home header {height: 100vh;}
header .title h1 {font-size: 60pt;}
#home #megatron a img {width:60%;}
#megatron .logo-dida h1 {font-size: 18pt;}
#megatron .btn {padding: 10px 25px;margin-top:20px;}
#nav-top button {padding: 20px;top:calc(55% - 30px);}
.btn-default {font-size: 9pt;}
/* MIDDLE */
/* FOOTER */
}
/* portatile standard + Tablet */
@media (max-width:1400px) and (max-height:800px) {
body {border:3px solid #00ffc8;}
/* HEADER */
#top-bar {padding: 0 2.8rem;}
/* MIDDLE */
/* FOOTER */
}
@media (max-width:1199px) {
body {border:3px solid green;}
/* HEADER */
#home #megatron a img {width: 45%;}
#megatron .logo-dida h1 {font-size: 15pt;margin-top:15px;}
#nav-top button {padding: 12px;}
#nav-top button i {font-size: 15pt;}
#navbar #menu-content {padding: 15px 0;}
#navbar .dual-nav .nav-link {font-size: 9pt;padding: .5rem .2rem;}
#top-bar {padding: 0 2.8rem;}
/* MIDDLE */
.section#section-benvenuti .txt {padding-left:2rem;}
.section#section-benvenuti .txt p {font-size: 12pt;}
.section {padding: 80px 0;}
.section#section-servizi .txt-box h3 {font-size: 17pt;}
.section .bg-title {font-size: 125pt;top:20px;}
.section#section-servizi .box-gallery h3 {font-size: 18pt;}
.section#section-servizi .box-gallery:hover {padding: 30px;}
.section#section-servizi .box-gallery p {font-size: 11pt;}
.section#section-servizi .content-image, .section#section-servizi .box-gallery {height: 320px;}
.section#section-flotta {padding-top: 80px;padding-bottom: 80px;}
.section#section-flotta .bg-title {top:-30px;width: 100%;text-align: center;}
.section#section-flotta .title-section {width: 100%;text-align: center !important;}
.section#section-flotta .title-section hr {margin:0 auto;}
.section.news .content .data {padding: 19px;}
.section#page .flotta .content-txt {padding-left: 2rem;}
.section#index-gallery .content-image {height:200px;}
.pagination {margin:30px 0 40px 0;}
.section#section-flotta .btn-scopri {margin-bottom: 50px;}
/* FOOTER */
}
@media (max-width:991px) {
body {border:3px solid blue;}
/* HEADER */
#home #megatron a img {width: 75%;}
#megatron .logo-dida {margin-top:-50px;}
#menu-content .navbar-collapse {background: #222222;margin-top:10px;max-height: 600px;overflow-y: auto;}
#navbar .dual-nav .nav-link {font-size: 12pt;}
#navbar .dual-nav .navbar-nav {padding: 1.5rem;}
.navbar-toggler {background: #ff5e00;border-radius: 0;color:#fff;padding: 15px 20px;}
#navbar #menu-content {background: transparent;padding: 20px 0;}
/* MIDDLE */
.section#section-flotta #slider-middle .list {float:none !important;}
.section#section-flotta #slider-middle .list li {font-size: 9pt;}
.section#section-flotta #slider-middle .box-image {height: 600px;}
.section.news .content .data {font-size: 9pt;width: 55%;padding: 20px;}
.section.news .content .text h3 {font-size: 18px;}
.section.news .content .content-image {height: 150px;}
.section#dati #contact-footer a {font-size: 11pt;}
.section#section-flotta #slider-middle {margin-top:40px;}
#news-details .news-content .content-image {height: 200px;margin-bottom: 20px;}
.section#page .flotta .box-image {height: 300px;}
.section#page .flotta .box-txt {padding: 2rem 0;}
.section#page .flotta .content-txt {padding-left: 4rem;}
#escursioni .section#page .content-image {height: 300px;margin-bottom: 30px;}
.section#page .txt-page h3 {font-size: 14pt;}
#news .section.news .item {margin-bottom: 30px;}
.section#index-gallery .content-image {height:250px;}
.section#section-contatti {padding: 50px 0;}
.section#section-flotta #slider-middle {padding: 0 15px;}
.section#section-benvenuti .txt .btn {width: 50%;}
/* FOOTER */
#concept .content {padding: 20px 15px;}
.section#dati .logo {height: 35px;}
}
@media (max-width:767px) {
body {border:3px solid red;}
/* HEADER */
#top-bar {padding: 0;}
#navbar {padding: 0;}
#top-bar #top-bar-content {padding: 0 15px;}
#top-bar #top-bar-content .contact-top {padding: 15px 0;background: #292929;}
#top-bar #top-bar-content .contact-top.first {border-right:1px solid rgba(255,255,255,0.1);}
#top-bar #top-bar-content a i {font-size: 12pt;}
.hidden-xs {display: none;}
#menu-content .navbar-collapse {max-height: 400px;}
#nav-top {display: none;}
.section#section-benvenuti .txt {padding: 0 15px;}
.section#section-benvenuti .txt .btn {width: 60%;}
header .logo {margin-top:0;}
header .title h1 {font-size: 45pt;}
header {height: 50vh;}
header .title h5 {font-size: 12pt;}
/* MIDDLE */
.section#section-benvenuti .content-image {height: 220px;margin-bottom: 30px;}
.section#section-benvenuti .txt p, .section .title-section p {font-size: 11pt;}
.section .bg-title {font-size:80pt;}
.section#section-flotta .bg-title {top:0;}
.section#section-flotta #slider-middle .box-image {height: 200px;}
.section#section-flotta #slider-middle .content-txt {text-align: center;width: 100%;padding-left: 0;padding: 30px 0;}
.section#section-flotta #slider-middle .content-txt hr {margin:15px auto;}
.section#section-flotta #slider-middle .list.first {margin:0;}
.section#section-flotta {padding-bottom: 30px;}
.section .flotta {margin-top:60px;}
.section.news .content .data {width: 100%;padding: 12px;}
.section.news .content .data::after {display: none;padding: 10px 0;}
.section#section-news {padding: 50px 0 70px 0;}
.section#dati #contact-footer {margin-top:0; }
.section#dati #contact-footer i {font-size: 22pt;}
.section#dati {padding-top: 0;padding-bottom: 20px;}
.section#page {padding: 60px 0;}
.section#page .flotta .box-image {height: 200px;}
.section#page .flotta .box-txt {padding: 2rem 0;}
.section#page .flotta .content-txt {padding-left: 2rem;}
.section#page .content-image {margin-bottom: 30px;height: 200px;}
.section#news-details {padding-bottom:80px;}
.pagination {margin:30px 0 0 0;}
/* FOOTER */
}
@media (max-width:575px) {
body {border:3px solid green;}
/* HEADER */
.navbar-toggler {margin-left:30px;}
#megatron a img {height: 80px;}
header .title h1 {font-size: 30pt;}
#navbar .dual-nav .nav-link {font-size: 10pt;padding: .1rem .2rem;}
/* MIDDLE */
.section#page {padding: 30px 0;}
.section#section-servizi .content-image, .section#section-servizi .box-gallery {height:230px;}
.section#section-servizi .txt-box {padding-left: 2rem;bottom: 50px;}
.section#section-servizi .txt-box .btn {opacity: 1;}
.section .title-section {margin-bottom: 20px !important;}
.section .title-section h2 {font-size: 20pt;}
.section .flotta .list.second {float: none;}
.section .bg-title {font-size: 60pt;}
.section#index-gallery .content-image {height:150px;}
#nav-middle button {display: none;}
#news-details .news-content .txt-page h2 {font-size: 18pt;}
#news-details .news-content .txt-page h3 {font-size: 13pt;}
.section .flotta {margin-top:20px;}
.section#section-flotta .bg-title {top:30px;}
#index-gallery .gallery-container div {padding: 0 5px;}
.section#index-gallery .content-image {margin-bottom: 10px;}
.section {padding: 50px 0;}
#news-details .attachments {margin-top:0;}
#news-details .news-content .content-image {margin-top:30px;margin-bottom: 30px;}
/* FOOTER */
}
/* Google Pixel 2 XL - iPhone X - 19:9 */
@media (max-width: 825px) and (min-width: 768px) and (orientation: landscape) {
body {border: 3px solid brown;}
/* HEADER */
#home #megatron a img {width: 45%;}
#megatron .logo-dida h1 {font-size: 12pt;}
#megatron .btn {margin-top:15px;padding: 5px 15px;}
#navbar .dual-nav .nav-link {font-size: 10pt;}
#navbar .dual-nav .nav-item {padding: 0 .5rem;}
#menu-content .navbar-collapse {max-height: 220px;}
.section#page {padding: 30px 0;}
header {height: 80vh;}
header .title h1 {font-size: 40pt;margin:0;}
#megatron a img {height: 60px;}
header .logo {margin:0;}
header .title h1 {font-size: 35pt;}
/* MIDDLE */
/* FOOTER */
}
@media (max-width: 767px) and (orientation: landscape) {
body {border: 3px solid black;}
/* HEADER */
#home #megatron a img {width: 45%;}
#megatron .logo-dida h1 {font-size: 12pt;}
#megatron .btn {margin-top:15px;padding: 5px 15px;}
#navbar .dual-nav .nav-link {font-size: 10pt;}
#navbar .dual-nav .nav-item {padding: 0 .5rem;}
#menu-content .navbar-collapse {max-height: 200px;}
.section#page {padding: 30px 0;}
header {height: 80vh;}
header .title h1 {font-size: 40pt;margin:0;}
#megatron a img {height: 60px;}
header .logo {margin:0;}
header .title h1 {font-size: 35pt;}
/* MIDDLE */
/* FOOTER */
}
body {border:0!important;}