html{
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 10px;
} 
::-webkit-scrollbar-track {
    background:#fff; 
} 
::-webkit-scrollbar-thumb {
   background: var(--secondary-color); 
}

	.iti__selected-flag {
	margin-top: 5px;
	}

	.fh5co-hero{
		display: flex;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 75px;
    -webkit-box-pack: justify;
	justify-content: space-between;
    -webkit-box-align: start;
	align-items: flex-start;
	}
	.scottillustration_herotextwrapper{
	display: flex;
    width: 45%;
    height: auto;
    padding-top: 10%;
    padding-right: 0;
    padding-left: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	flex-direction: column;
    -webkit-box-pack: start;
	justify-content: flex-start;
    -webkit-box-align: end;
	    align-items: flex-end;
    -webkit-box-flex: 0;
	flex: 0 auto;
	}
	
	.scottillustration_boxcontainer{
	display: flex;
    width: 55%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	    flex-direction: column;
    -webkit-box-align: end;
	align-items: flex-end;
	}


h1,h2,h3,h4,h5,h6,p,ul,ol{
     font-family: 'Montserrat', sans-serif !important;
                                                

}
.container{
	width:100%;
}

.fh5co-hero { Padding-bottom:0px;}

.iti__flag-container{
    bottom:10px !important;
}


#myProgress {
  width: 100%;
  background-color: #ddd;
  margin-top: 30px;
}

#myBar {
  width: 1%;
  height: 30px;
  background-color: #f78536;
  padding-left: 12px;
}

#callfloatbtn{
    position: fixed;
    right: 5px;
    z-index: 999;
    bottom: 85px;
    font-size: 35px;
    background: #5cb85c;
    color: #fff;
    border-radius: 52px;
    padding: 10px 17px;
}

.btnstyle{
    transform: rotate(90deg);
}
.floatfixbar{
    background: #f78536;
    text-align: center;
    position: fixed;
    top: 104px;
    width: 100%;
}
.floatfixbar p{
    position: relative;
    top: 10px;
}

.ctabar{
    background: var(--secondary-color);
    text-align: center;
    width: 100%;
}    
.ctabar p{
    position: relative;
    top: 10px;
}
.stickybar{
    position:fixed;
    top:137px;
    z-index:19;
}

#fh5co-features {
    background: rgba(0, 0, 0, 0.04);
}

.discountid{
    font-size: 14px;
    background: grey;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    text-align: center;
    margin-left: 42px;
}
        

.promo-bar {
    color: #fff;
    background-color: rgb(59, 116, 186);
    position: fixed;
    z-index: 9999;
    width: 100%;
    padding: 7px 60px !important;
}

.btmstyle{
    margin-bottom:13px;
}
.exchange::after {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    background-color: rgb(16, 67, 162);
    top: 0px;
    right: 0px;
}

.lock::after {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    background-color: rgb(16, 67, 162);
    top: 0px;
    right: 0px;
}
.lock2::after {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    background-color: rgb(16, 67, 162);
    top: 0px;
    right: 0px;
    display:none;
}
.price::after {
    content: "";
    position: absolute;
    height: 80%;
    width: 1px;
    background-color: rgb(16, 67, 162);
    top: 0px;
    right: 0px;
}

.fh5co-heading p{
    color: var(--bg-white);
    font-weight:bold;
}
.molibe {
    float: left;
    font-size: 37px;
    color: #fff;
    margin-top: 1px;
}
.contact-mail {
    color: #fff;
    margin-left: 10px;
    display: block;
    font-weight: bold;
    font-size: 10px;
    position: relative;
    left: 5px;
}
.contact-dial {
    color: #fff;
    float: left;
    margin-left: 10px;
    font-size: 20px;
    display: block;
}

.nav2style{
    position: relative;
    top: 7px;
    left: 5%;
    padding: 5px 5px 0px 5px;
    border-radius: 5px;
}
.flagee{
    position: relative;
    left: 5%;
    top: 7px;
}

.bookingform{
    height: auto;
    /* background-image: url('testing/assets/images/sea-site-new.webp'); */
    /*opacity: 0.9;*/
    /*background-size: cover;*/
    margin-top:72px !important;
    flex-direction: column;
}

.nav-tabs{
    background: var(--primary-color);
}

.formheading{
    color: #fff;
    padding-right: 10px;
}
.formheadingnew{
    color: #fff;
}
.formheadingnew p{
    color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background:var(--secondary-color) !important;
    border: 1px solid var(--secondary-color);
}

.phonectanav{
    display:none;
}

.nav2style{
    display:block;
}

i.fa.fa-caret-down {
    color: var(--secondary-color);
}

.hlcol{
    color: var(--primary-color);
    font-weight:bold;
}
.hlcolss{
    color:#fff;
    font-weight:bold;
    border-right: 1px solid rgb(255, 255, 255);
}

.homesubmitbtn{
    background: var(--secondary-color) !important;
}

.why{
     padding: 30px 90px 60px;
}
.why h3{
     margin-bottom:40px;
}
.whyrowmr{
    margin-top:35px;
}
.setstyle{
    display:flex;
}

.setstyle i{
    font-size: 36px;
    color: var(--secondary-color);
    margin-top: 6px;
 }
.setstyletext {
     font-size: 17px;
    margin-left: 16px;
    font-weight: 400;
 }
#subscribestyle{
    text-align:left;
}

#ctatel{
    text-align:center;
    display:none;
}



@media (min-width: 481px) and (max-width: 767px) {
.floatfixbar p{
    font-size: 14px;
}

.promo-bar {
    padding: 6px 5px !important;
    font-size: 11px;
}
.stuck{
    top:28px !important;
}
.bookingform{
    margin-top:68px;
    flex-direction: column-reverse;
}

.stickybar {
    top: 143px;
}
.ctabar p {
    font-size: 13px;
}
.phonectanav{
    display:block;
}

.discountid{
    font-size: 18px;
    margin-left: 0px;
}


}

@media (min-width: 320px) and (max-width: 480px) {
    #callfloatbtn{
        font-size: 20px;
        padding: 10px 14px
    }
.floatfixbar {
     padding-top: 0px;
}
.floatfixbar p{
    font-size: 14px;
    margin-top:10px;
}   
.promo-bar {
    padding: 6px 5px !important;
    font-size: 10px !important;
}
.stuck{
    top:59px !important;
}

.stickybar {
    top: 143px;
}
.ctabar p {
    font-size: 13px;
}

.nav2style{
    display:none;
}

.phonectanav{
    display:block;
}

#fh5co-logo {
    font-size:12px !important;
}

#fh5co-logo i{
    top: -9px;
    left: -12px;
    font-size: 10px;
}

.phonectanav {
    position: relative;
    top: 49px;
    left: 57px;
    padding: 0px 5px 5px 5px;
    border-radius: 5px;
    display: inline-flex;
    width: 165px;
}
.phonenavicon{
    float: left;
    font-size: 29px;
    color: #fff;
    margin-top: 11px;
}
.phonectatext {
    color: #fff;
    margin-left: 5%;
    font-weight: bold;
    font-size: 7px;
    display: inline-block;
}
.phonectanumber{
    color: #fff;
    float: left;
    margin-left: 8px;
    font-size: 12px;
    display: block;
    font-weight: 500;
}

.horizonline hr{
    display:none;
}
.lock2::after {
    display:block;
}
#subscribestyle{
    text-align:center;
}

#howModal{
    top: 15%;
}
button.close{
    font-size:35px;
}
#ctatel{
    display:block;
}
.why {
    padding: 10%;
}

.discountid{
    margin-left:0px;
}


}

@media (min-width: 750px) and (max-width: 850px){
    #fh5co-header-section {
        top: 54px !important;
    }
}