html{
scroll-behavior: smooth;
}

body{
    font-family: 'Lato', sans-serif !important;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    background: #ffffff;
    letter-spacing: 1px !important;
}

a{
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none !important;
    user-select: none !important;
}

input:focus{
    outline: 0;
    border:none;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%) !important;
}

.pd-10 {
    padding: 10%;
}


/*preloader*/

button:focus{
  outline: none;
}

.preloader {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999999;
   animation-name: headerAnimate;
   animation-duration: 3s;
   background: #001a27;
   animation-timing-function:cubic-bezier(0.68, -0.55, 0.27, 1.55);
   animation-iteration-count: infinite;
}

.loaderANIMATE {
    position: fixed;
    transform: scale(.3);
    -webkit-transform: scale(.3);
    width: 100%;
    height: 100%;
    top: 3em;
}

.logoANIME-Preloader {
    width: 200px;
    height: 261px;
    margin: 0 auto;
    background: transparent;
    position: relative;
}



.bg-box {
    position: absolute;
    left: -71px;
    top: -72px;
    text-align: center;
    border-radius: 50%;
}

.loader-box {
    width: 100%;
    position: relative;
    margin-left: 2em;
}

.bg-box img {
    width: 18em;
    animation-name: animateLOADERbg;
    animation-duration: 3s;
    transform: rotate(0deg);
    animation-timing-function:linear;
    animation-iteration-count: infinite;
}

@keyframes animateLOADERbg{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
}


.logoImgBox img {
    width: 7em;
    top: 19px;
    left: 19px;
    position: absolute;
}

/*user selection*/
::-moz-selection { color: white}
::selection { color: white; }
::-moz-selection { background: #008fff; }
::selection { background: #008fff; }


/*header*/

#headerSEC {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;    
    border-top: 2px solid #bfbfbf;
    transition: all .3s ease-in-out;
}

.header {
    width: 100%;
    height: 100px;
    display: inline-flex;
    position: absolute;
    left: 0;
    top: 0;
    padding: .5em 5%;
    padding-top: 0;
    transition: all .3s ease-in-out;
    background: transparent;
    height: auto;
}

.menu-bars {
    display: none;
    width: 40px;
    height: 60px;
    padding-top: .6em;
    position: absolute;
    right: 3em;
    z-index: 999;
    transition: all .4s ease-in-out;
}

#closeMenu{
    display: none;
    z-index: 9999;
}

span.bar {
    width: 81%;
    height: 2px;
    background: #000000;
    display: block;
    margin-top: .6em;
    transition: all .3s ease-in-out;
}

.logo {
    max-height: 100px;
    width: auto;
    padding: .5em;
    padding-top: 1em;
}

.logo img {
    max-height: 60px;
    transition: all .3s ease-in-out;
}

.navigation {
    width: 100%;
    text-align: right;
    margin-top: 2.1em;
    height: 2em;
}

.desktopHeader .navLink {
    padding: 0em .7em;
    color: #000000;
        font-weight: 600;
    transition: all .5s ease-in-out;
}

.desktopHeader .navLink:hover {
    color: #dc2a1c;
    transition: all .5s ease-in-out;
}

.desktopHeader .navLink i {
    opacity: .2;
    color: #151515;
    padding-right: 0.3em;
    transition: all .5s ease-in-out;
}

.desktopHeader .navLink:hover i{
    opacity: 1;
    color: dc2a1c;
    transition: all .5s ease-in-out;
}

.navbutton {
    width: 6em;
    text-align: center;
    display: inline-block;
    padding: .3em .6em;
    border-radius: 2em;
    cursor: pointer;
    transition: all .5s ease-in-out;
}



.navbutton.solid{
    background: rgb(12,171,255);
    background: -moz-linear-gradient(240deg, rgba(12,171,255,1) 0%, rgba(0,24,255,1) 100%);
    background: -webkit-linear-gradient(240deg, rgba(12,171,255,1) 0%, rgba(0,24,255,1) 100%);
    background: linear-gradient(240deg, rgba(12,171,255,1) 0%, rgba(0,24,255,1) 100%);
    border: 1px solid #0cabff;
    color: white;
    margin-right: .7em;
    transition: all .5s ease-in-out;
}

.navbutton.solid:hover{
    filter: drop-shadow(2px 2px 4px #00000040);
    border:1px solid white;
    color: white !important;
    transition: all .5s ease-in-out;
}

.navbutton.outline{
    border: 1px solid #0cabff;
    color: #0cabff;
    background: white;
    margin-right: .7em;
}


.navbutton.outline:hover{
    filter: drop-shadow(2px 2px 4px #00000040);
    border:1px solid white;
    color: #0cabff !important;
    transition: all .5s ease-in-out;
}
.dropdown-box {
    display: inline-block;
    width: fit-content;
    position: relative;
    height: 3.5em
}

.dropdown-box .hovered-menu {
   position: absolute;
    top: 3.1em;
    left: 0;
    padding: 1em;
    min-width: 350px;
    background: #ffffff;
    filter: drop-shadow(0px 5px 8px #00000030);
    height: auto;
    z-index: 9;
    border-top: 5px solid #008fff;
    display: none;
}

.dropdown-box:hover .hovered-menu{
    display: block;
}

.hovered-menu a.navLink {
    color: #6c6c6c;
    width: 100%;
    text-align: left;
    display: block;
    padding: .5em;
    font-weight: 600;
    font-size: .8em;
    border-bottom: 1px solid #afafaf47;
}

.hovered-menu a.navLink:hover {
    color: #000000;
    background: #ffffff;
    letter-spacing: 2px;
    border-bottom: 1px solid #e2e2e2;
}
/*submenu*/

div#sub-menu {
    position: fixed;
    top: 0;
    left: -110%;
    background: #393939;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 3em 1em;
    transition: all .3s ease-in-out;
}

div#sub-menu i.fa.fa-arrow-left {
    padding: 1em;
    color: red;
    font-size: 1.5em;
    position: fixed;
    left: -110%;
    top: 0;
    background: #393939;
    border-bottom-right-radius: 2em;
    transition: all .3s ease-in-out;
}

/*nav mob*/


.navigation-mob {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 88;
    padding: 2em;
    padding-top: 5em;
    background: #585858e8;
    top: 0;
    right: 0;
    overflow: auto;
    transform: translateX(110%);
    transition: all .6s ease-in-out;
}

.navigation-mob .navLink {
    color: white;
    padding: 1.5em 1em;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ffffff47;
    transition: all .5s ease-in-out;
}

.navigation-mob .navLink:hover{
  color: white;
  transition: all .5s ease-in-out;
}
span#bar1 {
    margin-top: 5px;
}

.navigation-mob .logo {
    padding: 1em 0em;
}

.navigation-mob .navbutton {
    display: inline-table;
    width: 100%;
    margin: .5em 0em;
}

#open-menu {
    width: 55px;
    height: 45px;
    background: transparent;
    position: fixed;
    right: 0;
    top: 0;
    padding: 10px;
    z-index: 98;
    transition: all .5s ease-in-out;
}

#close-menu {
    width: 55px;
    height: 45px;
    background: transparent;
    position: fixed;
    right: 0;
    top: 0;
    padding: 10px;
    z-index: 97;
    transition: all .5s ease-in-out;
}

div#mobileNav i {
    padding-right: 1em;
}
.bar {
    width: 30px;
    height: 2px;
    background: #585858;
    display: block;
    border-radius: 3px;
    margin-top: 5px;
    transition: all .8s ease-in-out;
}

/*carousel*/

div#homepageSlider .carousel-caption {
    bottom: 25%;
    padding: 1em;
    z-index: 1;
    left: 0;
    right: 0;
}

a.carousel-control-prev i {
    padding: 1em 1.2em;
    border-radius: 4em;
       color: #ffffff;
    font-size: 2em;
}

a.carousel-control-next i {
    padding: 1em 1.2em;
    border-radius: 4em;
        color: #ffffff;
    font-size: 2em;
}


div#homepageSlider h5 {
    font-size: 2.5em;
    font-weight: 400;
    filter: drop-shadow(2px 4px 6px #00000070);
}

div#homepageSlider h2 {
    font-size: 5em;
    font-weight: 400;
    filter: drop-shadow(2px 4px 6px #00000070);
}

div#homepageSlider .red-btn{
    margin: 0 auto;
}
.carousel-item::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.12088585434173671) 22%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.12088585434173671) 22%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.12088585434173671) 22%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

ol.carousel-indicators li {
    width: 1em;
    height: 1em;
    border: none;
    border-radius: 1em;
}

/*top header*/

div#topHeader {
    padding: .5em 5%;
    transform: scale(1);
    transition: all .5s ease-in-out;
    background: #008fff;
    text-align: center;
    font-size: .8em;
    word-spacing: 1em;
    transform-origin: top;
}

div#topHeader a {
    color: #ffffff;
    padding: 0 .5em;
}


/*footer*/

#footer {
    background: #ffffff;
    padding: 1em 5%;
    padding-bottom: 1em;
}

.footer-section img {
    max-height: 98px;
    margin: 0 auto;
    display: block;
}

.footer-section {
    padding: 5%;
}

.footer-section a {
    display: block;
    padding: .5em;
}

.footer-section, .footer-section a{
    color: #0c0c0c;    
    font-size: .8em;
    font-weight: 600;
}

.contact-links i {
    color: #fd943f;
    font-size: 1.5em !important;
    padding: 8px;
}

.heading .footer-link:hover {
    color: #ffffff;
    background: #008fff;
    transform-origin: center;
    transition: all .2s ease-in-out;
}
.heading .footer-link:hover i{
    color: #393939;
    transition: all .2s ease-in-out;
}
    

.footer-section p{
    max-width: 500px;
    margin: 0 auto
}

.footer-section h2 {
    font-size: 1em;
    margin-bottom: 1.5em;
}

.footer-section.social {
    display: inline-flex;
    font-size: 2em;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.footer-section.social a {
    background: transparent;
    color: #0c0c0c;
    transition: all .5s ease-in-out;
}

.footer-section.social a:hover {
    background: white;
    color: #008fff;
    transition: all .2s ease-in-out;
}

.backTotop .footer-section {
    padding: 1em;
    display: block;
}

div#copyright {
    background: #dc2a1c;
    text-align: center;
}

div#copyright p{
    color: white;
    font-size: .8em;
    margin: 0;
    padding-top: .8em;
    padding-bottom: .8em;
}

div#copyright a{

    color: white;
    font-size: .8em;
    margin: 0;
    padding-top: .8em;
    padding-bottom: .8em;
}

/*highlight sec*/

div#highlight-sec {
    margin-top: -11em;
    min-height: 750px;
    overflow-x: hidden;
}

div#highlight-sec h1 {
    font-weight: 900;
}

.red-box {
    background: #dc2a1cba;
    padding: 1.5em 1em;
    max-width: 300px;
    color: white;
    margin: 0 auto;
}

.logo-box-blk {
    padding: 1.5em 1em;
    max-width: 300px;
    margin: 0 auto;
    background: #000000d4;
}

.content-box-blk {
    max-width: 300px;
    margin: 0 auto;
    margin-top: 2em;
    background: #000000cf;
    padding: 1.5em 1em;
    color: #fe9c3f;
}

a.border-btn {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 10em;
    border: 1px solid white;
    padding: .5em .5em;
    color: white;
    font-weight: 900;
    background:transparent;
    transition: all .3s ease-in-out;
}

a.border-btn:hover{
    background:white;
    color:#dc2a1c;
    transition: all .3s ease-in-out;
}

/*products sec*/

div#products-sec {
    padding: 5% 10%;
    padding-top: 1em;
    color: white;
}

.pro-cont-center img {
    padding: 10%;
}

span.border-red {
    display: block;
    height: 1px;
    width: 10em;
    background: #ffffff;
    margin: 0em auto;
}

.pro-box {
    border: 1px solid #777777;
    padding: 2em 1em;
}

.pro-box h3 {
    margin-bottom: 1em;
    font-weight: 600;
}

.pro-box p {
    color: #777777;
}

a.red-btn {
    background: #008fff;
    padding: .5em;
    color: white;
    font-weight: 600;
    margin-top: 2em;
    display: block;
    max-width: 10em;
    text-align: center;
    transition: all .3s ease-in-out;
}

a.red-btn:hover {
    background: white;
    color: #008fff;
    transition: all .3s ease-in-out;
}

.view-all .red-btn {
    margin: 0 auto;
    margin-top: 2em;
}

/*about-sec*/

.circles {
    padding: .5em;
    display: inline-flex;
    align-content: center !important;
    flex-wrap: wrap;
}

.circles span {
    font-size: .8em;
    color: #2e2e2e;
    width: 48%;
    background: rgb(252,126,63);
    background: -moz-linear-gradient(114deg, rgba(252,126,63,1) 16%, rgba(249,67,64,1) 100%);
    background: -webkit-linear-gradient(114deg, rgba(252,126,63,1) 16%, rgba(249,67,64,1) 100%);
    background: linear-gradient(114deg, rgba(252,126,63,1) 16%, rgba(249,67,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc7e3f",endColorstr="#dc2a1c",GradientType=1);
    display: block;
    margin: 1% 1%;
    padding: 1em;
    font-weight: 900;
    text-align: center;
    border: 3px solid #ffffff00;
}

div#about-sec {
    padding: 10%;
    color: #282828;
    background-attachment: fixed;
    background-image: url(images/tdbg2.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

div#about-sec span.border-red {
    margin: 0;
    margin-bottom: 1em;
}

div#about-sec img {
    margin: 1em auto;
}

.quote-sec {
    background: #dc2a1c;
    margin: 2em auto;
    padding: 1.5em 1em;
}

.quote-sec h3 {
    font-weight: 900;
    color: white;
}

.contact-form a {
    margin-left: 0 !important;
}

.contact-form a:hover {
    background: #fe9f3f !important;
    color: #353535 !important;
}

/*recom sec*/

div#recom-sec {
    padding: 5% 10%;
    padding-top: 1em;
    color: white;
}
.text-black {
    color: #4a4a4a;
}
.part-box:hover img {
    transform: scale(.9);
    transition: .3s ease;
}

div#recom-sec .border-red{
    margin-bottom: 2em;
}

.recom-part{
    padding: 1em;
}

.part-box{    
    position: relative;
    cursor: pointer;
}

.part-box h4 {
    position: absolute;
    bottom: 29%;
    padding: 1em;
    font-weight: 900;
    width: 100%;
    text-align: center !important;
    height: auto;
    color: #ffffff;
    background: #0000001f;
    opacity: 1;
    transition: all .3s ease-in-out;
}

div#topdestinations {
    background-image: url(images/tdbg.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    padding: 5%;
    color: white;
    text-transform: uppercase;
}

div#toptours {
    background-image: url(images/tdbg2.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    padding: 5%;
    color: white;
    text-transform: uppercase;
}

.part-box img {
    margin: 0 auto;
    display: block;
}

div#toptours .part-box h4 {
    bottom: 0;
    color: black;
    background: transparent;
    font-weight: 400;
}

.part-box:hover h4 {
    opacity: 1;
    background: #008fff;
    z-index: 1;
    color: white;
    transition: all .3s ease-in-out;
}

/*testimonials*/

div#testim-sec {
    padding: 5% 10%;
    padding-top: 1em;
    color: white;
    overflow-x: hidden;
    background: #008fff;
}

div#testimonialSlider .carousel-item {
    min-height: 200px;
    text-align: center;
    padding: 5% 10%;
    background: #2b1b7e;
}

div#testim-sec a {
    color: white;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    padding-top: 2em;
}

div#testimonialSlider .carousel-item::before {
   display: none;
}

div#testimonialSlider .carousel-indicators li {
    width: .3em;
    height: .3em;
    background: red;
}
div#testimonialSlider .stars i {
    color: #ffffff;
}

div#testimonialSlider i{
    color: white !important;
}

div#testimonialSlider a.carousel-control-next {
    background: #2b1b7e;
    opacity: 1;
    width: 2em;
    padding: 0;
    right: 0;
    display: flex !important;
}

div#testimonialSlider .carousel-control-prev{
    background: #2b1b7e;
    opacity: 1;
    width: 2em;
    padding: 0;
    right: 0;
    display: flex !important;
}

div#testim-sec .border-red{
    margin-bottom: 2em;
}

div#testimonialSlider p {
    padding: 5%;
}

hr {
    border-top: none;
    padding: 1em;
}

/*subheader*/

div#subheader {
    background-color: #ffffff;
    min-height: 300px;
    padding: 5%;
    padding-top: 170px;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom center;
    background-blend-mode: multiply;
    position: relative;
}

div#subheader::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0.12088585434173671) 50%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0.12088585434173671) 50%);
background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0.12088585434173671) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.about-us{    
    background-image: url(images/s1.png);
}

.contact-form {
    padding: 0.5em;
    background: #ffffff;
    border-radius: 0.5em;
}

div#subheader h1, div#subheader h2 {
    color:white;
    font-weight: 900;
    letter-spacing: 2px;
    text-align: center;
    padding: 1em 0em;
    filter: drop-shadow(2px 4px 6px black);
}

div#getQuote {
    z-index: 9999999999;
}

#getQuote button.close {
    font-size: 2em;
    color: white;
    opacity: 1;
}
h5#getQuoteLabel {
    color: #ffffff;
    font-weight: 900;
    font-size: 2em;
}

#getQuote .modal-header {
    background: #dc2a1c;
}


/*contact*/

.contact-form label {
    color: #239fff;
    font-weight: 600;
}

.contact-form input {
    background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #737373;
    color: black;
}

.contact-form textarea{
    background: transparent;
    border-radius: 0;
    border: 1px solid #737373;
    color: black;
} 

.contact-us{    
    background-image: url(images/nainitalsec.png);
}

.address-box {
    padding: 2em 10%;
    border: 1px solid #464646;
}

.address-box a {
    font-size: 1em;
    color: #282828;
    display: block;
    padding: 1.5em 0em;
}

/*whats new*/

.whatsnew-page img {
    margin: 0 auto !important;
}


.spacer {
    height: 80px;
    width: 100%;
}

/*products*/
span.sr {
    font-size: .7em;
    padding: .2em .7em;
    color: #393939;
    background: #fe9f3f;
    text-align: center;
    display: inline-block;
}

span.pn {
    color: #fe9f3f;
    font-weight: 900;
    padding: 0em .3em;
}

span.productDetails {
    display: block;
    border: 5px solid #333333;
    border-bottom-color: #292929;
    text-align: center;
    padding: .5em 0em;
}

span.productDetails p {
    margin-bottom: .2em;
}

.productBox {
    position: relative;
    border: 1px solid #3e3e3e;
    padding: .5em;
    margin-bottom: 2em;
}

.productBox a {
    color: #2e2e2e;
    background: white;
    padding: .5em 1em;
    font-size: 1.3em;
    max-width: 11em;
    margin: 0 auto;
    margin-bottom: 1em;
    transition: all .2s ease-in-out;
}
.productBox a:hover {
    background: #fd933f;
    color: #2e2e2e;
    transition: all .2s ease-in-out;
}

span.inquire p {
    padding: 2em;
    font-size: .7em;
    color: #a5a5a5;
}

.productBox span.inquire {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #2e2e2ed6;
    top: 0;
    left: 0;
    opacity: 0;
    text-align: center;
    padding-top: 9em;
    transition: all .2s ease-in-out;
}

.productBox:hover span.inquire{
    opacity: 1;
    transition: all .2s ease-in-out;
}

.modular-carpet-tiles{    
    background-image: url(images/modular-carpet-tiles.jpg);
}

.wood-composites{    
    background-image: url(images/wood-&-composites.jpg);
}

.modular-glass-partition-systems{
    background-image: url(images/modular-glass-partition-systems.jpg);
}

.aluminium-skirting-profile{
    background-image: url(images/aluminium-skirting-&-profile.jpg);
}

.wall-covering{
    background-image: url(images/wall-covering.jpg);
}

.laminate-wooden-flooring{
    background-image: url(images/laminate-wooden-flooring.jpg);
}

.hardwood-flooring{
    background-image: url(images/hardwood-flooring.jpg);
}

.hospitality-banquet-carpet{
    background-image: url(images/hospitality-banquet-carpet.jpg);
}

.vinyl-flooring{
    background-image: url(images/vinyl-flooring.jpg);
}

.artifical-grass-vertical-garden{
    background-image: url(images/artifical-grass-vertical-garden.jpg);
}

.parker-tiles{
    background-image: url(images/parker-tiles.png);
}

.lvt{
    background-image: url(images/lvt.png);
}


.construction-and-mining-equipment{
    background-image: url(images/construction-and-mining-equipment.png);
}


div#fixed-width {
    max-width: 1100px;
    padding: 5%;
}

h3.sub-heading {
    color: #cecece;
    padding-bottom: 2em;
    font-weight: 300;
    line-height: 1.7em;
    font-size: 1.2em;
}

h3.sub-heading span {
    font-weight: 600;
    color: #2e2e2e;
    background: #fe963f;
    padding: .1em .8em;
    border-radius: 2em 2em 2em 0em;
    border-left: 7px solid #2e2e2e59;
}

a.navLink.hoverable {
    user-select: none;
}

.three-points {
    display: block;
    color: #ffffff;
    padding: 2em 1em;
    font-size: .8em;
    text-align: center;
    border: 1px solid #333333;
    background: #252525;
}

.three-points span {
    display: inline-flex;
    text-align: center;
    padding: 1em;
}

.three-points i {
    display: block;
    width: 1.5em;
    height: 1.5em;
    font-size: 1.5em;
    text-align: center;
    padding-top: .18em;
    background: #dc2a1c;
    margin-right: .5em;
    border-radius: 2em;
    border: 2px solid #fea13f;
    filter: drop-shadow(2px 2px 8px #00000070);
}

.three-points p {
    margin-bottom: 0;
    padding: .3em;
}

.specifications {
    color: #c7c7c7;
    font-size: .8em;
    line-height: 1.7em;
    margin-bottom: 3em;
    padding: 1em;
    border: 4px solid #fe9f3f;
    position: relative;
}

.specifications i {
    position: absolute;
    top: -.7em;
    left: 2em;
    font-size: 4em;
    color: #fe9f3f;
}

.specifications h3 {
    color: #fe9f3f;
    font-weight: 900;
}

a.whatsapp i {
    color: white;
    background: green;
    font-size: 2em;
    position: fixed;
    bottom: .3em;
    right: .3em;
    border-radius: 2em;
    padding: .15em .2em; 
    z-index: 8;   
}

a.whatsapp{
    z-index: 9;
}

/*get started*/

.boxedd {
    margin: 2em auto;
    padding: 2em;
    background: transparent !important;
    text-align: center;
    max-width: 100% !important;
    display: block;
}

div#get-started {
    background-image: url('images/get-started-bg.png');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    color: white;
}

a.red-btn.boxedd i {
    font-size: 2em;
    background: white;
    padding: 1em;
    color: #393939;
    margin-bottom: 1em;
    border-radius: 50%;
}

vr {
    width: 2px;
    height: 100%;
    background: white;
    display: block;
    margin: 1em auto;
}

a.red-btn.boxedd:hover {
    background: #363636 !important;
    border-radius: 1em;
    color: #0ea85e !important;
    border: 2px dashed #666666;
    transition: .3s cubic-bezier(0.68, -0.27, 0.25, 1.07);
}

/*gallery*/

div#testimonialSlider h4 {
    padding: 0.5em 0;
    margin-top: 1em;
    background: #ffffff14;
}



div#specialtoursec {
    background-image: url('images/ootysec.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

div#specialtoursec2 {
    background-image: url(images/dalhousie.webp);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-blend-mode: multiply;
    background-color: #0000007d;
}

a.red-btn.right {
    max-width: 14em;
    margin: 0 auto;
    background-color: #000000bf;
}

.sec-box {
    padding: 2em 1em;
}
.sec-box a {
    font-size: 14px;
}

.sec-box h4 {
    font-size: 2em;
    color: white;
    background: #00233e40;
    border: 1px solid white;
    font-weight: 300;
    padding: 1em;
}
.tour-det h3 {
    font-size: 1.2em;
    background: #008fff;
    color: white;
    padding: 10px;
}
.sec-box h2 span {
    padding: 1em;
    font-size: 3em;
    text-align: center !important;
    color: white;
    font-family: 'Merienda One', cursive;
}
.sec-box h2 {
    padding: 1em;
    font-size: 2em;
    text-align: center !important;
    color: white;
}

div#specialtoursec a.red-btn {
    max-width: 100%;
    display: block;
    text-align: right;
    background: transparent;
}