/* ARANCIONE: {color: #e94e1b} */
/* ARANCIONE SCURO: {color: #9F3412} */
/* GRIGIO SCURO: {color: #333333} */
/* GRIGIO CHIARO: {color: #EEEEEE} */

.pt-7 {padding-top: 6rem !important; }
.testoArancione {
    color: #e94e1b;
}
.sfondoArancione {
    background-color: #e94e1b;
    color: #333333;
}
.boxMarineWelcome {
    border: 2px solid #e94e1b;
}
.bgMarineWelcome {
    background-color: #e94e1b;
}
.boldMarineWelcome {
    font-weight: bold;
}

.blueUpper{color: #3362AE !important;text-transform: uppercase;}
.darkblue {background-color: #333333 !important;}
.darkblue:hover {background-color: #707174 !important;}
.dropdown-menu a {color: #333333;}
.dropdown-menu a:hover {color: #9F3412;}
.font15{font-size:15px;}

.homeTopBar {
    background-color: #9F3412;
    height: 32px;
}
.homeTopBar img {height: 22px;}
/*.flags {height: 35px;}*/
.flags {height: 31px;}
.flags img {height: 18px; margin-top:-4px;}
.dropdown-item img {height: 15px}

.concWelcome{
    background-color: rgba(233,78,27,.2);
    border: 1px solid rgba(233,78,27,.4);
    padding: 10px;
    margin: 5px 0;
}
.concWelcome:hover{
    background-color: rgba(233,78,27,.3);
    border: 1px solid rgba(233,78,27,.7);
}

/* RICERCA HP */
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
    border-radius: 0px !important;
}
.owl-carousel.home-slider .slider-item .overlay {background: transparent !important;}
/* HEADER PAGINE SENZA IMG SFONDO*/
.headerSliderTextNoHomePage {
    height: calc(100vh - 450px) !important;
    min-height: 300px !important;
}
.headerSliderItemNoHomePage{
    height: calc(100vh - 600px) !important;
    min-height: 350px !important;
}
.owl-carousel.home-slider .slider-item .headerSliderTextNoHomePage h1 {
    background-color: transparent !important;
}

.nomePorto {
    color: whitesmoke;
    padding-top: 20px !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 25px !important;
}
.infoPorto {
    color: whitesmoke;
    margin-bottom: 0 !important;
    line-height: 1.1em;
    font-size: 20px !important;
}
.infoline {
    font-size: 25px !important;
}
@media (min-width:768px){
    .nomePorto {
        font-size: 50px !important;
        font-weight: 800 !important;
        line-height: 40px !important;
    }
    .infoline {
        font-size: 25px !important;
    }
}

/* end HEADER PAGINE SENZA IMG SFONDO*/

.btn-cancel {
    background-color: #EEEEEE;
    /*background-color: rgba(51, 98, 174, .7);*/
    border: 2px solid rgba(255, 255, 255, 0.5);
    font-size: 20px !important;
    height: 35px;
    font-weight: 300;
    border-radius: 0px;
    color: #9F3412;
    line-height: 20px !important;
}
.btn-cancel:hover {
    background-color: #333333;
    color: #9F3412 !important;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.btn-topbar {
    background-color: #EEEEEE;
    border: 2px solid rgba(255, 255, 255, 0.5);
    font-size: 16px !important;
    border-radius: 0px;
    color: #9F3412;
    line-height: 20px !important;
    margin-top: 3px;
    text-transform: uppercase;
}
.btn-topbar:hover {
    background-color: #333333;
    color: #9F3412 !important;
}
.btn-topbar-inv {
    background-color: #333333;
    border: 2px solid #4a4a4a;
    font-size: 16px !important;
    border-radius: 0px;
    color: #EEEEEE;
    line-height: 20px !important;
    margin-top: 3px;
    text-transform: uppercase;
}
.btn-topbar-inv:hover {
    border: 2px solid #636363;
    background-color: #383838;
    color: #e94e1b !important;
}

.btn-popup {
    background-color: rgb(38, 34, 98);
    border: 3px solid #fff200;
    font-size: 11px !important;
    border-radius: 0px;
    color: #FFF;
    line-height: 20px !important;
    padding: 4px 8px;
    margin-top: 3px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
@media (min-width:768px) {
    .btn-popup {font-size: 16px !important;}
}

.btn-popup:hover {
    background-color: rgb(44, 83, 148);
    color: #FFF !important;
}
.btn-topbar-inverted {
    background-color: #fff200;
    border: 2px solid #3362AE;
    font-size: 16px !important;
    border-radius: 0px;
    color: #FFF;
    line-height: 20px !important;
    margin-top: 3px;
}
.btn-topbar-inverted:hover {
    background-color: rgb(44, 83, 148);
    color: #FFF !important;
}

select.inputHomeSearch{-webkit-appearance: none;}
input.inputHomeSearch,select.inputHomeSearch {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: transparent !important;
    color: white !important;
    font-size: 16px;
    width: 100%;
}
select.inputHomeSearch option {
    color: #000;
}

select.inputHomeSearch{background-color: #0b2e13}
.inputHomeSearch:focus, .inputHomeSearch:active {
    border: 2px solid rgba(255, 255, 255, 0.5);
}
.homeSearch form div .search-submit {
    text-transform: uppercase;
    width: 120px;
    margin-left: 20px;
    background: #464646;
    color: #fff;
}
.homeSearch form div .search-submit:hover {
    background: #707174;
    color: #f8f8f8;
}

/* btn custom */
.btn-custom {
    color: #fff;
    background-color: #808285;
    border-color: #747679;
    width: 100% !important;
    white-space: normal;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.activeBtn,.btn-custom:hover{
    background-color: #747679;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .9) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .9) !important;
}
/* END btn custom */

/* MENU */
@media screen and (min-width: 768px) {
    .menuTextWrap {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px !important;
        padding: 0 5px !important;
    }
    .menuCatTextWrap {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px !important;
        padding: 5px !important;
    }
}
ul.menuPorto {
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    background: transparent;
    margin: 0;
    padding: 0;
}
ul.menuPorto li {
    text-transform: uppercase;
    display: block;
    height: 60px;
    text-align: center;
    font-size: 17px;
    line-height: 60px;
    padding: 0 15px;
    width: 13%;
    /*
    padding: 0 10px;
    width: 14%;
     */
    flex: 0 1 auto; /* Default */
    list-style-type: none;
    background: #808285;
    border: 1px solid #747679;
    color: #fff;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
ul.menuPorto li:hover{
    background-color: #747679;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(159,52,18,.7) !important;
    box-shadow: 0 0 0 0.2rem rgba(159,52,18,.8) !important;
}
ul.menuConsigli {
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;
    width: 100%;
    background: transparent;
    margin: 0;
    padding: 0;
}
ul.menuConsigli li {
    display: block;
    height: 40px;
    text-align: center;
    font-size: 17px;
    line-height: 40px;
    width: 15%;
    flex: 0 1 auto; /* Default */
    list-style-type: none;
    background: #808285;
    color: #fff;
}
.img-consigli {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-right: 10px;
}

ul.menuPorto li a {
    display: block;
    color: white;
    text-align: center;
    padding: 0px;
    text-decoration: none;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-size: 150px;
}

/* end MENU */

.yellow {color: #e94e1b !important;}
.bold {color: #f2942a;}
.test {background-color: #3362ae;
    /*left: 35px;*/
    left: 15px;
    border-bottom: solid 20px;
    border-left: solid 20px;
    position: absolute;
    border-color: rgba(255,255,0,1) !important;
    width: 100%;
    max-width: 80px;
    height: 100%;
    max-height: 80px;
    z-index: 1;}

.indici {
    border: 2px solid #3362ae;
    background-color: #D8D8D8;
    margin: 0 15px;
}


/*
    background-color: rgba(233,78,27,.2);
    border: 1px solid rgba(233,78,27,.4);

    background-color: rgba(233,78,27,.3);
    border: 1px solid rgba(233,78,27,.7);
*/

/* BOTTONI RICERCA */
.btnRicerca {
    font-size: 20px !important;
    font-weight: bold;
    padding: 10px 0 !important;
    background-color: #e94e1b !important;
    color: #FFF !important;
    border: 3px solid transparent;
    text-transform: uppercase;
}
.btnRicerca:hover {
    background-color: #9F3412 !important;
}
.bordoVerde {border-color: #009640;}
.bordoGiallo {border-color: #ffed00;}
.bordoBlu {border-color: #38aae1;}
.bordoViola {border-color: #485aa5;}

/* BOTTONI */
.bigBtn {
    font-size: 20px !important;
    font-weight: bold;
    padding: 10px 50px !important;
}
.btn-yellow {
    text-transform: uppercase;
    font-size: 12px;
    color: #333333;
    background-color: rgba(233,78,27,.3);
    border-color: rgba(233,78,27,.4);}
.btn-yellow:hover {
    color: #292929;
    background-color: rgba(233,78,27,.5);
    border-color: rgba(233, 78, 27, 0.8);}
.btn-yellow:focus, .btn-yellow.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-yellow.disabled, .btn-yellow:disabled {
    /*color: #fff;*/
    background-color: #e94e1b;
    border-color: #e94e1b; }
.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
    /*color: #fff;*/
    background-color: rgba(233,78,27,.5);
    border-color: rgba(233, 78, 27, 0.8);}
.btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.borderYellow {-webkit-box-shadow: 0 0 0 0.2rem rgba(233, 78, 27, 0.8) !important;
    box-shadow: 0 0 0 0.2rem rgba(233, 78, 27, 0.8) !important;}

.tornaAlPortoBtn {
    height:auto !important;
    width: 100% !important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
    padding: 0 10px !important;
}
/* end BOTTONI */

/* recensioni */
.containerVotoTxt {
    padding-top: 5px;
    height:50px;
    text-align: center;
    text-transform: uppercase;
    color: #ff0;
    background-image: url(../images/timone.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}
.risposta {
    padding: 20px !important;
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid rgb(65, 88, 144);
}
/* end recensioni */

/* CUSTOM RULES */
.margin0 {margin: 0 !important;}
.marginT0 {margin-top: 0 !important;}
.marginB0 {margin-bottom: 0 !important;}
.marginB50 {margin-bottom: 50px !important;}
.marginT10 {margin-top:10px !important;}
.paddingT-7em {padding-top: 7em !important;}
@media (min-width:768px){
    .margin-md-T10{margin-top:10px !important;}
    .margin-md-T0{margin-top:0px !important;}
}
.marginT20 {margin-top:20px !important;}
.marginR5 {margin-right: 5px !important;}
.padding0 {padding: 0 !important;}
.paddingLR0 {padding-left: 0 !important;padding-right: 0 !important;}
.paddingLR10 {padding: 0 10px !important;}
.paddingT30 {padding-top: 30px;}
.paddingT50 {padding: 50px 0 !important;}
.paddingT7em {padding-top: 7em !important;}
.font25 {font-size: 25px;}
.width100 {width: 100%;}
.required {color: red;}

/* POINTER */
.pointer {cursor: pointer;}
.help {cursor: help;}
.btn.disabled, .btn:disabled {cursor: not-allowed;}

/* LINK ALTERNATIVI */
.linkAlt {color: rgba(23,162,184,.7);}
.linkAlt:hover {color: rgba(23,162,184,1);}

/* allineamento icone ng-rate */
.ngrateit-reset {margin-top: 5px;}

/* contenuti navbar */
.navbar-brand{display:none;}
.awake .navbar-brand{display:block;}
.buttonNavBar{display:none;}
.awake .buttonNavBar{display:block;}

.selectSmall {
    font-size: 16px !important;
    /*height: 25px !important;*/
    margin: 0 5px !important;
}

.areaMarinaProtetta {
    background-color: #f4f4f4;
    border:1px solid #dedede;
    color: #1e7e34;
    margin: 10px 0;
    padding: 0 10px;
}

/* per impedire zoom su input form da smartphone */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select:focus, textarea:focus, input:focus {
        font-size: 16px !important;
    }
    select, textarea, input {
        font-size: 16px !important;
    }
}
input[type=number] {
    padding: 0.25rem 0rem 0.25rem 0.5rem !important;
}
/* FIX per uniformare grafica */
.paddingAnguComplete{padding: 0.25rem 0.5rem;}

.concessione{
    padding: 10px;
    border: 2px solid #262262;
    margin: 0;
    /*margin:5px 20px !important;
    margin: 10px 0px !important;*/}
.concessione h5 {
    color: whitesmoke;
}

/* ancoraggi */
.noAncoraggi {
    color: whitesmoke;
    text-transform: uppercase;
    text-align: center;
    padding: 0 10px;
    background-color: #e94e1b;
    background-image: url('../images/no-ancoraggi-256.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 200px;
}

/* consigli */
.noConsigli {
    color: whitesmoke;
    text-transform: uppercase;
    text-align: center;
    padding: 0 10px;
    background-color: #e94e1b;
    background-image: url('../images/no-consigli-256.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 200px;
}

/* info porto */
.noInfo {
    color: whitesmoke;
    text-transform: uppercase;
    text-align: center;
    padding: 0 10px;
    background-color: #e94e1b;
    background-image: url('../images/no-info-256.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 200px;
}

.consiglio {
    padding: 20px 0 !important;
}

.macroCatTitle {
    font-size: 1.7em;
    font-weight: bolder;
    line-height: 40px;
    /*margin-top: 10px;*/
}
@media (min-width:768px) {
    .macroCatTitle {
        font-size: 2em;
        line-height: 80px;
    }
}
.catTitle {
    font-size: 1.5em;
    margin-right: 15px;
}

@media (min-width:768px) {
    .concessione:first-child {
        margin-top: 0 !important;
    }
}

/* cantieri */
.noCantieri {
    color: whitesmoke;
    text-transform: uppercase;
    text-align: center;
    padding: 0 10px;
    background-color: #e94e1b;
    background-image: url('../images/no-cantieri-256.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 200px;
}

/* distributori */
.noDistributori {
    color: whitesmoke;
    text-transform: uppercase;
    text-align: center;
    padding: 0 10px;
    background-color: #e94e1b;
    background-image: url('../images/no-distributori-256.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 200px;
}
.containerFilterDistrib {
    text-align: center;
    background-color: #3362ae;
    border: 1px solid rgb(65, 88, 144);
    color: #fff200;
    margin: 10px 0;
}
.titoloFiltri {
    color: #fff200;
}

/* fix tema: navbar compariva lo stesso a metà pagina*/
.ftco-navbar-light {position: absolute;top:-80px}

.carousel { overflow: hidden; min-width: 100%; width: 0; }

.owl-carousel.home-slider .owl-dots {
    bottom: 20px !important;
}
@media (min-width:576px) {
    .owl-carousel.home-slider .owl-dots {
        bottom: 70px !important;
    }
}

.infoHeaderPorto {
    line-height: 17px;
    color:whitesmoke;
}
.testoEmozionale {
    text-align: justify;
    font-weight: bold;
    line-height: 1.3em;
}
.badge-custom {
    color: #fff;
    background-color: #e94e1b;
    font-size: 1.5em !important;
    font-weight: 400;
    margin-right: 5px;
}

.validField{border:1px solid limegreen !important;}
.lowSec{border:1px solid orange !important;}
.requiredField{border:1px solid red !important;}

/*.containerOrari {margin-top:10px; padding: 10px;background-color: whitesmoke;color:#3362ae;border: 1px solid #415890;}*/
.containerOrari {margin-top:10px; padding: 10px;background-color: rgba(255,255,255,.2);border: 1px solid #9F3412;}
.bgYellow{background-color: rgba(255,255,0,.2);}
.orari{padding: 0.2rem !important;}
.noBorder{border: none !important;}
.noPadding{padding: 0 !important}
.lineHeight12{line-height: 1.3em !important}

.direttore{
    border-bottom:1px solid #e94e1b;
    padding-bottom:10px;
}


.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .1s;
}
@keyframes fadeInOpacity {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.bgCard {
    background-color: #9F3412;
    color: #FFF;
}
.btnNavigazione {
    height: 400px;
    max-height: 400px;
    overflow: auto;
}
.current {
    background-color: rgba(233,78,27,.5);
    border-color: rgba(233,78,27,.8);
}
.whiteSpace {white-space: normal;}

.menuDropdown {
    display:block;
    width: 100%;
    border-bottom: 1px solid #e94e1b;
}
.menuDropdown:last-child {
    border: none;
}
#selected::after {
    margin-left: 10px;
    content: '\f0d7';
    font-family: FontAwesome;
}
/*
colours:
#4b4b7f blu chiaro
#262262 blu scuro
#fff200 giallo
 */