@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body{
    overflow-x: hidden;
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight:normal;
    font-style: normal;
}
a,a:hover{
    text-decoration: none !important;
    color:#000 ;
}
#header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index: 1000;
    background:#00aec6;
}

.logo{
    width:200px;
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    height:100px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
#hero{
    background:url(../images/bg-hero.jpg) no-repeat bottom center #00aec6;
    padding:200px 0 100px 0;
    min-height:70vh;
}

.icon-size{
    display:flex;
    align-items: center;
    justify-content: center;
}
.icon-size svg{
    width:100%;
    height:100%;
}
.icon-size-16{
    width:16px;
    height:16px;
    min-height:16px;
    min-width:16px;
    max-width:16px;
    max-height:16px;
}
.icon-size-20{
    width:20px;
    height:20px;
    min-height:20px;
    min-width:20px;
    max-width:20px;
    max-height:20px;
}
.icon-size-24{
    width:24px;
    height:24px;
    min-height:24px;
    min-width:24px;
    max-width:24px;
    max-height:24px;
}
.icon-size-32{
    width:32px;
    height:32px;
    min-height:32px;
    min-width:32px;
    max-width:32px;
    max-height:32px;
}
.icon-size-48{
    width:48px;
    height:48px;
    min-height: 48px;
    min-width:48px;
    max-width: 48px;
    max-height: 48px;
}
.header-navigation{
    display:flex;
    align-items: center;
    justify-content: flex-end;
}
.button{
    display:inline-flex;
    align-items: center;
    border-radius: 2px !important;
}
.header-navigation a{
    display:inline-flex;
    padding:6px 15px;
    color:#fff;
}
.button-icon{
    margin-right:5px;
}
.button-navigation{
    border-radius: 6px;
    background:rgba(255,255,255,0.1);
    border:1px solid #80D7E3;
}
.header-container{
    position:relative;
    padding-top:70px;
    padding-bottom:30px;
    padding-left:220px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

#header.sticky .header-container{
    padding-top:20px;
    padding-bottom:20px;
    padding-left:180px;
}
#header.sticky .write-us{
    display:none;
}
#header.sticky  .logo{
    width:150px;
    height:75px;
}
.burger-menu{
    border-radius: 6px;
    background:rgba(255,255,255,0.1);
    border:1px solid #80D7E3;
    width:32px;
    height:32px;
    align-items: center;
    justify-content: center;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    display:none;
    margin:auto;
}
.burger-menu svg{
    stroke:#fff;
}
.write-us{
    color:#fff;
    position:absolute;
    right:0;
    top:30px;
    font-size:0.9rem;
}
.write-us a{
    color:#fff;
    display:inline-block;
    padding-left:5px;
    text-decoration: underline !important;
}
.buttons-navigations-header{
    display:flex;
    align-items: center;
    justify-content: flex-end;
}
.buttons-header{
    display:flex;
    align-items: center;
}
.button-header{
    color:#fff;
    display:flex;
    align-items: center;
    justify-content: center;
    padding:0 15px;
    position:relative;
}
.buttons-header .dropdown-button .dropdown-toggle{
    padding:6px 10px;
}
.button-header:after{
    position:absolute;
    content:"";
    right:0;
    top:3px;
    bottom:3px;
    width:1px;
    background:rgba(255,255,255,0.3);
}
.button-header:hover{
    color:#fff;
    opacity: 0.7;
}
.button-header:hover svg{
    stroke:#fff;
}
#header .dropdown-button svg{
    stroke:#fff;
}
#header .dropdown-button .button-text {
    color:#fff;
}
#header .dropdown-button .button:after{
    display:none;
}
#header .dropdown-button{
    margin-left:10px;
   
}
#header .dropdown-button .dropdown-menu{
    width:100% !important;
    min-width: 50px !important;
    text-align: center;
}
#header .dropdown-button .button:hover,#header .dropdown-button .button.show{
    background:#fff;
}
#header .dropdown-button .button:hover svg,#header .dropdown-button .button.show svg{
    stroke:#00aec6;
}
#header .dropdown-button .button:hover .button-text,#header .dropdown-button .button.show .button-text{
    color:#000;
}

.dropdown-item.active, .dropdown-item:active {
    color: #00aec6;
    text-decoration: none;
    background-color: rgba(0, 175, 198, 0.1) !important;
}
#header .dropdown-button .dropdown-menu .dropdown-item{
    font-weight: 600;
}

.form-control:focus, .btn:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0) !important;
}

.hero-title{
    font-weight: 900;
    color:#fff;
    font-size:3.6rem;
}

.hero-description{
    font-size:1.2rem;
    color:#fff;
    margin-bottom:15px;
}

.hero-benefits{
    display:flex;
    align-items: stretch;
    justify-content: center;
    margin:30px -10px 0 -10px;
}
.hero-benefit-item{
    padding:15px 20px 15px 20px;
    border:1px solid #80D7E3;
    margin:0 10px 10px 10px;
    width:calc(33.33% - 20px);
    border-radius: 6px;
    display:flex;
    align-items: center;
    color:#fff;
    line-height: 1.2;
    font-size:0.9rem;
}
.hero-benefit-icon{
    margin-right:10px;
}
.tab-content{
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    background:#fff;
    border:0;
}
.searchTabLink{
    display:flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    -webkit-border-radius: 6px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 6px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    opacity: 0.6;
    border:0 !important; 
}
.searchTabLink:hover{
    opacity: 1;
    color:#fff;
}
.searchTabLink.active{
    background:#82d7e4!important;
    opacity:1;
    color:#fff;
}
.searchTabLink.active .tab-text{
    color:#fff;
}
.searchTabLink.active .tab-icon svg{
    stroke:#fff;
}
.tab-text{
    font-weight: 600;
}
.tab-icon{
    margin-right:5px;
}
#searchTabs{
    border:0;
}
.nav-tabs .nav-link{
    margin-bottom:0;
}
.btn{
    padding:10px 20px;
    font-weight: 600;
}
.btn.btn-sm{
    padding:6px 20px;
}
.btn-danger{
    color:#fff;
    background:#EF800A;
    border-radius: 6px;
    border:1px solid #EF800A !important;
}
.btn-danger:hover{
    color:#fff;
    background:#e27909;
    border:1px solid #e27909!important;
}
.form-container {
    padding-right:155px;
    position:relative;
}
.button-submit{
    position:absolute;
    right:10px;
    top:0;
    bottom:0;
    margin:auto;
    height:46px;
}
.forms-elements{
    display:flex;
    align-items: stretch;
    flex-wrap: wrap;
    
}
.form-element{
    position:relative;
    border-right:1px solid #E5F7F9;
    width:20%;
}

.arrow-both-sides{
    position:absolute;
    width:28px;
    height:28px;
    display:flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    background:#00AEC6;
    border-radius: 50%;
    top:0;
    bottom:0;
    right:-14px;
    z-index: 10;
    margin:auto;
}
.arrow-both-sides svg{
    stroke:#fff;
}
.form-element-label{
    font-size:0.75rem;
    pointer-events: none;
    opacity: 0.7;
    position:absolute;
    left:20px;
    z-index: 5;
    top:10px;
}
.form-control-custom:focus,.dropdown-toggle:focus,.dropdown-toggle:active{
    outline:0 !important;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0) !important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline:0!important;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0 !important;
}
.form-control-custom .dropdown-toggle{
    height:60px;
    line-height:50px;
    padding-left:20px;
    background:#fff !important;
}
.form-control-custom .dropdown-toggle.show{
    background:#E5F7F9 !important;
}
.form-control-custom .dropdown-toggle::after{
    display:none !important;
}
.bs-searchbox .form-control{
    height:30px;
}
.bootstrap-select .dropdown-menu li{
    font-size:0.9rem;
}

.dropdown-header {
    padding: .25rem 1rem;
    font-size: .75rem !important;
}
.bs-searchbox .form-control{
    font-size:0.8rem !important;
}
.datepicker-input{
    height:60px;
    width:100%;
    border:0;
}
.form-element-icon{
    position:absolute;
    pointer-events: none;
    left:15px;
    top:0;
    bottom:0;
    display:flex;
    align-items: center;
    justify-content: center;
    width:20px;
    height:20px;
    margin:auto;
}
.form-element-icon svg{
    stroke:#00AEC6;
}
.form-element-with-icon .form-element-label{
    left:40px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}
.datepicker-input{
    padding-left:40px;
    padding-top:20px;
    font-size:0.9rem;
    font-weight: 700;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #00AEC6;
    color: #fff;
    border-color: #00AEC6;
}

.form-element:last-child{
    border-right:0;
}
.dropdown-passagers{
    padding:15px 25px;
}
.dropdown-people .dropdown-toggle{
    border-radius: 0;
    width:100%;
    height:60px;
    padding-left:40px;
    line-height:50px;
    text-align: left;
}
.dropdown-people .dropdown-toggle:after{
    display:none;
}
.medium-text{
    font-size:1rem;
    font-weight: 700;
}
.small-text{
    font-size:0.85rem;
}

.row-small{
    margin-left:-5px;
    margin-right:-5px;
}
.divider{
    margin:10px 0;
    border-top:1px solid #f0f0f0;
}

.dropdown-passagers .form-control{
    height:34px;
    border:0;
    width:40px;
    max-width: 40px;;
    padding:0 10px;
    font-weight:700
}
.dropdown-people .dropdown-menu{
    width:100% !important;
}
.btn-minus,.btn-plus{
    width:32px;
    height:32px;
    padding:0;
    border-radius: 6px !important;
    border:1px solid #E5F7F9;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    align-items: center;
    justify-content:center;
    display:flex;
    min-width:32px !important;
}
.btn-minus:hover,.btn-plus:hover{
    background:#00AEC6;
    border-color:#00AEC6;
}

.dropdown-people .small-text{
    margin-bottom:5px;
}
.how-it-work{
    padding:50px 0;
}
.section-title{
    font-size:1.8rem;
    font-weight: 700;
}
.section-title-decoration{
    height:50px;
    position:relative;
}
.section-title-decoration:after{
    content:"";
    left:0;
    right:0;
    width:3px;
    background:#EF800A;
    position:absolute;
    margin:auto;
    display:block;
    height:30px;
}
.section-header{
    padding-bottom:40px;
}
.step-count{
    color:#EF800A;
    font-weight: 600;
    font-size:0.85rem;
    padding:5px 0;
}
.step-title{
    font-size:1.2rem;
    font-weight: 600;
}
.step-description{
    font-size:0.85rem;
}
.step-item{
    padding-right:20px;
    background:url(../images/step-arrow.png) no-repeat right 20px top;
    margin-bottom:15px;
}
.step-item.last{
    background:#fff;
}
.step-item-icon{
    display:flex;
    width:48px;
    height:48px;
    background:#EF800A;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
}
.step-item-icon svg{
    stroke:#fff;
}
.blog{
    padding:50px 0;
    background:#F4F6F6;
}
.blog-content{
    padding:10px 0 30px 0;
    position:relative;
}
.blog-title{
    font-weight:700;
}
.blog-description{
    font-size:0.9rem;
}
.blog-link{
    position:absolute;
    left:0;
    bottom:0;
    font-weight: 700;
    text-decoration: underline !important;
    color:#000;
}
.blog-tags{
   font-size:0.8rem;
   font-weight: 700;
   color:#EF800A;
}
.benefits-container{
    padding-left:40px;
}
.benefits{
    padding:50px 0;
}
.section-subtitle{
    color:#EF800A;
    font-size:0.8rem;
    font-weight: 700;
}
.benefits-list-item{
    display:flex;
    align-items: center;
    margin-top:20px;
}

.benefit-icon{
    margin-right:15px;
    width:48px;
    height:48px;
    min-width: 48px;
    min-height: 48px;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background:#153951;
}
.benefit-icon svg{
    stroke:#fff;
}
.benefit-title{
    font-size:1.1rem;
    font-weight: 700;
    margin:0;
}
.benefit-text{
    font-size:0.9rem;
}
.partners{
    padding:50px 0;
    background:#FEF4E9;
}
.labels-list{
    flex-wrap: wrap;
    display:flex;
    align-items: center;
    margin-bottom:15px;
}
.label-item{
    background:#fff;
    padding:5px 20px;
    border-radius: 20px;
    margin-right:10px;
    font-size:0.9rem;
    font-weight: 600;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
    margin-bottom:5px;
}
.footer-lists{
    display:flex;
    flex-wrap: wrap;
}
.footer-list-item{
    padding-right:20px;
    width:20%;
}
.footer-center{
    padding:40px 0;
}
.f-title{
    font-weight: 700;
    margin-bottom:5px;
    font-size:0.95rem;
}
.f-list a{
    display:block;
    font-size:0.8rem;
    padding:3px 0;
    color:#000;
}
.f-list{
    margin-bottom:20px !important;
}
.f-list a:hover{
    opacity: 0.5;
}
.footer-phone{
    font-size:2rem;
    font-weight: 700;
}
.footer-top{
    padding:30px 0;
    border-bottom:1px solid #ccc;
}
.social-links{
    display:flex;
    align-items: center;
    justify-content: flex-start;
    padding-top:5px;
}
.social-link{
    margin-right:15px;
}
.social-link svg{
    stroke:#000;
}
.social-link:hover{
    opacity: 0.5;
}

.footer-bottom{
    padding:30px 0;
    border-top:1px solid #ccc;
    margin-top:120px;
    position:relative;
}
.write-us-footer{
    display:block;
    bottom:calc(100% + 1px) ;
    position:absolute;
    right:0;
}
.copyright{
    font-size:0.85rem;
}
.powered{
    text-align: right;
    font-size:0.85rem;
}
.powered a{
    color:#000;
    text-decoration: underline !important;
}
.modal-sides{
    display:flex;
    align-items: stretch;
}
.modal-form{
    width:65%;
    padding:50px;
}
.modal-image{
    width:35%;
    background:url(../images/bg-hero.jpg)no-repeat bottom center #00aec6;
    background-size:auto 150px;
    padding:30px;
}
.modal-body-form{
    padding:0;
}
.close-modal{
    background:#00aec6;
    width:32px;
    height:32px;
    position:absolute;
    right:20px;
    top:20px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}
.close-modal svg{
    stroke:#fff;
}
.logo-modal{
    max-width:150px;
}

.modal-image-title-orange{
    display:inline-block;
    background:#EF800A;
    color:#fff;
    padding:0px 15px;
}
.modal-image-title{
    margin:10px 0 20px 0;
    color:#fff;
}
.modal-image{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.form-label{
    font-weight: 600;
    display:block;
    margin-bottom:3px;
    font-size:0.9rem;
}
.form-control{
    border-radius: 2px;
    font-size:0.9rem;
}
.form-check a{
    text-decoration: underline !important;
    color:#000;
    
}
.form-check .form-check-label{
    font-size:0.85rem;
}
.form-control:focus{
    border-color:#00AEC6;
}
.form-check-input:checked {
    background-color: #00AEC6;
    border-color: #00AEC6;
}

.hero-internal{
    padding:150px 0 30px 0;
    position:relative;
    background:#00aec6;
}
.page-title{
    color:#fff;
    font-size:1.8rem;
    font-weight: 700;
}
.page-content{
    background:#F4F6F6;
    padding:50px 0;
}
.page-sidebar{
    background:#fff;
    border-radius: 4px;
    border:1px solid #CFDCDC;
    padding:25px;
}
.orange{
    color:#EF800A;
}
.bold{
    font-weight: 700;
}
.medium-title{
    line-height: 1.2;
    font-size:1.1rem;
}
.sidebar-subtitle{
    text-transform: uppercase;
    text-align: left;
    font-size:0.8rem;
    color:rgba(0,0,0,0.5);
    margin-bottom:5px;
}
.sidebar-links{
    margin-bottom:20px;
}
.sidebar-link{
    display:flex;
    align-items: center;
    padding:7px 0;
    border-bottom:1px solid #CFDCDC;
    color:#000;
    font-weight: 600;
}
.sidebar-link:hover{
    opacity: 0.5;
    color:#000;
}
.sidebar-link:last-child{
    border-bottom:0;
}
.sidebar-link-icon{
    opacity: 0.5;
    margin-right:10px;
}
.white-box{
    background:#fff;
    border-radius: 4px;
    border:1px solid #CFDCDC;
    padding:25px;
}
.white-box-wrapper{
    padding-left:0px;
}
.white-box-title{
    font-size:1.4rem;
    font-weight: 600;
    margin-bottom:10px;
}
.btn-primary-outline{
    border-color:#00aec6;
    color:#00aec6;
}
.btn-primary-outline:hover{
    background:#00aec6;
    color:#fff;
}

.btn-primary{
    background:#00aec6;
    border-color:#00aec6;
    color:#fff;
}
.btn-primary:hover{
    background:#009eb3;
    border-color:#009eb3;
    color:#fff;
}
.teal{
    color:#00aec6;
}
.ticket-title{
    font-weight: 700;
     
}
.ticket-details{
    display:flex;
    align-items: center;
}
.ticket-details-icon{
    margin-right:10px;
    opacity: 0.5;
}
.ticket-item{
    position:relative;
    padding-right:120px;
    padding:10px 120px 10px 0;
    border-top:1px solid #CFDCDC;
}
.download-ticket{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    height:35px;
    margin:auto;
}

.big-title{
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 10px;
}


.flatpickr-day{
    border-radius: 4px !important;
}
.hero-search-internal{
    margin-bottom:-60px;
    position:relative;
}

.hero-search-internal .form-container{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.sidebar-map iframe{
    width:100%;
}
.reset-form{
    color:#00aec6;
    background:transparent;
    border:0;
    font-size:0.85rem;
    font-weight: 700;
    text-decoration: underline;
}
.filter-title{
    display:flex;
    align-items: center;
    font-weight: 700;
    margin-bottom:5px;
}
.filter-title .icon-size{
    margin-left:5px;
}
.filter-title .icon-size svg{
    stroke:#00aec6;
}
.filter-block{
    margin-bottom:15px;
}
.sorting{
    display: inline-flex;
    align-items: center;
    width:100%;
    justify-content: flex-end;
}
.big-title-small{
    font-size:0.8rem;
}
.sorting-text{
    font-size:0.8rem;
    padding-right:10px;
}
.sorting .btn-light{
    background:#fff;
    border:1px solid #CFDCDC;
    font-size:0.85rem;
    padding:3px 10px;
    
}
.sorting .bootstrap-select {
    width:150px !important;
}


.sorting .dropdown-item{
    font-size:0.85rem;
}
.days-slider-wrapper{
    background:#fff;
    border:1px solid #CFDCDC;
    border-radius: 4px;
    position:relative;
    margin-bottom:10px;
}
.day-selector{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background:transparent;
    position:relative;
    padding:3px 10px;
    
    border:2px solid transparent;
}
.day-selector:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    width:1px;
    background:#CFDCDC;
    right:-3px;
}
.day-value{
    font-size:0.8rem;
    font-weight: 700;
    color:#00aec6;
}
.week-day{
    font-size:0.8rem;
    line-height: 1.1;
}
.starting-price{
    font-size:0.8rem;
}
.days-prev-button{
    display:flex;
    width:24px;
    align-items: center;
    height:40px;
    background:#CFDCDC;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 10;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    justify-content: flex-start;
}
.days-prev-button:hover,.days-next-button:hover{
    background:#b9c5c5;
}
.days-next-button{
    display:flex;
    justify-content: flex-end;
    width:24px;
    align-items: center;
    height:40px;
    background:#CFDCDC;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 10;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.day-selector.active{
    background:#F4F6F6;
    border: 2px solid #00aec6;
}
.day-selector.active .starting-price .bold{
    color:#e27909;
}

.days-prev-button.swiper-button-disabled,.days-next-button.swiper-button-disabled{
    opacity: 0.5;
}

.range{
    width:100%;
}
.slider.slider-horizontal{
    width:100% !important;
}
.slider-horizontal .slider-handle {
    background: #00aec6 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0480BE', endColorstr='#036fa5',GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0);
    width: 16px;
    height: 16px;
}

.slider-track {
    background-color: #f0f0f0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    cursor: pointer;
}
.slider.slider-horizontal .slider-track{
    height:6px;
}
.slider-selection{
    background: rgba(0, 174, 198,0.2) !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
}
.ticket-list-item{
    background:#fff;
    border:1px solid #CFDCDC;
    border-radius: 4px;
    position:relative;
    margin-bottom:10px;
}
.ticket-header{
    padding:10px 20px 0 20px;
    font-weight: 700;
}
.ticket-header-number{
    font-size:0.75rem;
    color:rgba(0, 0, 0, 0.5);
}
.ticket-content{
    display:flex;
    align-items: center;
    padding:0 20px 10px 20px;
    border-bottom:1px solid #CFDCDC;
}
.ticket-footer{
    display:flex;
    padding:10px 150px 10px 20px;
    position:relative;
}
.ticket-footer-list{
    display:flex;
    align-items: center;
}
.ticket-footer-link-title{
    font-size:0.8rem;
    opacity: 0.7;
}
.ticket-footer-link{
    display:flex;
    align-items: center;
    padding:0 5px;
}
.ticket-footer-link .icon-size{
    margin-right:5px;
    opacity: 0.5;
}
.ticket-footer-text{
    font-size:0.8rem;
    text-decoration: underline;
}
.ticket-footer-right{
    display:flex;
    align-items: center;
    font-weight: 600;
    position:absolute;
    right:20px;
    color:#00aec6;
}
.ticket-footer-right:hover{
    color:#00AEC6;
}
.ticket-pricing-view{
    display:flex;
    align-items: center;
    width:250px;
    justify-content: flex-end;
}
.ticket-price-value-number{
    font-weight: 700;
    font-size:1.4rem;
}
.pricing-buttons {
    padding-left:10px;
}
.prices-lists{
    color:#000;
    font-weight: 600;
    font-size:0.85rem;
    margin-top:30px;
    display:inline-block;
    text-decoration: underline !important;
}
.prices-lists:hover{
    color:#000;
}
.ticket-traveling-view{
    display:flex;
    flex-grow: 1;
    padding:0 15px;
}
.ticket-content-carrier{
    width:180px;
}
.traveling-view-center{
    text-align: center;
    flex-grow: 1;
    position:relative;
}
.traveling-view-center:after{
    position:absolute;
    content:"";
    top:15px;
    left:0;
    right:0;
    height:1px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23B1B1B1FF' stroke-width='1.5' stroke-dasharray='3%2c 10' stroke-dashoffset='16' stroke-linecap='square'/%3e%3c/svg%3e");
}
.traveling-date-info{
    display:block;
    font-size:0.85rem;
    text-align: center;
}
.traveling-view-start{
    padding-right:20px;
    position:relative;
}
.traveling-view-start:before{
    right:0;
    width:10px;
    height:10px;
    border-radius: 50%;
    background:#B1B1B1;
    position:absolute;
    top:10px;
    display:block;
    content:"";
}
.traveling-view-end:after{
    left:0;
    width:10px;
    height:10px;
    border-radius: 50%;
    background:#B1B1B1;
    position:absolute;
    top:10px;
    display:block;
    content:"";
}
.traveling-view-end{
    padding-left:20px;
    position:relative;
    text-align: right;
}
.traveling-view-icon{
    display:flex;
    width:100%;
    justify-content: center;
    opacity: 0.5;
}
.traveling-date{
    font-weight: 700;
    font-size:1.4rem;
    line-height: 1.4rem;
}
.traveling-view-vehicle{
    background:#fff;
    max-width: 100px;
    position:absolute;
    left:0;
    right:0;
    z-index: 100;
    margin:auto;
}
.hero-internal .tickets-list{
    margin-bottom:-100px;
}

.steps-list-form{
    margin:30px 0 15px 0;
    display:flex;
    justify-content: center;
    align-items: center;
}
.step-item-form{
    display:inline-flex;
    padding:5px 20px;
    background:#fff;
    border-radius: 4px;
    border:1px solid #CFDCDC;
}
.step-text{
    font-size:0.85rem;
}
.step-icon{
    margin-right:5px;
}
.step-item-form .step-icon{
    opacity: 0.5;
}
.step-divider{
    padding:0;
    display:flex;
    width:16px;
    height:16px;
    position:relative;
    justify-content: center;
    align-items: center;
    margin:0 10px;
    opacity: 0.3;
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #EF800A;
    border-color: #EF800A;
}
.step-item-form.finished .step-icon{
    opacity: 1;
}
.step-item-form.active .step-icon {
    opacity: 1;
}
.step-item-form.active{
    border-color:#00aec6;
}
.step-item-form.active .step-text{
    color:#00aec6;
}
.step-item-form.active svg{
    stroke:#00aec6;
}
.line-divider{
    height:1px;
    background:#CFDCDC;
    margin:10px 0 15px 0;
}
.table-total{
    width:100%;
    margin-bottom:10px;
}
.table-total td{
    padding:7px 0;
    vertical-align: middle;
}
.text-right{
    text-align: right;
}
.table-total .total td{
    font-weight:700;
    font-size:1.2rem;
    border-top:1px solid #CFDCDC;
}
.table-total td:last-child{
    text-align: right;
}
.table-total .icon-size{
    opacity: 0.5;
}

.table-ticket{
    display:flex;
    align-items: center;
}
.traveler-data-item{
    background:#fff;
    border:1px solid #CFDCDC;
    border-radius: 4px;
    margin-bottom:10px;
}
.traveller-data-header{
    padding:10px 20px;
    border-bottom:1px solid #CFDCDC;
}
.traveller-actions{
    display:flex;
    align-items: center;
    justify-content: flex-end;
}
.traveler-data-title{
    display:flex;
    align-items: center;
    font-weight: 600;
}
.delete-traveller{
    margin:0 0 0 10px;
    border:0;
    background:transparent;
    font-size:0.85rem;
    text-decoration:underline !important;
}
.select-years .btn-light{
    border:1px solid #CFDCDC;
    background:#fff;
    color:#000 !important;
    font-size:0.9rem;
    border-radius: 0;
}
.traveller-data-body{
    padding:10px 20px;
}
.traveller-contact-item{
    background:#fff;
    border:1px solid #CFDCDC;
    border-radius: 4px;
    margin-bottom:10px;
}

.traveller-contact-header{
    padding:10px 20px;
    border-bottom:1px solid #CFDCDC;
    display:flex;
    align-items: center;
}
.traveller-contact-body{
    padding:10px 20px;
}

.custom-select .btn-light{
    border:1px solid #CFDCDC;
    background:#fff;
    width:100%;
    height:35px;
    padding:6px 20px;
    font-size:0.9rem;
    border-radius: 0;
    color:#000 !important;
}
.custom-select{
    width:100% !important;
    height:35px;

}
.input-with-icon{
    position:relative;
}
.input-with-icon .form-control{
    padding-left:30px;
}
.input-icon{
    position:absolute;
    left:10px;
    top:0;
    bottom:0;
    pointer-events: none;
    width:16px;
    height:16px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin:auto;
}
.table-total td{
    font-size:0.9rem;
}
.btn-secondary{
    background:#CFDCDC;
    border-color:#CFDCDC;
    color:#000;
}
.btn-secondary:hover{
    background:#b4c0c0;
    border-color:#b4c0c0;
    color:#000;
}

.btn-wider{
    padding:10px 40px !important;
}
.btn-list .button{
    margin-right:10px;
}
.travellers-final-item{
    display:flex;
    align-items: center;
    border-top:1px solid #b4c0c0;
    padding:10px 0;
}
.travellers-finals{
    margin-bottom:10px;
}
.travellers-name{
    font-weight: 600;
    padding-left:5px;
}

.travellers-ticket-type{
    font-size:0.85rem;
    font-weight: 600;
    color:rgba(0, 0, 0, 0.5);
    display:inline-block;
    padding-left:10px;
}
.card-payment{
    padding:15px 20px 15px 60px;
    background:#fff;
    margin-bottom:15px;
    position:relative;
    border:1px solid #CFDCDC;
}
.card-payment-icon{
    width:32px;
    height:32px;
    position:absolute;
    left:20px;
    top:0;
    bottom:0;
    margin:auto;
}
.card-payment-icon svg{
    stroke:#00aec6;
}
.payment-title{
    font-size:1.2rem;
    color:#00aec6;
    font-weight: 600;
}
.teal{
    color:#00aec6;
}
.small-text a{
    text-decoration: underline !important;
}
.hero-search-internal-image{
    position:absolute;
    z-index: 1;
    right:0;
    width:200px;
    bottom:40px;
}
.hero-search-internal-wrapper{
    position:relative;
    z-index: 20;
}
.blog-item{
    margin-bottom:20px;
}
.selected-item {
	border: solid 3px #12950d;
}

@media(max-width:1366px){
    #header .container{
        max-width: 100%;
    }
}

@media(max-width:1200px){
    .buttons-header .button-text{
        display:none;
    }

    .buttons-header .button-icon{
        margin:0;
    }
    #header .dropdown-button .dropdown-menu .dropdown-item{
        padding:0.25rem;
        font-size:0.85rem;
    }
    .hero-caption .container{
        max-width: 100%;
    }
    .hero-title{
        font-size:2rem;
    }
}
@media(max-width:998px){
   .header-navigation{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    display:none;
   }
   .header-container .write-us{
    display:none;
   }
   .header-container{
    padding:20px 50px 20px 150px;
   }
   .burger-menu{
        display:flex;
        right:15px;
   }
   #header .dropdown-button {
        margin-left: 5px;
    }
    .button-header {
        padding: 0 10px;
    }
    .logo{
        width:150px;
        height:75px;
        left:15px;
    }
    #header .container{
        padding:0;
    }
    .header-navigation{
        background:#009eb3;
        padding:15px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .header-navigation a{
        width:100%;
    }

    .header-navigation a.button-navigation{
        display:inline-flex;
        width:auto;
    }
    .modal-image{
        display:none;
    }
    .modal-form{
        width:100%;
    }
    #hero {
        padding: 120px 0 60px 0;
        min-height: 50vh;
    }
    .visible-mobile-menu .header-navigation{
        display:block;
    }
    .hero-title{
        text-align: center;
    }
    .hero-description{
        text-align: center;
    }
    .mascot-hero{
        display:none;
    }
    #searchTabs .nav-item{
        width:50%;
    }
    #searchTabs .nav-item .nav-link{
        width:100%;
        
    }
    .forms-elements{
        flex-wrap: wrap;
    }
    .form-element{
        width:33.33%;
    }
    .arrow-both-sides{
        display:none;
    }
    .form-element-start{
        width:50%;
    }
    .form-element-end{
        width:50%;
    }
    .form-container{
        padding:0;
    }
    .button-submit{
        width:calc(100% - 20px);
        position:relative;
        justify-content: center;
        margin:10px;
        left:initial;
        right:initial;
        bottom:initial;
        top:initial;
    }
    .form-element-with-icon{
        border-bottom:1px solid #E5F7F9;
    }
    .hero-benefits{
        flex-wrap: wrap;
    }
    .footer-list-item{
        width:33.33%;
    }

    .hero-internal .tickets-list{
        display:none;
    }
    .steps-list-form{
        margin-top:0;
    }
    .hero-internal{
        padding:80px 0 20px 0;
    }
    .page-content{
        padding:20px 0
    }
}
@media(max-width:768px){
    .steps-list-form{
        display:none;
    }
    .page-content .line-divider{
        display:none;
    }
    .card-payment .text-end{
        text-align: left !important;
    }
    .hero-search-internal-image{
        display:none;
    }
    .hero-search-internal{
        margin:0;
    }
    .ticket-footer-list{
        flex-wrap: wrap;
        display:none;
    }
    .big-title-small{
        display:block;
    }
    .ticket-content-carrier{
        width:100%;
    }
    .ticket-content{
        flex-wrap: wrap;
    }
    .ticket-traveling-view{
        padding:10px 0;
    }
    .ticket-pricing-view .prices-lists{
        display:none;
    }
    .pricing-buttons{
        width:100%;
        display:flex;
        flex-direction: row;
        padding:0;
        
    }
    .ticket-price-value{
        width:50%;
        min-width: 50%;
    }
    .ticket-price-value{
        width:50%;
        padding-right:10px;
    }
    .ticket-pricing-view{
        width:100%;
    }
    .pricing-buttons .btn-danger{
        min-width:50%;
    }
    .ticket-footer-right{
        position:relative;
        top:initial;
        left:initial;
        bottom:initial;
        right:initial;
    }
    .sorting{
        justify-content: flex-start;
        margin-bottom:5px;
    }
}
@media(max-width:640px){
    .form-element{
        width:100%;
    }
    .hero-benefit-item{
        width:100%;
    }
    .step-item{
        text-align: center;
    }
    .step-item-icon{
        margin: 0 auto;
    }
    .step-item {
        padding-right: 0px;
        background:transparent;
        margin-bottom: 30px;
    }
    .benefits-container{
        margin:0;
        margin-top:30px;
        padding:0;
    }
    .footer-list-item{
        width:50%;
    }
    .copyright,.powered{
        text-align: center;
    }
 
    .page-title{
        margin:0;
        font-size:1.4rem;
    }
    .ms-4{
        margin:0 !important;
        
    }
    .page-sidebar{
        margin-bottom:15px;
        padding:15px;
    }
    .white-box{
        padding:15px;
    }
  

    .logo,#header.sticky .logo  {
        width: 120px;
        height: 60px;
        left: 10px;
    }
    .modal-form {
        padding: 50px 20px 20px 20px;
    }

    .ticket-item{
        padding:10px 0;
    }
    .download-ticket{
        position:relative;
        width:100%;
        justify-content: center;
        margin-top:10px;
    }
    .traveller-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .traveler-data-title{
        margin-bottom:10px;
    }
    .footer-bottom{
        padding:30px 0 0 0;
    }
    .form-control-custom .dropdown-toggle {
        height: 60px;
        line-height: 50px;
        padding-left: 20px;
        background: #fff !important;
    }
    .tab-text{
        font-size:0.85rem;
        line-height: 1.1;
    }
}