@charset "UTF-8";

/* @import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Charmonman:wght@400;700&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');



header,
nav,
section,
article,
aside,
footer {

    display: block
}



* {

    margin: 0;

    padding: 0
}



body {

    margin: 0;

    padding: 0;

    font-size: 16px;

    line-height: 1.5;

    font-family: "Roboto", sans-serif;

    overflow-x: hidden;

    font-weight: 400;

    color: #000;

    background-size: cover;

    background-attachment: fixed;

    background-repeat: no-repeat
}

@font-face {

    font-family: "Roboto", sans-serif;

    /* src: url(../fonts/Oxygen-Regular.ttf) format("truetype"); */

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 700;

    font-family: "Roboto", sans-serif;

    /* font-family: "Roboto", sans-serif; */

    text-transform: capitalize;

    margin: 0 0 1rem;

    color: #17233e;

    line-height: 1.4
}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

    color: #7ac9d5;

    transition: all ease-in-out .5s;

    cursor: pointer;

    text-decoration: none
}



h1 a:hover,

h1 a:focus,

h2 a:hover,

h2 a:focus,

h3 a:hover,

h3 a:focus,

h4 a:hover,

h4 a:focus,

h5 a:hover,

h5 a:focus,

h6 a:hover,

h6 a:focus {

    color: #0c9db3;

    transition: all ease-in-out .5s;

    outline: none;

    text-decoration: none !important
}



h1 {

    font-size: 58px
}



h2 {

    font-size: 46px
}



h3 {

    font-size: 26px
}



h4 {

    font-size: 22px
}



h5 {

    font-size: 18px
}



h6 {

    font-size: 16px
}

.font-oxy {

    font-family: "Roboto", sans-serif;

}

@media(max-width:991px) {

    h1 {

        font-size: 48px
    }



    h2 {

        font-size: 36px
    }

}



@media(max-width:735px) {

    h1 {

        font-size: 38px
    }



    h2 {

        font-size: 28px
    }



    h3 {

        font-size: 21px
    }

}



p {

    margin-bottom: 8px
}



ul {

    margin: 0;

    padding: 0;

    list-style-type: none
}



ul li {

    margin-bottom: 0;

    line-height: 1.5;

    color: #777;

    position: relative;

    display: inline-block;

    padding: 0
}



ol {

    margin: 0;

    counter-reset: i;

    position: relative
}



ol li {

    font-size: 16px;

    margin-bottom: 10px;

    line-height: 1.5;

    color: #777;

    padding-left: 0;

    position: relative
}



a {

    color: #f9f9f9;

    transition: all ease-in-out .5s;

    cursor: pointer;

    text-decoration: none
}



a:hover,

a:focus {

    text-decoration: none;

    color: #3ee2fb;

    transition: all ease-in-out .5s;

    outline: none
}



a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

    color: #3ee2fb !important
}



::-webkit-input-placeholder {

    color: #777 !important
}



:-ms-input-placeholder {

    color: #777 !important
}



input::placeholder {

    color: #777 !important
}



.row [class*=col-] {

    padding: 0 15px
}



img {

    max-width: 100%
}



.btn-info.focus,

.btn-info:focus,

.btn-info:active {

    outline: none;

    box-shadow: none !important;

    background: 0 0 !important;

    border: none !important
}



.container {

    position: relative;

}



@media(max-width:767px) {



    .container,

    .container-sm {

        max-width: 100%
    }

}



.border {

    border-color: #f1f1f1 !important
}



.before-none::before {

    display: none !important
}



.white {

    color: #fff !important
}

.blackk {
    color: #000;
}

.theme {

    color: #0c9db3 !important
}


.green{
    color: #3db65c;
}


.theme a {

    color: #0c9db3 !important
}



.theme1 {

    color: #fdc703 !important
}



.theme2 {

    color: #17233e !important
}



.black {

    color: #3f3f3f !important
}



.grey {

    color: #777 !important
}

.grey2 {

    color: #6b6b6b !important
}

.title {

    color: #17233e !important
}

.bg-trans {

    background: transparent;

}

.bg-grey {

    background: #f1f1f1 !important
}

.bg-grey2 {

    background-color: #6b6b6b !important
}

.bg-lgrey {

    background: #fdfdfd !important
}



.bg-theme {

    background: #087383 !important
}



.bg-theme1 {

    background: #fdc703 !important
}



.bg-theme2 {

    background: #088dd1 !important
}



.bg-title {

    background: #17233e !important
}



.bg-fblack {

    background: #000 !important
}



.bg-white {

    background: #fff !important
}



.bordernone {

    border: none !important
}



.border-b {

    border-bottom: 1px dashed #f1f1f1 !important
}



.border-all {

    border: 1px solid #f1f1f1 !important
}



.border-end {

    border-right: 1px solid #f1f1f1 !important
}



.rating span {

    color: #ffbc00;

    display: inline;

    font-size: 14px
}



.small,

small {

    font-size: 85%
}



.mt-1,

.my-1 {

    margin-top: .5rem !important
}



.mt-2,

.my-2 {

    margin-top: 1rem !important
}



.mt-3,

.my-3 {

    margin-top: 1.5rem !important
}



.mt-4,

.my-4 {

    margin-top: 2rem !important
}



.mt-5,

.my-5 {

    margin-top: 2.5rem !important
}



.mt-6,

.my-6 {

    margin-top: 3rem !important
}



.mt-7,

.my-7 {

    margin-top: 3.5rem !important
}



.mt-8,

.my-8 {

    margin-top: 4rem !important
}



.mt-9,

.my-9 {

    margin-top: 4.5rem !important
}



.mt-10,

.my-10 {

    margin-top: 5rem !important
}



.mt-minus {

    margin-top: -5rem !important
}



.mb-1,

.my-1 {

    margin-bottom: .5rem !important
}



.mb-2,

.my-2 {

    margin-bottom: 1rem !important
}



.mb-3,

.my-3 {

    margin-bottom: 1.5rem !important
}



.mb-4,

.my-4 {

    margin-bottom: 2rem !important
}



.mb-5,

.my-5 {

    margin-bottom: 2.5rem !important
}



.mb-6,

.my-6 {

    margin-bottom: 3rem !important
}



.mb-7,

.my-7 {

    margin-bottom: 3.5rem !important
}



.mb-8,

.my-8 {

    margin-bottom: 4rem !important
}



.mb-9,

.my-9 {

    margin-bottom: 4.5rem !important
}



.mb-10,

.my-10 {

    margin-bottom: 5rem !important
}



.mb-minus {

    margin-bottom: -5rem !important
}



.pt-1,

.py-1 {

    padding-top: .5rem !important
}



.pt-2,

.py-2 {

    padding-top: 1rem !important
}



.pt-3,

.py-3 {

    padding-top: 1.5rem !important
}



.pt-4,

.py-4 {

    padding-top: 2rem !important
}



.pt-5,

.py-5 {

    padding-top: 2.5rem !important
}



.pt-6,

.py-6 {

    padding-top: 3rem !important
}



.pt-7,

.py-7 {

    padding-top: 3.5rem !important
}



.pt-8,

.py-8 {

    padding-top: 4rem !important
}



.pt-9,

.py-9 {

    padding-top: 4.5rem !important
}



.pt-10,

.py-10 {

    padding-top: 5rem !important
}



.pt-14,

.py-14 {

    padding-top: 7rem !important
}



.pt-17,

.py-17 {

    padding-top: 8.5rem !important
}



.pt-18,

.py-18 {

    padding-top: 9rem !important
}



.pt-19,

.py-19 {

    padding-top: 9.5rem !important
}



.pt-20,

.py-20 {

    padding-top: 10rem !important
}



.pt-lg-7,

.py-lg-7 {

    padding-top: 3.5rem !important
}



.pb-1,

.py-1 {

    padding-bottom: .5rem !important
}



.pb-2,

.py-2 {

    padding-bottom: 1rem !important
}



.pb-3,

.py-3 {

    padding-bottom: 1.5rem !important
}



.pb-4,

.py-4 {

    padding-bottom: 2rem !important
}



.pb-5,

.py-5 {

    padding-bottom: 2.5rem !important
}



.pb-6,

.py-6 {

    padding-bottom: 3rem !important
}



.pb-7,

.py-7 {

    padding-bottom: 3.5rem !important
}



.pb-8,

.py-8 {

    padding-bottom: 4rem !important
}



.pb-9,

.py-9 {

    padding-bottom: 4.5rem !important
}



.pb-10,

.py-10 {

    padding-bottom: 5rem !important
}



.pb-14,

.py-14 {

    padding-bottom: 7rem !important
}



.pb-17,

.py-17 {

    padding-bottom: 8.5rem !important
}



.pb-18,

.py-18 {

    padding-bottom: 9rem !important
}



.pb-19,

.py-19 {

    padding-bottom: 9.5rem !important
}



.pb-20,

.my-20 {

    padding-bottom: 10rem !important
}



.pb-lg-7,

.py-lg-7 {

    padding-bottom: 3.5rem !important
}



.top-minus-20 {

    top: -20px !important
}



.top-minus-40 {

    top: -40px !important
}



.top-inherit {

    top: inherit !important
}



.bottom-inherit {

    bottom: inherit !important
}



.translatey-50 {

    transform: translateY(-50%)
}



.z-index1 {

    z-index: 1
}



.z-index2 {

    z-index: 2
}



.z-index3 {

    z-index: 4
}



.form-group {

    width: 100%;

    display: inline-block;

    border-radius: 5px;

}



.form-group1 {

    width: 100%;

    display: inline-block;

    border-radius: 5px;

    border: 1px solid #8c8c8c;

}

.contact-form .form-group {

    border: 1px solid #000;

}

.textarea {

    border: 1px solid #000;

    border-radius: 5px;

}

.form-control:focus {

    border-color: #fff;

}

input[type=text],

input[type=email],

input[type=number],

input[type=search],

input[type=password],

input[type=tel],

input[type=date],

input[type=time],

textarea,

select {

    font-size: 15px;

    font-weight: 300;

    background-color: #fff;

    border: 1px solid #fff;

    border-radius: 10px;

    padding: 12px 20px;

    color: #777;

    margin-bottom: 0;

    height: 50px;

    box-shadow: none;

    width: 100%
}



input[type=text]:focus,

input[type=email]:focus,

input[type=number]:focus,

input[type=search]:focus,

input[type=password]:focus,

input[type=tel]:focus,

input[type=date]:focus,

input[type=time]:focus,

textarea:focus,

select:focus {

    outline: none;

    transition: all .5s ease;

    box-shadow: none
}



select {

    width: 100%;

    height: inherit
}



select option {

    color: #3f3f3f
}



textarea {

    border-radius: none;

    resize: vertical;

    height: 120px
}



label {

    display: inline-block;

    color: #777;

    margin-bottom: 8px;

    font-weight: 400;

    font-size: 15px
}



blockquote {

    font-size: 14px;

    font-weight: 400;

    background-color: #0c9db3;

    margin-bottom: 15px;

    border: 0;

    padding: 30px 70px;

    line-height: 1.5;

    color: #fff;

    margin: 20 0;

    font-style: italic;

    position: relative
}



blockquote :after {

    content: '';

    position: absolute;

    height: 60%;

    width: 2px;

    background: #fff;

    top: 20%;

    left: 35px
}



blockquote p {

    color: #fff;

    margin: 0
}



blockquote :before {

    content: '\f10d';

    font-family: fontawesome;

    font-size: 45px;

    position: absolute;

    bottom: 26px;

    right: 20px;

    color: #fff;

    transform: rotate(180deg)
}



blockquote span {

    position: relative;

    padding-left: 20px
}



blockquote span :before {

    content: '';

    width: 12px;

    height: 1px;

    background: #0c9db3;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -2px
}



table>tbody tr td,

table>tbody tr th,

table>tfoot tr td,

table>tfoot tr th,

table>thead tr td,

table>thead tr th {

    padding: 10px;

    vertical-align: sub !important;

    border: 1px solid #f1f1f1
}



table>tbody tr:nth-child(even),

table>tfoot tr:nth-child(even),

table>thead tr:nth-child(even) {

    background: #fdfdfd
}



table {

    width: 100%
}



table thead tr th {

    border-bottom: none !important
}



.overlay,

.dot-overlay,

.color-overlay,

.white-overlay,

.left-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    transition: all ease-in-out .5s;

    opacity: .5
}



.dot-overlay {

    background: #000 url(../images/dot-overlay.png) repeat;

    opacity: .6
}



.color-overlay {

    top: inherit;

    bottom: 0;

    background: linear-gradient(to bottom, transparent, #000000);

    height: 50%;

    opacity: .6
}



.left-overlay {

    background: linear-gradient(to left, transparent, #fff);

    height: 100%;

    opacity: 1
}



@media(max-width:639px) {

    .color-overlay {

        height: 100%;

        opacity: .4;

        background: #000
    }

}



.white-overlay {

    background: #fdfdfd;

    opacity: .5
}



section {

    padding: 1.2rem 0 2rem;

    position: relative
}



.section-title,

.section-title-w,

.section-title-l {

    position: relative;

    z-index: 1
}



.section-title h2,

.section-title-w h2,

.section-title-l h2 {

    position: relative;

    line-height: 1.2
}



.section-title-w:before {

    border-color: #fff !important
}



.section-title-w h2 span {

    color: #088dd1
}



.section-title-l:before {

    left: 0;

    right: inherit
}



@media(max-width:991px) {

    .section-title {

        width: 100% !important
    }

}



@media(max-width:767px) {

    .section-title {

        width: 100% !important;

        text-align: center !important;
        margin-bottom: 30px !important;
    }



    .section-title::before {

        left: 0;

        right: 0
    }

}



.row.slick-slider {

    margin: 0 -15px
}



iframe {

    width: 100%;

    border: none
}



.border-t {

    border-top: 2px dashed #cccccc5e
}



.box-shadow {

    box-shadow: 0 0 15px #cccccc37
}



.rounded { 
    border-radius: 10px !important
}

.blog-next1{
    background-color: #def9fe;
}

.rounded-start {

    border-top-left-radius: 10px !important;

    border-bottom-left-radius: 10px !important
}



.rounded-top {

    border-top-left-radius: 10px !important;

    border-top-right-radius: 10px !important
}



.nav-tabs {

    border-bottom: none;

    background: #fff;

    overflow: hidden;

    margin-bottom: 30px
}



.nav-tabs>li.nav-item {

    margin: 0 4px
}



.nav-tabs>li.nav-item button {

    border-radius: 10px;

    padding: 15px;

    margin: 0;

    line-height: inherit;

    border: 1px solid #f1f1f1;

    display: inline-block;

    width: 100%
}



.nav-tabs>li.nav-item button:hover {

    color: #fff !important;

    border-color: #0c9db3;

    background: #0c9db3
}



.nav-tabs>li.nav-item button.active {

    color: #fff !important;

    border-color: #0c9db3;

    background: #0c9db3
}

.nunito {
    font-family: "Roboto", sans-serif;
    color: #0C9DB3;
}

.nav-tabs>li.nav-item button.active:hover {

    color: #fff !important;

    border-color: #0c9db3;

    background: #0c9db3
}



@media(max-width:991px) {

    .nav-tabs {

        width: 100% !important
    }

}



@media(max-width:767px) {

    .nav-tabs>li.nav-item {

        margin: 0 4px 4px
    }

}



.pagination-main {

    line-height: .8
}



.pagination-main .pagination {

    margin-top: 0;

    margin-bottom: 0;

    display: inline-block
}



.pagination-main .pagination li {

    padding-left: 0;

    padding-bottom: 0;

    margin-bottom: 0
}



.pagination-main .pagination li:before,

.pagination-main .pagination li:after {

    display: none
}



.pagination-main .pagination li a {

    padding: 0;

    height: 40px;

    line-height: 38px;

    margin-right: 9px;

    text-align: center;

    width: 40px;

    color: #000;

    font-size: 21px;

    /* border: 1px solid #f1f1f1; */

    display: inline-block;

    background: #fdfdfd;

    background: transparent;

    border-radius: 30px;

}



.pagination-main .pagination li a:hover,

.pagination-main .pagination li a:focus {

    background-color: ;

    color: #fff !important;

    border-color: #0c9db3
}



.pagination-main .pagination li:last-child>a,

.pagination-main .pagination li:last-child>span {

    border-radius: none;

    margin: 0
}



.pagination-main .pagination li.active a {

    background: #0c9db3 !important;

    border-color: #0c9db3 !important;

    color: #fff
}



.pagination-main .pagination .prev a,

.pagination-main .pagination .next a {

    border-radius: 0
}



@media(max-width:567px) {

    .pagination li a {

        height: 30px;

        width: 30px;

        line-height: 28px
    }

}



@media(max-width:359px) {

    .pagination li a {

        height: 28px;

        width: 28px;

        line-height: 28px
    }

}



.fade:not(.show) {

    opacity: 1
}



.breadcrumb-main {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    padding: 12rem 0px 8rem;

}



.breadcrumb-main .breadcrumb-outer {

    background: 0 0;

    position: relative;

    z-index: 1
}



.breadcrumb-main .breadcrumb-outer:before {

    display: none
}



.breadcrumb-main .breadcrumb-outer .breadcrumb-content,

.breadcrumb-main .breadcrumb-outer .bread-content {

    position: relative;

    text-align: initial;

    justify-content: center;

    z-index: 1
}



.breadcrumb-main .breadcrumb-outer .breadcrumb-content h1,

.breadcrumb-main .breadcrumb-outer .bread-content h1,

.breadcrumb-main .breadcrumb-outer .breadcrumb-content h2,

.breadcrumb-main .breadcrumb-outer .bread-content h2 {

    color: #fff;

    text-transform: uppercase;

    line-height: 1.4;

}



.breadcrumb-main .breadcrumb-outer .bread-content nav {

    left: 0;

    right: 0
}



.breadcrumb {

    background: 0 0;

    margin: 0;

    padding: 0;

    display: inline-block
}



.breadcrumb li,

.breadcrumb li.active {

    margin-bottom: 0;

    color: #fff
}



.breadcrumb li a,

.breadcrumb li.active a {

    color: #0c9db3
}



.breadcrumb .breadcrumb-item+.breadcrumb-item:before {

    content: '/';

    color: #fff
}



@media(max-width:991px) {

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content {

        display: block !important;

        text-align: center !important
    }



    .breadcrumb-main .breadcrumb-outer .breadcrumb-content nav {

        right: 0;

        margin: 0
    }



    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {

        margin: 0 !important
    }



    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h1 {

        font-size: 44px
    }



    .cover-content {

        margin-bottom: 2rem
    }

}



@media(max-width:811px) {

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h1 {

        font-size: 36px
    }



    .page-cover h1 {

        font-size: 36px
    }



    .page-cover .author-detail {

        display: block !important
    }

}



@media(max-width:639px) {

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h1 {

        font-size: 28px
    }



    .page-cover h1 {

        font-size: 28px
    }

}



@media(max-width:479px) {

    .breadcrumb-main .breadcrumb-outer .breadcrumb-content {

        text-align: center
    }



    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h1 {

        font-size: 24px
    }



    .breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {

        display: block;

        font-size: 17px;

        padding-bottom: 10px;

    }

}



button {

    border: none
}



/* .comment-btn{

    color: white;

    background: #0c9db3;

    text-align: center;

} */



.nir-btn-mar { 
    margin: 4px 14px 0px; 
}

.nir-btn-black {

    position: relative;
    z-index: 1;
    font-size: 16px;
    text-align: center;
    padding: 10px 29px;
    text-transform: capitalize;
    transition: all ease-in-out .5s;
    background: transparent;
    color: #fff;
    display: inline-block;
    border-radius: 25px;
    /* border: 2px solid #fff; */
    /* box-shadow: 0 0 0 4px rgba(255, 255, 255, .1); */
    overflow: hidden;
}



.nir-btn {

    position: relative;

    z-index: 1;

    font-size: 16px;
    text-align: center;
    padding: 5px 16px;
    text-transform: capitalize;
    transition: all ease-in-out .5s;
    background: #0c9db3;
    color: #fff;

    /* display: inline-block; */

    border-radius: 10px;

    border: 2px solid#fff;

    /* box-shadow: 0 0 0 4px rgb(255 255 255 / 10%); */

    overflow: hidden;

}



.nir-btn2 {

    position: relative;

    z-index: 1;

    font-size: 14px;

    text-align: center;

    padding: 14px 16px;

    text-transform: capitalize;

    transition: all ease-in-out .5s;

    background: transparent;

    color: #fff;

    display: inline-block;

    border-radius: 10px;

    /* border: 2px solid#fff; */

    /* box-shadow: 0 0 0 4px rgba(255, 255, 255, .1); */

    overflow: hidden
}

.nir-btn3 {

    position: relative;

    z-index: 1;

    font-size: 16px;

    text-align: center;

    padding: 8px 20px;

    text-transform: capitalize;

    transition: all ease-in-out .5s;

    background: transparent;

    color: #fff;

    display: inline-block;

    border-radius: 5px;

    border: 2px solid #0c9db3;

    /* box-shadow: 0 0 0 4px rgba(255, 255, 255, .1); */

    overflow: hidden;

    background-color: #0c9db3;

}

.nir-btn2::before {

    position: absolute;

    left: 0;

    width: 0;

    height: 100%;

    top: 0;

    content: '';

    background: #0c9db3;

    color: #fff !important;

    transition: all ease-in-out .5s;

    z-index: -1
}

.nir-btn-black::before {

    position: absolute;

    left: 0;

    width: 0;

    height: 100%;

    top: 0;

    content: '';

    background: #0c9db3;

    color: #fff !important;

    transition: all ease-in-out .5s;

    z-index: -1
}

.nir-btn::before {

    position: absolute;

    left: 0;

    width: 0;

    height: 100%;

    top: 0;

    content: '';

    background: #0c9db3;

    color: #fff !important;

    transition: all ease-in-out .5s;

    z-index: -1
}



.form-btn a:hover,
a:focus {

    text-decoration: none !important;

    color: #fff;

    transition: all ease-in-out .5s;

    outline: none;

}



.nir-btn:hover::before,

.nir-btn-black:hover::before,

.nir-btn2::before {

    width: 100%;

    transition: all ease-in-out .5s
}



.nir-btn:hover,

.nir-btn-black:hover,

.nir-btn2:hover .nir-btn3:hover {

    color: #fff !important;
    background-color: #fff;

    transition: all ease-in-out .5s
}



.nir-btn-black {

    background: #0b9cb2;
}

#back-to-top a:hover {
    background: #7ac9d5
}



.nir-btn-black:before {

    color: #fff
}



.nir-btn-black:hover {

    background: #0c9db3;

    color: #3f3f3f
}





.nir-btn-black:hover:before {

    color: #fdc703
}



input#submit {

    border: none
}

.book-form .form-group .nice-select {

    border: 1px solid #0c9db3;

    font-size: 21px;

    font-weight: 400;

    color: #fff;

    background: #0c9db3;

    line-height: 1;

}

.book-form .form-group .input-box {

    width: 300px;

}

.book-form2 .form-group .input-box {

    width: auto;

}

.book-form .form-group .nice-select:after {

    border-bottom: 2px solid #fff;

    border-right: 2px solid #fff;

    content: '';

    display: block;

    height: 10px;

    margin-top: -4px;

    pointer-events: none;

    position: absolute;

    right: 20px;

    top: 50%;

    width: 10px;

}

.book-form2 .form-group .nice-select:after {

    border-bottom: 2px solid #fff;

    border-right: 2px solid #fff;

    content: '';

    display: block;

    height: 10px;

    margin-top: -4px;

    pointer-events: none;

    position: absolute;

    right: 20px;

    top: 50%;

    width: 10px;

}

.book-form2 .form-group .nice-select {

    border: 1px solid #0c9db3;

    font-size: 20px;

    font-weight: 400;

    color: #fff;

    background: #0c9db3;

    line-height: 1.2;

}

.book-form2 .flex {

    display: flex;

}

.book-form .flex {

    display: flex;

}

input#submit:hover {

    opacity: .8;

    background: #0c9db3 !important;

    color: #fff
}



.item-slider .slick-prev,

.item-slider .slick-next {

    background: transparent;

    border-radius: 5px;

    border: 1px solid #f1f1f1;

    width: 50px;

    height: 50px;

    line-height: 1
}

.about-vid .review-slider1 .slick-prev,

.about-vid .review-slider1 .slick-next,

.testimonial-vid .review-slider1 .slick-prev,

.testimonial-vid .review-slider1 .slick-next,

.item-slider1 .slick-prev,

.item-slider1 .slick-next {

    background: transparent;

    border-radius: 5px;

    /* border: 1px solid #f1f1f1; */

    width: 50px;

    height: 50px;

    line-height: 1;

    top: 50%;

}

.trend-item1 .trend-image img {

    transition: all ease-in-out .5s;

    width: 100%;

}

.about-vid .review-slider1 .slick-prev::before,

.about-vid .review-slider1 .slick-next::before,

.testimonial-vid .review-slider1 .slick-prev::before,

.testimonial-vid .review-slider1 .slick-next::before,

.item-slider1 .slick-prev::before,

.item-slider1 .slick-next::before {

    color: #fff;

    font-size: 28px;

    line-height: 1.5
}



.item-slider .slick-prev::before,

.item-slider .slick-next::before {

    color: #777;

    font-size: 28px;

    line-height: 1.5
}

.about-vid .review-slider1 .slick-prev:hover,

.about-vid .review-slider1 .slick-next:hover,

.testimonial-vid .review-slider1 .slick-prev:hover,

.testimonial-vid .review-slider1 .slick-prev:focus,

.testimonial-vid .review-slider1 .slick-next:hover,

.testimonial-vid .review-slider1 .slick-prev:focus,

.item-slider1 .slick-prev:hover,

.item-slider1 .slick-prev:focus,

.item-slider1 .slick-next:hover,

.item-slider1 .slick-next:focus {

    background: #0c9db3;

    border-color: #0c9db3
}

.item-slider .slick-prev:hover,

.item-slider .slick-prev:focus,

.item-slider .slick-next:hover,

.item-slider .slick-next:focus {

    background: #0c9db3;

    border-color: #0c9db3
}



.item-slider .slick-prev:hover::before,

.item-slider .slick-prev:focus::before,

.item-slider .slick-next:hover::before,

.item-slider .slick-next:focus::before {

    color: #fff
}

.about-vid .review-slider1 .slick-prev:hover::before,

.about-vid .review-slider1 .slick-next:hover::before,

.testimonial-vid .review-slider1 .slick-prev:hover::before,

.testimonial-vid .review-slider1 .slick-next:hover::before,

.item-slider1 .slick-prev:hover::before,

.item-slider1 .slick-prev:focus::before,

.item-slider1 .slick-next:hover::before,

.item-slider1 .slick-next:focus::before {

    color: #fff
}

.item-slider .slick-prev {

    left: -45px;

}

.testimonial-vid .review-slider1 .slick-prev,

.item-slider1 .slick-prev {

    left: -45px;

}

.testimonial-vid .review-slider1 .slick-next,

.item-slider .slick-next {

    right: -45px;

}

.item-slider1 .slick-next {

    right: -45px;

}

.counter-main {

    position: absolute;

    top: 280px;

}

.counter-main2 {

    position: absolute;

    top: 220px;

}

.trend-padding {

    padding-top: 18rem;

}

.plan-our {

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    padding: 4rem 0rem 12rem;

}

.plan-our2 {

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    padding: 4rem 0rem 18rem;

}

.banner-slider .slick-prev,

.banner-slider .slick-next {

    background: #fdc703;

    border-radius: 50%;

    width: 50px;

    height: 50px
}



.banner-slider .slick-prev::before,

.banner-slider .slick-next::before {

    color: #fff;

    font-size: 28px;

    line-height: 1.8
}



.banner-slider .slick-prev:hover,

.banner-slider .slick-prev:focus,

.banner-slider .slick-next:hover,

.banner-slider .slick-next:focus {

    background: #17233e
}



.banner-slider .slick-prev {

    left: 30px
}



.banner-slider .slick-next {

    right: 30px
}



#preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #f4f4f4;

    z-index: 999999
}



#preloader #status {

    position: fixed;

    content: '';

    display: block;

    top: 50%;

    left: 50%;

    width: 400px;

    height: 300px;

    margin: 0 auto;

    background: url(../images/loader.gif);

    background-size: cover;

    background-position: center;

    opacity: 1;

    transform: translate(-50%, -50%);

    visibility: visible;

    transition: all ease-in-out .5s;

    z-index: 9999999999
}



#back-to-top {

    position: fixed;

    z-index: 1000;

    bottom: 20px;

    right: 20px;

    display: none
}



#back-to-top a  i{

    display: block;

    width: 50px;

    height: 50px;

    background: #0c9db3;

    position: relative;

    transition: all ease-in-out .5s;

    text-align: center;

    border-radius: 50%;
    line-height: 50px

}



#back-to-top a:after {

    /* position: absolute;

    content: '\f30c';

    font-family: "font awesome 5 free";

    font-size: 20px;

    color: #fff;

    top: 50%;

    left: 50%;

    z-index: 1;

    font-weight: 700;

    transform: translate(-50%, -50%) */
}



.alert {

    margin-bottom: 10px;

    border-radius: 0;

    color: #e83737;

    padding: 0
}



.alert .alert-success {

    background: 0 0;

    border: transparent;

    border-radius: 0;

    color: #3c763d
}



.alert .alert-success h4 {

    margin-bottom: 8px
}



.alert .alert-success p {

    color: #fff
}



.ribbon {

    width: 150px;

    height: 150px;

    overflow: hidden;

    position: absolute;

    z-index: 2
}



.ribbon::before,

.ribbon::after {

    position: absolute;

    z-index: -1;

    content: '';

    display: block;

    border: 5px solid #666
}



.ribbon span {

    position: absolute;

    display: block;

    width: 225px;

    padding: 10px 0;

    background-color: #fdc703;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    color: #fff;

    font-size: 18px;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);

    text-transform: uppercase;

    text-align: center
}



.ribbon span.open {

    background: #5ecfb1
}



.ribbon-top-left {

    top: -10px;

    left: -10px
}



.ribbon-top-left:before,

.ribbon-top-left:after {

    border-top-color: transparent;

    border-left-color: transparent
}



.ribbon-top-left:before {

    top: 0;

    right: 0
}



.ribbon-top-left:after {

    bottom: 0;

    left: 0
}



.ribbon-top-left span {

    right: -25px;

    top: 40px;

    transform: rotate(-45deg)
}



.wickedpicker {

    width: 120px !important;

    height: auto !important;

    z-index: 9
}



.wickedpicker .wickedpicker__title {

    display: none !important
}



.wickedpicker__controls__control-up:before {

    content: "" !important;

    font-family: "font awesome 5 free" !important;

    font-weight: 900 !important;

    color: #909090 !important
}



.wickedpicker__controls__control-down:after {

    content: "" !important;

    font-family: "font awesome 5 free" !important;

    font-weight: 900 !important;

    color: #909090 !important
}



.accrodion-grp .accrodion+.accrodion {

    margin-top: 10px
}



.accrodion-grp .accrodion .accrodion-title {

    border: 1px solid #f1f1f1;

    background: #fff;

    padding: 20px;

    cursor: pointer;

    transition: all ease-in-out .5s;

    border-radius: 5px
}



.accrodion-grp .accrodion .accrodion-title h5 {

    margin: 0;

    position: relative;

    text-transform: capitalize;

    border: none
}



.accrodion-grp .accrodion .accrodion-title h5:before {

    content: '\f107';

    font-family: fontawesome;

    color: #222;

    font-size: 20px;

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)
}



.accrodion-grp .accrodion .accrodion-content {

    padding-top: 10px
}



.accrodion-grp .accrodion .accrodion-content .inner {

    padding: 10px 30px 20px;

}



.accrodion-grp .accrodion .accrodion-content .inner p {

    margin: 0;

    font-size: 15px;

    line-height: 25px;

    letter-spacing: .01em;

    color: #74787d
}



.accrodion-grp .accrodion.active .accrodion-title {

    background: #0c9db3;

    border-color: #0c9db3
}



.accrodion-grp .accrodion.active .accrodion-title h5 {

    color: #fff
}



.accrodion-grp .accrodion.active .accrodion-title h5:before {

    content: '\f106';

    color: #fff
}



@media(max-width:567px) {

    .accrodion-grp .accrodion .accrodion-title h5 {

        font-size: 14px
    }

}



@-webkit-keyframes rotated {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)
    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)
    }

}



@keyframes rotated {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)
    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)
    }

}



@-webkit-keyframes scale-upOne {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)
    }



    100% {

        -webkit-transform: scale(.2);

        transform: scale(.2)
    }

}



@keyframes scale-upOne {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)
    }



    100% {

        -webkit-transform: scale(.2);

        transform: scale(.2)
    }

}



@-webkit-keyframes zoom-fade-two {

    0% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5)
    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1)
    }



    100% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5)
    }

}



@keyframes zoom-fade-two {

    0% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5)
    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1)
    }



    100% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5)
    }

}



@-webkit-keyframes zoom-fade {

    0% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)
    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1)
    }



    100% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)
    }

}



@keyframes zoom-fade {

    0% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)
    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1)
    }



    100% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)
    }

}



@keyframes slide {

    from {

        background-position: 0 0
    }



    to {

        background-position: -111px 0
    }

}



@-webkit-keyframes slide {

    from {

        background-position: 0 0
    }



    to {

        background-position: -111px 0
    }

}



@-webkit-keyframes ripple {

    70% {

        box-shadow: 0 0 0 40px transparent
    }



    100% {

        box-shadow: 0 0 0 0 transparent
    }

}



@keyframes ripple {

    70% {

        box-shadow: 0 0 0 40px transparent
    }



    100% {

        box-shadow: 0 0 0 0 transparent
    }

}



@keyframes up-down {

    0% {

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px)
    }



    50% {

        -webkit-transform: translateY(-10px);

        transform: translateY(-10px)
    }



    100% {

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px)
    }

}



@keyframes jackInTheBox {

    from {

        opacity: 0;

        transform: scale(.1) rotate(30deg);

        transform-origin: center bottom
    }



    50% {

        transform: rotate(-10deg)
    }



    70% {

        transform: rotate(3deg)
    }



    to {

        opacity: 1;

        transform: scale(1)
    }

}



.jackInTheBox {

    animation-name: jackInTheBox
}



.animated {

    animation-duration: 1s;

    animation-fill-mode: both
}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px)
    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)
    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px)
    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)
    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp
}



@keyframes animationFramesOne {

    0% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

        transform: translate(0px, 0px) rotate(0deg)
    }



    20% {

        -webkit-transform: translate(73px, -1px) rotate(36deg);

        transform: translate(73px, -1px) rotate(36deg)
    }



    40% {

        -webkit-transform: translate(141px, 72px) rotate(72deg);

        transform: translate(141px, 72px) rotate(72deg)
    }



    60% {

        -webkit-transform: translate(83px, 122px) rotate(108deg);

        transform: translate(83px, 122px) rotate(108deg)
    }



    80% {

        -webkit-transform: translate(-40px, 72px) rotate(144deg);

        transform: translate(-40px, 72px) rotate(144deg)
    }



    100% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

        transform: translate(0px, 0px) rotate(0deg)
    }

}



@-webkit-keyframes animationFramesOne {

    0% {

        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }



    20% {

        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }



    40% {

        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }



    60% {

        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }



    80% {

        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }



    100% {

        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }

}



@keyframes animationFramesTwo {

    0% {

        transform: translate(0, 0) rotate(0)
    }



    21% {

        transform: translate(40px, 50px) rotate(35deg)
    }



    41% {

        transform: translate(-20px, -75px) rotate(48deg)
    }



    60% {

        transform: translate(25px, 48px) rotate(125deg)
    }



    80% {

        transform: translate(16px, -15px) rotate(180deg)
    }



    100% {

        transform: translate(0, 0) rotate(0)
    }

}



@-webkit-keyframes animationFramesTwo {

    0% {

        -webkit-transform: translate(0, 0) rotate(0)
    }



    21% {

        -webkit-transform: translate(40px, 5px) rotate(35deg)
    }



    41% {

        -webkit-transform: translate(-20px, -75px) rotate(48deg)
    }



    60% {

        -webkit-transform: translate(25px, 48px) rotate(125deg)
    }



    80% {

        -webkit-transform: translate(16px, -15px) rotate(180deg)
    }



    100% {

        -webkit-transform: translate(0, 0) rotate(0)
    }

}



@keyframes animationFramesThree {

    0% {

        transform: translate(0, 0) rotate(0)
    }



    21% {

        transform: translate(4px, 10px) rotate(360deg)
    }



    41% {

        transform: translate(25px, 40px) rotate(360deg)
    }



    60% {

        transform: translate(35px, 22px) rotate(360deg)
    }



    80% {

        transform: translate(17px, 46px) rotate(360deg)
    }



    100% {

        transform: translate(0, 0) rotate(0)
    }

}



@-webkit-keyframes animationFramesThree {

    0% {

        -webkit-transform: translate(0, 0) rotate(0)
    }



    21% {

        -webkit-transform: translate(4px, -20px) rotate(360deg)
    }



    41% {

        -webkit-transform: translate(-50px, -80px) rotate(360deg)
    }



    60% {

        -webkit-transform: translate(-75px, -35px) rotate(360deg)
    }



    80% {

        -webkit-transform: translate(-20px, 20px) rotate(360deg)
    }



    100% {

        -webkit-transform: translate(0, 0) rotate(0)
    }

}



@-webkit-keyframes movebounce {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)
    }



    50% {

        -webkit-transform: translateY(20px);

        transform: translateY(20px)
    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)
    }

}



@keyframes movebounce {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)
    }



    50% {

        -webkit-transform: translateY(20px);

        transform: translateY(20px)
    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)
    }

}



@keyframes rotateme {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)
    }



    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)
    }

}



@-webkit-keyframes rotateme {

    from {

        -webkit-transform: rotate(0deg)
    }



    to {

        -webkit-transform: rotate(360deg)
    }

}



@keyframes move-forever {

    0% {

        transform: translate(-90px, 0%)
    }



    100% {

        transform: translate(85px, 0%)
    }

}



@-webkit-keyframes ripple {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)
    }



    75% {

        -webkit-transform: scale(1.75);

        transform: scale(1.75);

        opacity: 1
    }



    100% {

        -webkit-transform: scale(2);

        transform: scale(2);

        opacity: 0
    }

}



@keyframes ripple {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)
    }



    75% {

        -webkit-transform: scale(1.75);

        transform: scale(1.75);

        opacity: 1
    }



    100% {

        -webkit-transform: scale(2);

        transform: scale(2);

        opacity: 0
    }

}



@-webkit-keyframes border-transform {



    0%,

    to {

        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }



    14% {

        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }



    28% {

        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }



    42% {

        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }



    56% {

        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }



    70% {

        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }



    84% {

        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }

}



@keyframes border-transform {



    0%,

    to {

        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }



    14% {

        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }



    28% {

        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }



    42% {

        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }



    56% {

        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }



    70% {

        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }



    84% {

        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }

}



.team-slider .slick-prev,

.team-slider .slick-next {

    background: #fff;

    height: 60px;

    width: 60px;

    box-shadow: 0 0 15px #cccccc37
}



.team-slider .slick-prev:before,

.team-slider .slick-next:before {

    font-size: 36px;

    line-height: 1.6;

    color: #0c9db3
}



.team-slider .slick-prev:hover,

.team-slider .slick-prev:focus,

.team-slider .slick-next:hover,

.team-slider .slick-next:focus {

    opacity: 1;

    background: #0c9db3;

    color: #fff
}



.team-slider .slick-prev:hover:before,

.team-slider .slick-prev:focus:before,

.team-slider .slick-next:hover:before,

.team-slider .slick-next:focus:before {

    color: #fff
}



.team-slider .slick-prev {

    left: -15px
}



.team-slider .slick-next {

    right: -15px
}



@media(max-width:767px) {

    .about-vid .review-slider1 .slick-prev,

    .about-vid .review-slider1 .slick-next,

    .item-slider1 .slick-prev,

    .item-slider1 .slick-next,

    .item-slider .slick-prev,

    .item-slider .slick-next,

    .team-slider .slick-prev,

    .team-slider .slick-next {

        display: none !important
    }



}



@-webkit-keyframes kbrns_zoomOutIn {

    0% {

        -webkit-transform: scale(1.3)
    }



    100% {

        -webkit-transform: scale(1)
    }

}



@-moz-keyframes kbrns_zoomOutIn {

    0% {

        -moz-transform: scale(1.3)
    }



    100% {

        -moz-transform: scale(1)
    }

}



@-ms-keyframes kbrns_zoomOutIn {

    0% {

        -ms-transform: scale(1.3)
    }



    100% {

        -ms-transform: scale(1)
    }

}



@-o-keyframes kbrns_zoomOutIn {

    0% {

        -o-transform: scale(1.3)
    }



    100% {

        -o-transform: scale(1)
    }

}



@keyframes kbrns_zoomOutIn {

    0% {

        transform: scale(1.3)
    }



    100% {

        transform: scale(1)
    }

}



.navbar-default {

    background: #f5f5f5
}



.navbar {

    border-bottom: 0;

    padding: 0
}



.sidebar .navbar-nav {

    background: 0 0;

    margin: 0
}



.navbar.navbar-default {

    transition: none
}



header #navbar {

    width: 100%;

    background: #f49b00
}



.navbar-default a.navbar-brand {

    font-size: 24px;

    position: relative;

    color: #f49b00;

    letter-spacing: 2px;

    font-weight: 400;

    display: block;

    padding: 0;

    height: auto;

    transition: all ease-in-out .5s;

    transition: color .5s ease;

    -webkit-transition: color .5s ease;

    -moz-transition: color .5s ease;

    margin-right: 0;

    flex: 1
}



.navbar-default a.navbar-brand span {

    color: #fc883a
}



.navbar-default a.navbar-brand:hover {

    color: #d60d45
}



.navbar-default .navbar-nav li,

.navbar-default .navbar-nav li.active {

    background: #f33807
}



.navbar-default .navbar-nav li a,

.navbar-default .navbar-nav li a:hover,

.navbar-default .navbar-nav li.active a,

.navbar-default .navbar-nav li.active a:hover {

    background: #f33807
}



.navbar-nav li {

    position: relative;

    text-align: left;

    margin-bottom: 0
}



.navbar-nav li ul {

    z-index: 9999;

    padding: 0;

    margin: 0;

    position: absolute;

    top: 50px;

    left: 0;

    width: 190px;

    display: none;

    border: 1px solid #f1f1f1;

    border-top: 2px solid #f33807;

    -webkit-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4);

    -moz-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4);

    box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4)
}



.navbar-nav li ul li {

    border-bottom: 1px solid #f1f1f1
}



.navbar-nav li ul li:last-child {

    border-bottom: none
}



.navbar-nav li ul li:hover a {

    padding-left: 20px;

    padding-right: 10px;

    text-decoration: none
}



.navbar-nav li ul li:hover ul li a {

    padding-left: 15px;

    padding-right: 15px
}



.navbar-nav li ul li a {

    display: block;

    padding: 7px 15px;

    font-size: 15px;

    font-weight: 500;

    color: #636363
}



.navbar-nav li ul li a:hover {

    color: #f33807
}



.navbar-nav li ul li ul {

    position: absolute;

    left: 188px;

    top: -2px
}



.navbar-nav li ul li ul li ul li:hover a {

    padding-left: 20px;

    padding-right: 10px
}



.navbar-nav li>ul>li:last-child>a {

    border-bottom: 0
}



.navbar-nav li>ul>li ul>li:last-child>a {

    border-bottom: 0
}



.main_header_area {

    position: relative;

    width: 100%
}



.main_header_area .notify-bar {

    background: linear-gradient(to right, #e9595e 1%, #dcb86c 100%);

    position: relative;

    padding: 3px 0
}



.main_header_area .notify-bar .notify-in {

    position: relative
}



.main_header_area .notify-bar .notify-in y a.shop-btn {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%)
}



.main_header_area .header-content {

    position: relative;

    z-index: 1;

    background: #087383;
}



.main_header_area .header-content li {

    display: inline-block;

    /* padding: 0 15px; */

    /* border-left: 1px solid #f1f1f136; */

    margin: 0
}
.main_header_area .header-content li

.main_header_area .header-content li:nth-child(1) a,
.main_header_area .header-content li:nth-child(2) a,
.main_header_area .header-content li:nth-child(3) a,
.main_header_area .header-content li:nth-child(4) a,
.main_header_area .header-content li:nth-child(5) a,
.main_header_area .header-content li:nth-child(6) a{
    /* Your CSS styles here */
    background-color: #0b9cb2;
    border-radius: 20px; 
    padding: 10px 13px;
    line-height: 2;
}
.main_header_area .header-content li:nth-child(1) a i,
.main_header_area .header-content li:nth-child(2) a i,
.main_header_area .header-content li:nth-child(3) a i,
.main_header_area .header-content li:nth-child(4) a i,
.main_header_area .header-content li:nth-child(5) a i{
    /* Your CSS styles here */
    /* font-size: 20px; */
}


.main_header_area .header-content li:first-child { 
    border: none; 
    padding-right: 10px
}
.main_header_area .header-content li:nth-child(2) a i{ 
    border: none; 
    padding-right: 10px
}

.main_header_area .header-content li:nth-child(2) a{
    background-color: transparent;
    border-radius: 20px; 
    padding: 10px 13px;
    line-height: 2;
}

.main_header_area .header-content li:last-child {

    /* padding-right: 0 */
}



.main_header_area .header-content a,

.main_header_area .header-content i {

    font-size: 14px
}



.main_header_area .header_menu.fixed-top {

    box-shadow: 0 0 15px #cccccc37;

    background: #fff
}



.main_header_area .header_menu.hide {

    top: -100px;

    animation-name: slideInUp
}



.main_header_area .register-login a {

    font-size: 15px;

    text-transform: uppercase;

    color: #777
}



.main_header_area .register-login .dropdown a {

    color: #777 !important;

    text-transform: capitalize
}



.main_header_area .register-login .btn-info {

    border: none;

    background: 0 0;

    font-size: 15px;

    font-weight: 400;

    text-transform: uppercase;

    padding: 0
}



.main_header_area .header_menu.fixed-top .register-login a {

    color: #777 !important
}



.main_header_area .header_menu.fixed-top .register-login a.nir-btn {

    color: #fff !important
}



.main_header_area .header_menu.fixed-top .register-login a.nir-btn:hover {

    color: #fff !important
}



.main_header_area.headerstye-1 {

    position: absolute;

    width: 100%
}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .navbar-header .navbar-brand {

    padding: 0;

    margin: 0
}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .navbar-header .navbar-brand img {

    display: block
}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .navbar-header .navbar-brand img+img {

    display: none
}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li {

    margin-right: 0
}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li a {

    color: #fff;

    padding: 10px
}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li:hover>a {

    color: #0c9db3
}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li.active>a {

    color: #0c9db3
}



.main_header_area.headerstye-1 .header_menu .search-main a i {

    color: #fff
}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar-default {

    background: #fff
}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar-default .navbar-header .navbar-brand {

    padding: 0;

    margin: 0
}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar-default .navbar-header .navbar-brand img {

    display: none !important
}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar-default .navbar-header .navbar-brand img+img {

    display: block !important
}



.main_header_area.headerstye-1 .header_menu.fixed-top .search-main a i {

    color: #777
}



@media(max-width:1400px) and (min-width:1300px) {



    .main_header_area .header_menu .navbar.navbar-default .nav.navbar-nav li a,

    .main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li a {

        padding: 10px 10px;

        font-size: 14px;

        color: #fff;

    }

}



@media(max-width:991px) {

    .headerstye-1 .header-content {

        display: none
    }



    .headerstye-1 .navbar-header {

        display: block
    }



    .main_header_area .header-content,

    .search-main {

        display: none !important
    }

}



@media(max-width:735px) {

    .main_header_area .header-content {

        display: none !important
    }

    .header_menu .navbar.navbar-default .navbar-header .navbar-brand img {

        display: block;

        width: 100%;

    }

}

.blog {
    padding-top: 60px;
    padding-bottom: 60px;
}

.blog-next .prev {

    padding: 20px 40px;

}

.blog-next .prev p {
    line-height: 25px;
    font-size: 19px;
    margin-top: -4px;

}

.header_menu .navbar-flex {

    padding-top: 20px;

    padding-bottom: 10px;

}

.header_menu .navbar.navbar-default {

    border-radius: 0;

    margin-bottom: 0;

    position: absolute;

    background: 0 0;

    border: none;

    width: 100%;

    z-index: 9
}

.header_menu .navbar.navbar-default.navbar-sticky-in {

    background-color: #0000008f;

}

.header_menu .navbar.navbar-default.navbar-sticky-in .navbar-flex {

    padding-top: 5px;

    padding-bottom: 5px;

}

.header_menu .navbar.navbar-default .navbar-header {

    width: 48%;

}

.header_menu .navbar.navbar-default .navbar-header .navbar-brand {

    padding: 0;

    margin: 0
}



.header_menu .navbar.navbar-default .navbar-header .navbar-brand img {

    display: block;

    width: 50%;

}



.header_menu .navbar.navbar-default .navbar-header .navbar-brand img+img {

    display: none
}



.header_menu .navbar.navbar-default .navbar-collapse {

    text-align: right;

    padding: 0
}



.header_menu .navbar.navbar-default .nav.navbar-nav {

    float: none;

    text-align: right;

    display: inline-block;

    background: 0 0
}



.header_menu .navbar.navbar-default .nav.navbar-nav li {

    float: none;

    display: inline-block;

    margin-right: 0;

    background: 0 0
}



.header_menu .navbar.navbar-default .nav.navbar-nav li:last-child {

    margin: 0
}



.header_menu .navbar.navbar-default .nav.navbar-nav li a {

    background: 0 0;

    font-size: 17px;

    font-weight: 400;

    /* text-transform: uppercase; */

    padding: 0;

    line-height: inherit;

    transition: all 150ms linear;

    border: none;

    padding: 0 8px
}



.header_menu .navbar.navbar-default .nav.navbar-nav li a i {

    font-size: 12px
}



.header_menu .navbar.navbar-default .nav.navbar-nav li a i.fa-angle-right {

    position: absolute;

    right: 15px;

    top: 20px
}



.header_menu .navbar.navbar-default .nav.navbar-nav li a:after {

    display: none
}



.header_menu .navbar.navbar-default .nav.navbar-nav li:hover a,

.header_menu .navbar.navbar-default .nav.navbar-nav li.active a {

    color: #3ee2fb;

    /* font-weight: 700; */

    background: 0 0
}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu {

    position: relative
}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {

    border: none;

    padding: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none
}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu:before {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10px 10px 0;

    border-color: #eee transparent transparent transparent;

    position: absolute;

    right: 24px;

    top: 45px;

    z-index: 3;

    opacity: 0;

    -webkit-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    transition: all 400ms linear
}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li {

    display: block;

    float: none;

    margin-right: 0;

    border-bottom: 1px dashed #f1f1f1
}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a {

    line-height: 3;

    color: #777;

    font-size: 15px;

    padding: 3px 20px;

    font-weight: 400;

    letter-spacing: .3px;

    -webkit-transition: all 150ms linear;

    -o-transition: all 150ms linear;

    transition: all 150ms linear;

    display: block;

    text-transform: capitalize
}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:hover {

    background: #0c9db3;

    color: #fff
}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:last-child {

    border-bottom: none
}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li ul {

    overflow: visible
}



.header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child {

    margin-right: 0
}



.header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li:hover>a,

.header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li.active>a {

    color: #0c9db3
}



.main_header_area .header_mlogo .navbar.navbar-default .navbar-header {

    display: none;

    transition: all ease-in-out .5s
}



.main_header_area .header_mlogo .navbar.navbar-default.navbar-sticky-in .navbar-header {

    display: block;

    transition: all ease-in-out .5s
}



.main_header_area .header_mlogo .navbar.navbar-default.navbar-sticky-in .navbar-middle {

    display: none;

    transition: all ease-in-out .5s
}



.main_header_area .header_menu.header_mlogo1.fixed-top {

    position: relative;

    animation: none;

    top: 0
}



@media(max-width:991px) {

    .main_header_area .header_mlogo .navbar.navbar-default .navbar-header {

        display: block
    }



    .navbar-middle {

        display: none
    }



    .header-start {

        padding-top: 0 !important
    }

}



#search1 {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    z-index: 9999;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);

    -moz-transform: translate(0px, -100%) scale(0, 0);

    -o-transform: translate(0px, -100%) scale(0, 0);

    -ms-transform: translate(0px, -100%) scale(0, 0);

    transform: translate(0px, -100%) scale(0, 0);

    opacity: 0
}



#search1 input[type=search] {

    position: absolute;

    top: 40%;

    width: 50%;

    color: #777;

    background: 0 0;

    font-size: 48px;

    font-weight: 400;

    text-align: center;

    border-width: 0 0 1px;

    margin: 0 auto;

    padding: 20px 30px;

    outline: none;

    margin-bottom: 30px;

    height: 82px;

    left: 0;

    right: 0;

    border-radius: 0;

    border-bottom: 1px solid #f1f1f1
}



#search1 .btn {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    background: #0c9db3;

    padding: 15px 30px;

    border: none;

    border-radius: 10px;

    font-size: 18px;

    width: 10%
}



#search1 .close {

    position: fixed;

    top: 15px;

    right: 15px;

    color: #fff;

    background-color: #0c9db3;

    border-color: #0c9db3;

    opacity: 1;

    padding: 4px 16px;

    border-radius: 10px;

    font-size: 27px
}



#search1.open {

    -webkit-transform: translate(0px, 0px) scale(1, 1);

    -moz-transform: translate(0px, 0px) scale(1, 1);

    -o-transform: translate(0px, 0px) scale(1, 1);

    -ms-transform: translate(0px, 0px) scale(1, 1);

    transform: translate(0px, 0px) scale(1, 1);

    opacity: 1
}



.header_sidemenu .header_sidemenu_in .overlay {

    width: 100%;

    height: 100%;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 999;

    transition: opacity .25s ease, visibility 0s ease .25s
}



.header_sidemenu .header_sidemenu_in .overlay.show {

    opacity: .8;

    visibility: visible;

    background: #000;

    transition: opacity .25s ease, visibility 0s ease
}



.header_sidemenu .header_sidemenu_in .overlay.hide {

    opacity: 0;

    visibility: hidden;

    background-color: rgba(0, 0, 0, .7);

    transition: opacity .25s ease, visibility 0s ease .25s
}



.header_sidemenu .header_sidemenu_in .menu {

    width: 380px;

    height: 100%;

    position: fixed;

    right: -500px;

    top: 0;

    z-index: 9999;

    background-color: #fff;

    box-shadow: 0 0 15px #cccccc37;

    -webkit-transition: all ease .5s;

    -moz-transition: all ease .5s;

    -ms-transition: all ease .5s;

    -o-transition: all ease .5s;

    transition: all ease .5s;

    box-shadow: 0 0 15px #cccccc37
}



.header_sidemenu .header_sidemenu_in .menu .close-menu {

    float: right;

    font-size: 21px;

    cursor: pointer;

    position: absolute;

    z-index: 1;

    top: 10px;

    right: 10px
}



.header_sidemenu .menu-ham {

    cursor: pointer
}



.menu-ham {

    cursor: pointer
}



.menu-ham a i {

    transition: all ease-in-out .5s
}



.menu-ham a i:hover {

    background: #0c9db3 !important;

    color: #fff !important;

    transition: all ease-in-out .5s
}



@media(min-width:992px) {

    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {

        position: absolute;

        top: 40px;

        left: 0;

        min-width: 250px;

        background: #fff;

        box-shadow: 0 0 15px #cccccc57;

        text-align: left;

        opacity: 0;

        transition: all ease-in-out .5s;

        visibility: hidden;

        display: block;

        border: none;

        padding: 0;

        border-radius: 0
    }



    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        -webkit-transform: scaleY(0);

        -ms-transform: scaleY(0);

        transform: scaleY(0);

        -webkit-transform-origin: 0 50%;

        -ms-transform-origin: 0 50%;

        transform-origin: 0 50%;

        position: absolute;

        left: 100%;

        right: auto;

        width: auto;

        top: 0
    }



    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li a {

        line-height: 3;

        color: #777;

        font-size: 15px;

        padding: 3px 20px;

        letter-spacing: .3px;

        transition: all 150ms linear;

        display: block
    }



    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li:hover a {

        color: #fff
    }



    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu:hover .dropdown-menu {

        transform: scale(1, 1)
    }



    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul {

        left: 0;

        visibility: visible;

        opacity: 1
    }

}



header {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 22
}



.logo a {

    font-size: 28px;

    color: #fff
}



.logo a [class^=flaticon-]:before {

    font-size: 28px;

    color: #fff
}



nav.navbar.navbar-default .logo-white {

    display: block
}



nav.navbar.navbar-default .logo-black {

    display: none
}



nav.navbar.navbar-default.navbar-sticky-in .logo-white {

    display: none
}



nav.navbar.navbar-default.navbar-sticky-in .logo-black {

    display: block
}



.nav-btn {

    display: inline-block
}



.navbar-sticky-in .nir-btn:hover {

    color: #0c9db3
}



.search-wrapper {

    position: relative;

    min-width: 250px;

    display: inline-block
}



.search-wrapper .search_module {

    position: relative
}



.search-wrapper .search_module .icon-left {

    position: absolute;

    left: 10px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 16px;

    transition: all ease-in-out .5s;

    z-index: 10;

    color: #fff
}



.search-wrapper .search_module .search_area form .input-group {

    margin: 0
}



.search-wrapper .search_module .search_area form .input-group .form-control {

    background: 0 0;

    padding-left: 40px;

    border: 1px solid #ffffff23;

    transition: all ease-in-out .5s;

    font-weight: 400;

    width: 100%;

    color: #fff
}



.search-wrapper .search_module .search_area form .input-group .form-control::placeholder {

    transition: all ease-in-out .5s;

    color: #fdfdfd
}



.search-wrapper .search_module .search_area form .input-group .form-control:focus {

    outline: 0;

    box-shadow: none
}



.search-wrapper .search_module.active+.search-categories {

    visibility: visible;

    opacity: 1
}



.search-wrapper .search_module.active .search_area form .input-group .form-control {

    border: none;

    padding-left: 2.66667rem;

    border: 1px solid #ffffff23;

    font-weight: 400
}



.search-wrapper .search_module.active .search_area form .input-group .form-control:focus {

    border: none
}



.main_header_area.headerstye-1 .header_menu.fixed-top {

    background: #fff;

    box-shadow: 0 0 15px #cccccc57
}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar.navbar-default .navbar-header .navbar-brand img+img {

    display: block
}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li>a {

    color: #777
}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li.active>a {

    color: #0c9db3
}



.main_header_area.headerstye-1 .header_menu.fixed-top .search-wrapper .search_module .search_area form .input-group .form-control {

    border-color: #f1f1f1;

    color: #777
}



.main_header_area.headerstye-1 .header_menu.fixed-top .search-wrapper .search_module .search_area form .input-group .form-control::placeholder {

    color: #777
}



.main_header_area.headerstye-1 .header_menu.fixed-top .search-wrapper .search_module .icon-left {

    color: #777
}



.fade.in {

    opacity: 1
}



.modal__overlay {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .5);

    display: flex;

    justify-content: center;

    align-items: center
}



.modal-backdrop {

    background: 0 0
}



.modal__container {

    overflow-x: hidden;

    overflow-y: auto
}



.modal__container .modal__content {

    background-color: #fff;

    width: 450px;

    border-radius: 0;

    position: relative;

    overflow: hidden
}



.modal__container .modal__content .login-content {

    background: #fff;

    text-align: center;

    position: relative;

    box-shadow: 0 0 15px #cccccc37
}



.modal__container .modal__content .login-content .section-border {

    padding: 20px 30px;

    border-top: 1px dashed #f1f1f1
}



.modal__container .modal__content .login-content .form-checkbox {

    text-align: left
}



.modal__container .modal__content .login-content a.btn-facebook,

.modal__container .modal__content .login-content a.btn-twitter,

.modal__container .modal__content .login-content a.btn-google {

    padding: 8px 20px;

    color: #fff;

    background: #ccc;

    border-radius: 0;

    display: inline-block;

    border: 1px solid #395899
}



.modal__container .modal__content .login-content a.btn-facebook {

    background: #395899
}



.modal__container .modal__content .login-content a.btn-twitter {

    background: #04a9e1;

    border-color: #04a9e1
}



.modal__container .modal__content .login-content a.btn-google {

    background: #db3236
}



.modal__container .modal__content .login-content .sign-up {

    padding: 20px 0;

    border-top: 1px dashed #f1f1f1
}



.modal__container .modal__content button.close {

    background: #0c9db3;

    color: #fff;

    position: absolute;

    top: 0;

    right: 0;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    opacity: 1;

    text-align: center;

    line-height: .5;

    font-size: 20px;

    padding: 0;

    z-index: 9;

    transition: all ease-in-out .5s
}



.modal__container .modal__content button.close:focus {

    border: none;

    outline: none
}



.modal-open {

    padding: 0 !important
}



.modal-open .modal {

    background: #000000ad;

    overflow: hidden;

    padding-right: 0 !important
}



.modal-open .modal .modal-dialog {

    max-width: 920px;

    top: 5%
}



.modal-open .modal .modal-dialog .modal-content {

    border: none;

    position: relative;

    border-radius: 0
}



.modal-open .modal .modal-dialog .modal-content .modal-body {

    padding: 20px
}



.modal-open .modal .modal-dialog .modal-content .login-content {

    box-shadow: 0 0 15px #cccccc37
}



@media(max-width:991px) {

    .modal-open .modal .modal-dialog {

        max-width: 80%;

        margin: 0 auto
    }



    .modal-open .modal .modal-dialog .blog-full .blog-image>a {

        height: 280px
    }

}



.log-reg .nav-pills {

    margin-bottom: 20px
}



.log-reg .nav-pills .nav-link {

    padding: 14px 18px
}



.log-reg .nav-pills .nav-link.active,

.log-reg .nav-pills .show>.nav-link {

    background: #0c9db3;

    border-radius: 10px
}



.log-reg .btn-fb,

.log-reg .btn-google {

    padding: 14px 18px;

    text-align: center;

    background: #506dab;

    color: #fff;

    border-radius: 10px;

    font-size: 14px
}



.log-reg .btn-google {

    background: #dd4b39
}



.log-reg hr.log-reg-hr {

    opacity: 1;

    background-color: #ccc
}



.log-reg hr.log-reg-hr::before {

    background-color: #fff;

    bottom: 0;

    color: #0c9db3;

    content: "Or";

    font-size: 16px;

    position: absolute;

    left: 0;

    margin: 0 auto;

    right: 0;

    text-align: center;

    top: -12px;

    width: 10%
}



@media(max-width:1100px) {

    .search-wrapper {

        width: 200px
    }

}



@media(max-width:1100px) {



    .slicknav_btn.slicknav_open:before,

    .slicknav_btn.slicknav_collapsed:before,

    .headerstye-1 .navbar-sticky-in .slicknav_btn.slicknav_open:before,

    .headerstye-1 .navbar-sticky-in .slicknav_btn.slicknav_collapsed:before {

        color: #fff !important
    }



    .headerstye-1 .slicknav_btn.slicknav_open:before,

    .headerstye-1 .slicknav_btn.slicknav_collapsed:before {

        color: #fff !important
    }



    .dropdown-toggle::after,

    .search-wrapper,

    .header_menu .navbar.navbar-default a.cart-icon,

    .register-login {

        display: none !important
    }

}



.banner {

    padding: 0;

    background-size: cover;

    background-position: center;

    background-repeat: repeat-x
}

.banner .banner-content {

    margin-top: 6rem;

    text-align: center;
    position: relative;

}
.banner .banner-content .eurpo-logo{
    position: absolute;
       right: -80px;
    top: -66px;
}
.braned-tour{
    background: #087383 !important;
    position: relative;
    z-index: 1;
    font-size: 16px;
    text-align: center;
    padding: 10px 29px;
    text-transform: capitalize;
    transition: all ease-in-out .5s;
    background: transparent;
    color: #fff;
    display: inline-block;
    border-radius: 70px; 
    overflow: hidden;
    display: inline-block;
    cursor: auto;
   
}
.braned-tour:hover{
    color: #fff !important;
}
.eurpo-logo a:not([href]):not([tabindex]):focus, 
.eurpo-logo a:not([href]):not([tabindex]):hover {
    color: #fff !important;
}
.eurpo-logo img{
    width: 130px;
}
.banner .banner-content .eurpo-logo p{
    padding-top: 5px;
    margin-bottom: 0;
}

.banner .slider {

    height: 680px;

    position: relative
}

.banner-content h3{
    font-size: 42px;
    margin: 0;
}
.banner-content p{
    font-size: 19px;
    margin-bottom: 30px;
}

.banner .slider .swiper-container {

    width: 100%;

    height: 100%
}



.banner .slider .swiper-container .swiper-slide {

    overflow: hidden
}



.banner .slider .swiper-container .swiper-slide .slide-inner {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-size: cover;

    background-position: center
}



.banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-size: cover;

    background-position: center
}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {

    top: 45.6%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    width: 40%;

    position: absolute;

    z-index: 9
}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .nir-btn-black:hover {

    background-color: #fff
}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content>h1 {

    letter-spacing: 1px;

    font-weight: 700
}



.banner .slider .swiper-container-horizontal>.swiper-pagination-bullets {

    bottom: 40px
}



.banner .slider .swiper-pagination-custom .swiper-pagination-fraction {

    bottom: 40px
}



.banner .slider .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background: #fff;

    opacity: 1
}

.fw-600 {

    font-weight: 600;

}

.banner .slider .swiper-pagination-bullet-active {

    background: #0c9db3
}

.test-up {

    background-color: #fff;

    margin-top: -85px;

}

.banner .slider .swiper-container-vertical>.swiper-pagination-bullets {

    right: 50px
}



.banner .slider1 .swiper-container .swiper-slide .slide-inner .swiper-content {

    width: 40%;

    position: absolute;

    z-index: 999;

    right: auto;

    left: 7%;

    text-align: left
}



.banner .slider2 {

    padding: 0;

    height: 570px !important
}



.banner .slider2 .swiper-container .swiper-slide .slide-inner .slide-image {

    width: 100%
}



.banner .slider2 .swiper-container .swiper-slide .slide-inner .swiper-content {

    top: auto;

    transform: none;

    bottom: 0;

    left: 0;

    width: 100%;

    position: absolute;

    z-index: 999;

    right: 0;

    margin: 0 auto;

    padding: 40px;

    background: 0 0;

    box-shadow: none
}



.banner .slider2 .swiper-container .swiper-slide .slide-inner .swiper-content>h1.s-title1 {

    font-size: 28px
}



.banner .slider2 .swiper-container .swiper-slide .slide-inner .color-overlay {

    height: 100%
}



.banner .video-slider {

    height: auto
}



.banner .video-slider .swiper-content {

    top: 56%;

    transform: translateY(-50%);

    left: 0;

    width: 60%;

    right: 0;

    text-align: center;

    margin: 0 auto;

    position: absolute;

    z-index: 3
}



.banner .video-slider .swiper-content>h1 {

    font-size: 58px;

    letter-spacing: 1px;

    margin-bottom: 0
}



.banner .video-slider .video-banner video {

    width: 100%;

    display: block
}



.banner .banner-main {

    height: 630px;

    position: relative
}



.banner .banner-main .banner-image {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: top
}



.banner .banner-main .banner-content {

    top: 45%;

    right: 0;

    left: 0;

    width: 55%;

    position: absolute;

    z-index: 9;

    text-align: center;

    margin: 0 auto;

    transform: translateY(-50%);



}

.banner .banner-main .banner-content {

    margin-top: 5rem;

}

.banner .banner-main .banner-content>h1 {

    font-size: 58px;

    letter-spacing: 1px;

    font-weight: 700
}



.banner .banner-main .banner-content p {

    font-size: 21px
}



.banner .banner-slide {

    height: 500px
}



.banner .banner-in .banner-image {

    width: 100%;

    height: 100%;

    background-size: contain;

    background-position: center;

    animation: movebounce 5s infinite
}



.banner .swiper-button-next {

    right: 30px
}



.banner .swiper-button-prev {

    left: 30px
}



.banner .swiper-button-next:after,

.banner .swiper-button-prev:after {

    background: #0c9db3;

    font-size: 21px;

    padding: 10px 20px;

    color: #fff;

    transition: all ease-in-out .5s;

    height: 50px;

    width: 50px;

    border-radius: 50%
}



.banner .swiper-button-next:hover:after,

.banner .swiper-button-prev:hover:after {

    background: #fdc703;

    color: #fff;

    transition: all ease-in-out .5s
}



.banner .slider-before:before {

    background: #f1f1f1;

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50%;

    height: 100%;

    z-index: 1
}



.banner .slick-content-inner {

    position: absolute;

    top: 45%;

    width: 60%;

    left: 0;

    right: 0;

    text-align: center;

    margin: 0 auto;

    z-index: 1
}



.banner .slider-thumbs {

    position: absolute !important;

    bottom: 0;

    width: 100%;

    left: 0;

    right: 0;

    background: #fdfdfd;

    margin: 0 auto !important;

    overflow: hidden
}



.banner .slider-thumbs .slick-prev,

.banner .slider-thumbs .slick-next {

    background: #0c9db3
}



.banner .slider-thumbs .slick-prev {

    left: 10px
}



.banner .slider-thumbs .slick-next {

    right: 10px
}



.banner .slider-thumbs .slick-slide {

    opacity: .7
}



.banner .slider-thumbs .slick-slide.slick-current.slick-active.slick-center {

    opacity: 1
}



@media(max-width:1370px) and (min-width:1368px) {

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {

        width: 60%
    }



    .banner .slider1 .swiper-container .swiper-slide .slide-inner .swiper-content {

        width: 40%
    }

}



@media(max-width:1100px) {



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 {

        width: 75% !important
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content h1,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 h1,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 h1 {

        font-size: 48px
    }



    .banner .video-slider .swiper-content {

        width: 85% !important
    }



    .banner .video-slider .swiper-content h1 {

        font-size: 50px
    }



    .banner .banner-main .banner-content {

        width: 90%
    }



    .banner .slider.slider3 .swiper-container .swiper-slide .slide-inner .swiper-content1>h1 {

        font-size: 36px
    }

}



@media(max-width:991px) {

    .banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {

        width: 100%;

        left: 0
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {

        top: 60%;

        left: 0;

        right: 0;

        margin: 0 auto
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content h1 {

        font-size: 40px
    }



    .banner .slider .swiper-container .slider-before .swiper-content {

        top: 50% !important
    }



    .banner .slider .swiper-container .slider-before:before {

        background: #fdc703;

        width: 100%;

        opacity: .7
    }



    .banner .slider .swiper-container .slider-before span a,

    .banner .slider .swiper-container .slider-before h1 a,

    .banner .slider .swiper-container .slider-before p {

        color: #fff
    }



    .banner .banner-main {

        height: auto
    }



    .banner .banner-main .banner-content {

        top: 50%;

        transform: translateY(-50%)
    }



    .banner .banner-in .banner-content {

        width: 100% !important
    }



    .banner .banner-in .banner-content {

        width: 100% !important
    }



    .banner .banner-in .banner-content .input-box {

        border: none !important
    }

    .nir-btn-mar {

        margin: 0px;

    }

    /* .banner .banner-in .banner-content .nir-btn {

        margin: 16px 1.2rem 0rem;

    width: 50% !important;

    padding: 10px 16px;

    font-size: 16px;



    } */



    .slider-thumbs {

        position: relative !important;

        bottom: 0;

        width: 100%;

        left: 0;

        right: 0;

        padding: 0;

        background: 0 0
    }



    .slick-content-inner {

        width: 90%;

        top: 50%;

        transform: translateY(-50%)
    }



    .search-banner-in .col-lg-6 {

        padding: 0 15px !important
    }

}



@media(max-width:767px) {

    .test-up {

        background-color: #fff;

        margin-top: 0px;

    }

    .banner .slider .swiper-container .swiper-slide .slide-inner::before {

        display: none
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content {

        width: 90% !important;

        left: 0;

        right: 0;

        top: 60%;

        text-align: center;

        margin: 0 auto
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content span {

        padding-left: 0
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content span:before {

        display: none
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .overlay {

        width: 100%
    }



    .banner .slider .swiper-button-prev,

    .banner .slider .swiper-button-next {

        display: none
    }



    .banner .swiper-button-prev,

    .banner .swiper-button-next {

        display: none
    }



    .banner .top50 .swiper-container .swiper-slide .slide-inner .swiper-content {

        top: 50%
    }



    .banner .swiper-button-prev,

    .banner .swiper-button-next {

        display: none
    }

    .header_menu .navbar.navbar-default .navbar-header .navbar-brand img {

        display: block;

        width: 100%;

    }

    .banner .banner-content {

        margin-top: 1rem;

        text-align: initial;



    }

}



@media(max-width:639px) {

    .banner .container {

        padding: 0;
    }



    .banner .slider {

        overflow: visible;

        padding: 0 !important
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {

        width: 100%;

        position: relative;

        top: inherit;

        left: inherit;

        right: inherit;

        transform: none
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content>h1 {

        font-size: 32px
    }



    .banner .slider .swiper-container-vertical>.swiper-pagination-bullets {

        display: none
    }



    .banner .video-slider .swiper-content {

        display: none
    }



    .banner .banner-main .banner-content>h1 {

        font-size: 28px
    }



    .search-banner-list .search-banner-item {

        display: block !important;

        text-align: center
    }



    .search-banner-list .search-banner-item .search-banner-item-ctn {

        width: 100% !important;

        margin: 15px 0 0 !important
    }

}



@media(max-width:400px) {



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-meta,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-date,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-category {

        display: block !important;

        margin-bottom: 15px
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-author {

        margin-bottom: 15px
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .entry-author .entry-date {

        margin-bottom: 0
    }



    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content>h1 {

        font-size: 24px
    }



    .banner .slider .swiper-container-vertical>.swiper-pagination-bullets {

        display: none
    }



    .banner .video-slider .swiper-content {

        display: none
    }



    .banner .banner-main .banner-content>h1 {

        font-size: 24px
    }



    .slider-thumbs,

    .slick-content-inner {

        display: none !important
    }

}



#particles-js {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0
}



.form-main {

    position: relative;

    display: block;

    z-index: 2
}



.form-main .form-content {

    box-shadow: 0 0 30px #cccccc57;

    margin: -76px auto 0;

    background: #fff;

    border-radius: 0;

    z-index: 2
}



.form-main .form-content .input-box {

    position: relative;

    width: 100%
}



.form-main .form-content .input-box i {

    position: absolute;

    left: 12px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1
}



.form-main .form-content .input-box [class^=fa-]:before {

    color: #ef2853;

    font-weight: 600
}



.form-main .form-content .form-navtab {

    position: absolute;

    top: -57px;

    left: 0;

    right: 0;

    margin: 0 auto
}



.form-main .form-content .form-navtab .nav-tabs {

    border: none;

    padding: 0;

    display: inline-block
}



.form-main .form-content .form-navtab .nav-tabs li button {

    border-radius: 0;

    background: #fff;

    border: none;

    padding: 15px 30px;

    transition: all .5s;

    border-radius: 0
}



.form-main .form-content .form-navtab .nav-tabs li i {

    color: #444;

    margin-right: 5px;

    transition: all .5s
}



.form-main .form-content .form-navtab .nav-tabs li:hover button {

    background: #088dd1;

    color: #fff;

    border: none;

    transition: all .5s
}



.form-main .form-content .form-navtab .nav-tabs li:hover button i {

    color: #fff;

    transition: all .5s
}



.form-main .form-content .form-navtab .nav-tabs li button.active {

    background: #088dd1;

    color: #fff;

    border: none;

    transition: all .5s
}



.form-main .form-content .form-navtab .nav-tabs li button.active i {

    color: #fff;

    transition: all .5s
}



.form-main .form-content .tab-content {

    box-shadow: 0 0 30px #cccccc57;

    padding: 30px;

    background: #fff
}



.form-main .form-content.form-content1 {

    top: -20px
}



.form-main .form-content.form-content2 {

    padding: 0;

    box-shadow: none;

    top: 0
}



.form-main .form-content.form-content2 .input-box {

    position: relative;

    display: inline-block;

    width: 100%
}



.form-main .form-content.form-content2 .input-box input,

.form-main .form-content.form-content2 .input-box .nice-select {

    border-width: 0 0 1px
}



.form-main .form-content.form-content2 .input-box i {

    color: #088dd1;

    font-weight: 600;

    left: 0
}



.form-main .form-content.form-content3 {

    padding: 0;

    box-shadow: none;

    top: 0;

    background: 0 0
}



.form-main .form-content.form-content3 .input-box {

    position: relative;

    display: inline-block;

    width: 100%
}



.form-main .form-content.form-content3 .input-box input,

.form-main .form-content.form-content3 .input-box .nice-select {

    border-width: 0 0 1px;

    background: 0 0;

    color: #fff
}



.form-main .form-content.form-content3 .input-box input::placeholder,

.form-main .form-content.form-content3 .input-box .nice-select::placeholder {

    color: #fff !important
}



.form-main .form-content.form-content3 .input-box i {

    color: #088dd1;

    font-weight: 600;

    left: 0
}



.form-main1 {

    position: absolute;

    bottom: 30px;

    left: 0;

    right: 0
}



.book-form1 .nice-select,

.book-form1 input {

    border-width: 0 0 1px;

    border-radius: 0;

    padding: 12px 0
}



@media(max-width:1100px) {

    .form-main .form-content {

        width: 88% !important
    }



    .form-main .form-content.form-content1 {

        top: 0
    }

}



@media(max-width:991px) {

    .form-main .form-content {

        margin: 5rem auto .25rem !important;

        left: 0;

        position: relative;

        top: 0
    }



    .form-main .form-content .form-group {

        padding-right: 0 !important;

        margin-bottom: 1rem !important
    }



    .form-main .form-title1 {

        border-radius: 10px 10px 0 0 !important;

        margin-bottom: 2rem !important
    }



    .form-main1 {

        position: relative;

        bottom: 0;

        left: 0;

        right: 0
    }

}



@media(max-width:767px) {

    .form-main .form-content .form-navtab .nav-tabs li a {

        padding: 20px 15px
    }

}



@media(max-width:735px) {

    .form-main .form-content {

        width: 98% !important
    }



    .form-main .form-content .tab-content {

        border-top: 2px dashed #f1f1f1
    }

}



@media(max-width:479px) {

    .form-main .form-content .form-navtab {

        position: relative;

        top: 0
    }



    .form-main .form-content .form-navtab .nav-tabs {

        display: block
    }



    .form-main .form-content .form-navtab .nav-tabs li {

        width: 100%
    }



    .form-main .form-content .form-navtab .nav-tabs li button {

        width: 100%
    }



    .form-main .form-content .form-navtab .nav-tabs li a {

        display: block
    }



    .form-main .form-content .form-navtab .nav-tabs li:nth-child(odd) a {

        background: #f1f1f1
    }

}



.category-item {

    position: relative
}



.category-item i {

    font-size: 36px
}



.category-item img {

    width: auto !important
}



.category-item::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 3px;

    transition: all ease-in-out .5s;

    background: #0c9db3 !important;

    cursor: pointer
}



.category-item .trending-topic-content {

    position: relative;

    z-index: 1
}



.category-item:hover::before {

    width: 100%;

    transition: all ease-in-out .5s
}



.trending-topic-counter::before {

    content: '';

    background: #f1f1f1;

    position: absolute;

    height: 50%;

    width: 100%;

    left: 0;

    top: 0
}



.trending-topic-counter .trending-topic-counter-inner {

    width: 65%;

    margin: 0 auto;

    padding: 40px 40px 100px
}



.trending-topic-counter .trending-topic-counter-inner .section-title::before {

    display: none
}



.trending-topic-counter .trending-topic-counter-inner .section-title h2 {

    font-weight: 700
}



.trending-topic-counter .trending-topic-counter-inner .counter-item {

    padding: 20px !important;

    border: 1px solid #f1f1f1a6
}



.why-us .why-us-item {

    transition: all ease-in-out .5s;

    overflow: hidden;

    position: relative;

    transform: translateY(0px)
}



.why-us .why-us-item::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0;

    transition: all ease-in-out .5s;

    background: #0c9db3 !important;

    cursor: pointer
}



.why-us .why-us-item .why-us-content {

    z-index: 1;

    position: relative
}



.why-us .why-us-item:hover::before {

    height: 100%;

    transition: all ease-in-out .5s
}



.why-us .why-us-item .why-us-icon [class^=flaticon-]::before,

.why-us .why-us-item .why-us-icon i {

    font-size: 58px
}



.why-us .why-us-item:hover i,

.why-us .why-us-item:hover a,

.why-us .why-us-item:hover p {

    color: #fff !important;

    transition: all ease-in-out .5s
}



@media(max-width:1100px) {

    .trending-topic-counter .trending-topic-counter-inner {

        width: 86%;

        padding: 40px 40px 80px
    }

}



@media(max-width:991px) {

    .trending-topic-counter {

        padding-bottom: 0
    }



    .trending-topic-counter .trending-topic-counter-inner {

        padding: 40px;

        margin: 0 auto !important
    }



    .trending-topic-counter .trending-topic-counter-inner .car-image {

        width: 100%;

        position: relative;

        bottom: inherit
    }



    .category-main-inner h3 {

        margin-bottom: 0 !important
    }

}



@media(max-width:767px) {

    .trending-topic .trending-topic-item {

        text-align: center
    }



    .trending-topic .trending-topic-item:before {

        display: none
    }

}

/* 

.trending {

    padding: 50px 0px;

} */



.trending h2 {

    font-size: 40px;
    font-weight: 700;

}



.trending .trend-item,

.trending .trend-item1,

.trending .trend-item2 {

    position: relative;

    transition: all ease-in-out .5s;

    overflow: hidden
    
     
}



.trending .trend-item::before,

.trending .trend-item1::before,

.trending .trend-item2::before {

    content: '';

    position: absolute;

    left: 0;

    width: 0;

    bottom: 0;

    background: #0c9db3;

    height: 4px;

    transition: all ease-in-out .5s;

    z-index: 1
}



.trending .trend-item .trend-meta,

.trending .trend-item1 .trend-meta,

.trending .trend-item2 .trend-meta {

    position: absolute;

    top: -28px;

    right: 20px
}



.trending .trend-item .trend-image,

.trending .trend-item1 .trend-image,

.trending .trend-item2 .trend-image {

    position: relative
}



.trending .trend-item .trend-image img,

.trending .trend-item1 .trend-image img,

.trending .trend-item2 .trend-image img {

    transition: all ease-in-out .5s;

    width: 100%;
    border-radius: 10px;
}

.trending .trend-item1 .trend-image img::before{

}
 



.trending .trend-item .trend-image .trend-content,

.trending .trend-item1 .trend-image .trend-content,

.trending .trend-item2 .trend-image .trend-content {

    z-index: 1
}

.trending .trend-item1 .trend-image .trend-content p {

    font-size: 15px;



}

.trending .trend-item .trend-image,

.trending .trend-item .trend-image1,

.trending .trend-item1 .trend-image,

.trending .trend-item1 .trend-image1,

.trending .trend-item2 .trend-image,

.trending .trend-item2 .trend-image1 {

    transition: all ease-in-out .5s;

    overflow: hidden
}



.trending .trend-item .trend-content1,

.trending .trend-item1 .trend-content1,

.trending .trend-item2 .trend-content1 {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 1
}



.trending .trend-item:hover,

.trending .trend-item1:hover,

.trending .trend-item2:hover {

    transition: all ease-in-out .5s
}



.trending .trend-item:hover::before,

.trending .trend-item1:hover::before,

.trending .trend-item2:hover::before {

    transition: all ease-in-out .5s;

    width: 100%
}



.trending .trend-item:hover .trend-image img,

.trending .trend-item1:hover .trend-image img,

.trending .trend-item2:hover .trend-image img {

    transform: scale(1.1);

    transition: all ease-in-out .5s
}



.trending .trend-item:hover .color-overlay,

.trending .trend-item1:hover .color-overlay,

.trending .trend-item2:hover .color-overlay {

    height: 100%;

    transition: all ease-in-out .5s
}



.trending .trend-item:hover .color-overlay,

.trending .trend-item1:hover .color-overlay,

.trending .trend-item2:hover .color-overlay {

    height: 100%;

    transition: all ease-in-out .5s
}



.trending .trend-item1::before {

    display: none
}



.trending .trend-item2 {

    position: relative;

    transition: all ease-in-out .5s;

    height: 100%;

    overflow: hidden
}



.trending .trend-item2>a {

    background-size: cover;

    height: 100%;

    width: 100%;

    background-position: center;

    display: inline-block;

    transition: all ease-in-out .5s
}



.trending .trend-item2::before {

    display: none
}



.trending .trend-image1 {

    position: relative;

    height: 100%;

    overflow: hidden;

    transition: all ease-in-out .5s
}



.trending .trend-image1>a {

    background-size: cover;

    height: 100%;

    width: 100%;

    background-position: center;

    display: inline-block;

    transition: all ease-in-out .5s
}



.section-shape {

    position: absolute;

    top: -96px;

    left: 0;

    width: 100%;

    height: 96px;

    background-size: contain;

    background-repeat: repeat-x;

    z-index: 1
}



.section-shape.section-shape1 {

    transform: rotate(180deg)
}



@media(max-width:991px) {

    .section-shape {

        background-size: cover
    }

}



@media(max-width:767px) {

    .trending .trend-item .trend-image1 {

        height: 340px;

        margin-bottom: 1rem
    }



    .trending .trend-item2 {

        height: 300px;

        border-radius: 10px;

        margin-bottom: 15px
    }



    .trend-packages .trend-full .col-lg-5 {

        padding: 0 !important
    }

}



@media(max-width:400px) {

    .trending .trend-item .trend-image .trend-meta {

        position: relative;

        display: block !important;

        text-align: center
    }



    .trending .trend-item .trend-image .trend-meta .entry-author {

        margin-bottom: 15px
    }

}



.entry-author img {

    width: 36px !important;

    height: 36px !important;

    display: inline-block !important
}



.sidebar-sticky {

    position: sticky;

    top: 0;

    transition: all ease-in-out .5s;

    padding-top: 0rem;

}



.sidebar-sticky .list-sidebar {

    border-radius: 0
}



.sidebar-sticky .list-sidebar .sidebar-item {

    padding: 0 0 30px;

    border-bottom: 2px dashed #f1f1f1;

    margin-bottom: 30px
}



.sidebar-sticky .list-sidebar .sidebar-item:last-child {

    border: none;

    margin: 0;

    padding: 0
}



.sidebar-sticky .list-sidebar .sidebar-item h3 {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 30px;

    border-bottom: 1px solid #f1f1f1
}



.sidebar-sticky .list-sidebar .sidebar-item h3::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 20%;

    height: 2px;

    background: #0c9db3
}



.sidebar-sticky .list-sidebar .sidebar-item h4 {

    border: none;

    padding: 0
}



.sidebar-sticky .list-sidebar .sidebar-item .pretty {

    display: block;

    margin-bottom: 20px;

    margin-right: 0
}



.sidebar-sticky .list-sidebar .sidebar-item .pretty .state label {

    text-indent: 1em;

    width: 100%;

    padding-left: 10px
}



.sidebar-sticky .list-sidebar .sidebar-item .pretty .state label span.number {

    float: right
}



.sidebar-sticky .list-sidebar .sidebar-item .pretty:last-child {

    margin: 0
}



.sidebar-sticky .list-sidebar .sidebar-item .pretty.p-icon .state .icon {

    color: #fff
}



.sidebar-sticky .list-sidebar .sidebar-item .pretty.p-icon input:checked~.state .icon {

    background: #0c9db3
}



.sidebar-sticky .list-sidebar .sidebar-item .range-slider {

    margin-bottom: 0
}



.sidebar-sticky .list-sidebar .sidebar-item .range-slider .ui-slider .ui-slider-range {

    background: #0c9db3
}



.sidebar-sticky .list-sidebar .sidebar-item .star-rating span {

    color: #ffbc00;

    display: inline
}



.sidebar-sticky .list-sidebar .sidebar-item .map-box {

    background: url(../images/map.jpg);

    background-size: cover;

    background-repeat: no-repeat
}



.sidebar-sticky .form-content {

    box-shadow: 0 0 30px #cccccc57;

    background: #0c9db3;

    padding: 30px
}



.sidebar-sticky .form-content h4::before {

    display: none !important
}



.sidebar-sticky .form-content .nice-select {

    padding: 13px 20px 10px 35px;

    font-weight: 400
}



.sidebar-sticky .form-content .input-box {

    position: relative;

    display: inline-block;

    width: 100%
}



.sidebar-sticky .form-content .input-box input {

    padding-left: 35px
}



.sidebar-sticky .form-content .input-box i {

    position: absolute;

    left: 12px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1
}



.sidebar-sticky .form-content .input-box [class^=fa-]:before {

    color: #ef2853;

    font-weight: 600
}



.sidebar-sticky.sticky1 {

    top: 120px
}



.sidebar-sticky.sticky1.tab-sticky {

    top: 30px;

    box-shadow: none
}



.tabs-navbar {

    border: 1px solid #f1f1f1
}



.tabs-navbar ul li {

    display: block;

    width: 100%
}



.tabs-navbar ul li a {

    padding: 15px;

    transition: all ease-in-out .5s;

    display: block;

    background: #ffffff00;

    width: 100%
}



.tabs-navbar ul li a:hover {

    color: #fff;

    background: #0c9db3;

    transition: all ease-in-out .5s
}



.tabs-navbar ul li.active a {

    color: #fff;

    background: #0c9db3;

    transition: all ease-in-out .5s
}



.tabs-navbar1 {

    border: 1px solid #f1f1f1
}



.tabs-navbar1 ul {

    display: inherit;

    text-align: center
}



.tabs-navbar1 ul li a {

    padding: 10px 15px;

    transition: all ease-in-out .5s;

    border-radius: 10px
}



.tabs-navbar1 ul li a:hover {

    color: #fff;

    background: #0c9db3;

    transition: all ease-in-out .5s
}



.tabs-navbar1 ul li.active a {

    color: #fff;

    background: #0c9db3;

    transition: all ease-in-out .5s
}



.navbar-sticky {

    z-index: 9;

    position: fixed !important;

    left: 0;

    top: 0;

    width: 100%;

    animation-name: slideInUp;

    transition: all ease-in-out .5s
}



.tabs-navbar1.navbar-sticky {

    top: 99px;

    transition: all ease-in-out .5s;

    border-top: 1px solid #f1f1f1 !important
}



.sticky1.tab-sticky {

    top: 0;

    transition: all ease-in-out .5s;

    animation-name: slideInUp;

    box-shadow: 0 0 15px #cccccc57;

    padding-top: 1.5rem
}



@media(max-width:991px) {

    .tabs-navbar1.navbar-sticky {

        top: 0;

        position: relative !important
    }



    .more-top .trend-image1 {

        height: 300px
    }



    .more-top .trend-content-main .trend-content {

        padding: 20px 0 0
    }

}



@media(max-width:567px) {

    .trending .trend-item {

        display: block !important
    }



    .trending .trend-item .trend-content-main,

    .trending .trend-item .trend-image {

        width: 100% !important
    }



    .trending .trend-item .trend-content {

        padding: 20px 0
    }



    .entry-meta {

        display: block !important
    }

}



.featured-video,

.recent-post {

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

    overflow: hidden;

    background-repeat: no-repeat
}



.featured-video .featured-item,

.featured-video .recent-item,

.recent-post .featured-item,

.recent-post .recent-item {

    position: relative;

    overflow: hidden
}



.featured-video .featured-item .featured-image,

.featured-video .featured-item .recent-image img,

.featured-video .recent-item .featured-image,

.featured-video .recent-item .recent-image img,

.recent-post .featured-item .featured-image,

.recent-post .featured-item .recent-image img,

.recent-post .recent-item .featured-image,

.recent-post .recent-item .recent-image img {

    transition: all ease-in-out .5s
}



.featured-video .featured-item .featured-content,

.featured-video .recent-item .featured-content,

.recent-post .featured-item .featured-content,

.recent-post .recent-item .featured-content {

    position: absolute;

    bottom: -60px;

    transition: all ease-in-out .5s
}



.featured-video .featured-item .recent-content,

.featured-video .recent-item .recent-content,

.recent-post .featured-item .recent-content,

.recent-post .recent-item .recent-content {

    position: absolute;

    bottom: 0;

    transition: all ease-in-out .5s;

    z-index: 1
}



.featured-video .featured-item:hover .featured-image,

.featured-video .recent-item:hover .featured-image,

.recent-post .featured-item:hover .featured-image,

.recent-post .recent-item:hover .featured-image {

    transition: all ease-in-out .5s;

    transform: scale(1.1)
}



.featured-video .featured-item:hover .featured-content,

.featured-video .recent-item:hover .featured-content,

.recent-post .featured-item:hover .featured-content,

.recent-post .recent-item:hover .featured-content {

    bottom: 0;

    transition: all ease-in-out .5s
}



.featured-video .featured-item:hover .recent-image>img,

.featured-video .recent-item:hover .recent-image>img,

.recent-post .featured-item:hover .recent-image>img,

.recent-post .recent-item:hover .recent-image>img {

    transition: all ease-in-out .5s;

    filter: grayscale(10);

    transform: scale(1.1)
}



.featured-video .featured-item:hover .color-overlay,

.featured-video .recent-item:hover .color-overlay,

.recent-post .featured-item:hover .color-overlay,

.recent-post .recent-item:hover .color-overlay {

    height: 100%;

    transition: all ease-in-out .5s
}



.featured-video .video-banner,

.recent-post .video-banner {

    height: 500px
}



.recent-post-main {

    position: relative;

    z-index: 1
}



@media(max-width:479px) {



    .featured-video .recent-item .featured-content,

    .featured-video .featured-item .featured-content,

    .recent-post .recent-item .featured-content,

    .recent-post .featured-item .featured-content {

        position: relative;

        bottom: 0;

        background: #232323
    }

}



.discount-action {

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    overflow: hidden;

    z-index: 2
}



.discount-action .call-banner,

.discount-action .call-banner1 {

    background-size: cover;

    background-attachment: fixed;

    position: relative;

    overflow: hidden;

    background-repeat: no-repeat
}



.discount-action .call-banner .call-banner-inner,

.discount-action .call-banner1 .call-banner-inner {

    position: relative;

    z-index: 1
}



.discount-action .call-banner1 {

    background-size: contain;

    background-attachment: inherit;

    background-position: right
}



ul.social-with-text li {

    text-align: center
}



ul.social-with-text li a i {

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 100%;

    background: #f1f1f1;

    display: inline-block;

    text-align: center;

    margin-right: 18px
}



@media(max-width:991px) {

    .discount-action .call-banner {

        background-size: cover
    }



    .discount-action .call-banner .trend-content {

        width: 100% !important;

        padding: 0 !important;

        margin-bottom: 2rem !important
    }



    .discount-action .call-banner .call-banner-inner {

        padding: 0 !important;

        width: 100% !important
    }



    .discount-action .call-banner .call-banner-inner .trend-content {

        padding: 0 !important;

        text-align: center
    }



    .discount-action .call-banner .call-banner-inner1 {

        padding: 30px !important
    }



    .discount-action .call-banner .call-banner-inner1 .trend-content-main {

        width: 100% !important
    }



    .discount-action .call-banner1 {

        background-size: cover !important
    }



    .discount-action .call-banner1 .call-banner-inner {

        margin: 0 !important;

        border-radius: 0 !important
    }

}



@media(max-width:767px) {

    .discount-action .call-banner .col-lg-6 {

        padding: 0 !important
    }



    .discount-action .call-banner .call-button {

        top: 55px;

        transform: none;

        z-index: 1
    }



    .discount-action .call-banner1 .call-banner-inner {

        padding: 30px !important;

        text-align: center
    }



    .discount-action .call-banner1 .video-button {

        margin: 60px 0 !important
    }

}



@media(max-width:567px) {

    .discount-action .call-banner .call-banner-inner {

        width: 100% !important;

        padding: 0 !important
    }



    .section-btns {

        display: block !important
    }



    .section-btns a {

        margin: 1rem 0 0 !important;

        width: 100%
    }

}



.call-to-action,

.call-to-action1 {

    background-repeat: no-repeat;

    background-position: top;

    background-size: cover;

    background-attachment: fixed;

    position: relative
}



.call-to-action h2.call-name,

.call-to-action1 h2.call-name {

    font-size: 54px
}



.call-to-action .video-button,

.call-to-action1 .video-button {

    position: relative
}



.call-to-action .video-button img,

.call-to-action1 .video-button img {

    border: 8px solid #ffffff2e
}



.call-button {

    position: relative
}



.call-button button.play-btn {

    position: relative;

    left: 0;

    right: 0;

    padding: 5px;

    background: #ffffff2e;

    border: none;

    border-radius: 50%
}



.call-button button.play-btn i {

    font-size: 28px;

    height: 70px;

    width: 70px;

    line-height: 2.5;

    text-align: center;

    color: #fff;

    background: #0c9db3;

    transition: all ease-in-out .5s;

    padding: 0 0 0 5px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -ms-border-radius: 50%;

    -moz-border-radius: 50%
}



.call-button button.play-btn::after,

.call-button button.play-btn::before {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    bottom: 0;

    left: 0;

    border-radius: 50%;

    border: 2px solid #fdc70380;

    opacity: .3
}



.call-button button.play-btn::before {

    -webkit-animation: ripple 2s linear infinite;

    animation: ripple 2s linear infinite
}



.call-button button.play-btn::after {

    -webkit-animation: ripple 2s linear 1s infinite;

    animation: ripple 2s linear 1s infinite
}



.call-to-action1::before,

.call-to-action1::after {

    display: none
}



.counter { 
    margin-top: -142px;
}
.counter11 { 
    margin-top: -80px;
}


 


.counter .counter-item h2 {

    font-size: 50px
}
.section-title2 {
    margin-top: 30px;
}


.counter .counter-item i {

    font-size: 40px
}



.counter .d-line {

    border-right: 1px dashed #f1f1f1;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%
}



.counter_one:before {

    position: absolute;

    top: 10px;

    left: 0;

    bottom: 0;

    background: #fff;

    content: "";

    z-index: -1;

    border-top: 10px solid #0c9db3;

    width: 91.3%
}



.counter_one .counter1 {

    position: relative;

    display: block;

    margin-top: -120px;

    z-index: 10
}



.counter_one .counter1 .counter-item {

    text-align: center;

    width: 100%
}



.counter_one .counter1 .counter-item h3 {

    font-size: 54px
}



.counter_one .counter1 .counter-item i {

    font-size: 21px
}



.counter_one .counter1 .d-line {

    border-right: 1px solid #ccc;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%
}



@media(max-width:991px) {

    .counter-main {

        width: 100% !important
    }



    .counter-main .counter {

        margin: 0 !important
    }



    .counter-main .counter-item {

        border: none !important;

        padding: 0 !important
    }

}



.packages .pg-title i.icon {

    border-radius: 50%;

    height: 80px;

    width: 80px;

    line-height: 2
}



.packages .pg-title h2 span {

    font-weight: 300;

    font-size: 15px;

    display: block
}



.packages .pg-main ul li {

    display: inline-block;

    width: 100%;

    line-height: 3;

    border-bottom: 1px dashed #f1f1f1
}



.top-restro .slider-content {

    background: #fff;

    padding: 20px;

    width: 94%;

    margin: 0 auto;

    margin-top: -2rem;

    position: relative;

    z-index: 1;

    box-shadow: 0 0 15px #cccccc57
}



.top-restro .slider-content .restro-content li {

    display: block;

    font-size: 15px;

    color: #999
}



.latest-tour .tour-item {

    position: relative;

    overflow: hidden;

    transition: all ease-in-out .5s
}



.latest-tour .tour-item:before {

    position: absolute;

    top: 0;

    left: 0;

    background: #2e3d629e;

    z-index: 1;

    content: "";

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    transition: all ease-in-out .5s
}



.latest-tour .tour-item .tour-image img {

    transition: all ease-in-out .5s
}



.latest-tour .tour-item .tour-content {

    padding: 20px;

    position: absolute;

    bottom: -162px;

    left: 0;

    width: 100%;

    z-index: 1;

    transition: all ease-in-out .5s
}



.latest-tour .tour-item .tour-tag {

    position: absolute;

    padding: 10px;

    top: 20px;

    right: 0;

    background: #0c9db3;

    z-index: 1
}



.latest-tour .tour-item .tour-tag .old-price {

    text-decoration: line-through
}



.latest-tour .tour-item:hover .tour-content {

    bottom: 50%;

    transform: translateY(50%);

    transition: all ease-in-out .5s
}



.latest-tour .tour-item:hover .tour-image img {

    transform: rotate(5deg) scale(1.2);

    transition: all ease-in-out .5s
}



.latest-tour .tour-item:hover:before {

    opacity: 1;

    visibility: visible;

    transition: all ease-in-out .5s
}



section.about-detail {

    background-size: contain;

    background-position: right;

    background-repeat: no-repeat;

    background-attachment: fixed
}



section.about-detail .about-image {

    border-radius: 0;

    overflow: hidden
}



section.about-detail .about-image img {

    border-radius: 15px
}



section.about-detail .p-about-us .p-call-action li {

    display: inline-block;

    padding: 5px;

    width: 49%
}



section.about-detail .about-detail-content {

    border-radius: 15px
}



@media(max-width:811px) {

    section.about-detail {

        background-size: cover
    }

}



@media(max-width:767px) {

    section.about-us {

        padding-bottom: 3rem
    }



    section.about-us .about-listing:after {

        display: none
    }



    section.about-us .counter .d-line {

        position: relative;

        border: none
    }



    .about-banner {

        text-align: center
    }



    .about-banner .about-banner-content {

        margin-bottom: 2rem
    }



    section.about-detail:before {

        display: none
    }

}



.quick-service {

    position: relative
}



.quick-service .card-box {

    position: relative;

    width: 320px;

    height: 320px;

    transform-style: preserve-3d;

    perspective: 1000px;

    border-radius: 15px;

    margin: 0 auto
}



.quick-service .card-box .box-inner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transform-style: preserve-3d;

    transition: 1s cubic-bezier(.15, .15, .3, 1.3)
}



.quick-service .card-box .box-inner .box-image {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%
}



.quick-service .card-box .box-inner .box-image img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover
}



.quick-service .card-box .box-inner .box-image .box-title {

    position: absolute;

    top: 40%;

    left: 0;

    right: 0;

    text-align: center;

    z-index: 2;

    background: #0c9db3;

    padding: 15px 10px
}



.quick-service .card-box .box-inner .box-image .box-title i {

    font-size: 32px;

    height: 80px;

    width: 80px;

    border-radius: 50%;

    background: #fff;

    color: #0c9db3;

    line-height: 2.4
}



.quick-service .card-box .box-inner .top-service {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    transform-style: preserve-3d;

    padding: 0;

    transform: rotateY(180deg);

    border-radius: 15px
}



.quick-service .card-box .box-inner .top-service .service-inner {

    transform-style: preserve-3d;

    padding: 20px;

    background: #0c9db3;

    transform: translateZ(100px)
}



.quick-service .card-box .box-inner .top-service .service-inner i {

    font-size: 38px;

    height: 90px;

    width: 90px;

    border-radius: 50%;

    background: #fff;

    color: #0c9db3;

    line-height: 2.4
}



.quick-service .card-box:hover .box-inner {

    transform: rotateY(180deg)
}



.quick-service .top-service {

    display: flex;

    flex-direction: column;

    text-align: center;

    padding: 45px 25px;

    border-radius: 15px
}



.quick-service .top-service i {

    font-size: 3rem;

    margin-bottom: 15px
}



.quick-service .top-service p {

    color: #f1f1f1;

    font-size: 13px
}



@media(max-width:359px) {

    .quick-service .card-box {

        height: 280px;

        width: 280px
    }

}

.aboutdown {

    padding: 50px 0px;

    background-color: #f2f2f2;

}
  
.aboutdown .aboutpara h5 {

    margin-bottom: 0px;

}

.about-us {

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    padding: 50px 0px;
   

}
.why-tra{
    margin-bottom: 80px;
}



.text-dark {

    color: #000 !important;

}



.about-us:hover .trend-item {

    transform: none
}



.about-us .about-trending-topic ul li {

    display: inline-block;

    width: 49%;

    position: relative;

    line-height: 2.4;

    font-weight: 400
}



.about-us .about-trending-topic ul li:before {

    content: '\f105';

    font-family: fontawesome;

    margin-right: 10px
}



.about-us .about-image-box .about-image {

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    background: #fcdc6b;

    animation: border-transform 10s linear infinite alternate forwards
}



.about-us .about-image-box1 .about-image {

    margin-top: -40px
}



.about-us .about-image-box1 .about-content {

    right: inherit;

    left: -40px;

    top: 0
}



.about-us .about-inner {

    position: relative;

    z-index: 1
}



.about-us .about-inner h2 {

    font-size: 48px;

    margin-bottom: 10px !important
}



.about-us .about-inner .about-image-box {

    border-radius: 15px;

    overflow: hidden;

    position: relative
}



.about-us .about-inner .about-image-box img {

    width: 100%
}



.about-us .about-inner .about-image-box::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 150%;

    height: 100%;

    background: rgba(255, 255, 255, .5);

    -webkit-transition: -webkit-transform 1.8s;

    transition: -webkit-transform 1.8s;

    transition: transform 1.8s;

    transition: transform 1.8s, -webkit-transform 1.8s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    z-index: 1
}



.about-us .about-inner .about-image-box:hover:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)
}



.about-us .box-title i {

    font-size: 38px;

    color: #0c9db3
}



.about-us .about-left {

    position: absolute;

    top: 50%;

    right: -50px;

    background: #fff;

    width: 100%;

    z-index: 1;

    transform: translateY(-50%);

    border-radius: 15px;

    padding: 30px 30px 30px 0
}



.about-us1 {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    position: relative
}



.about-us1:before {

    background: #fff;

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 50%;

    height: 100%;

    z-index: 1
}



@media(max-width:991px) {

    .about-us .trend-image1 {

        height: 300px;

        margin-bottom: 20px
    }



    .about-us .about-inner .about-image-box {

        margin-top: 2rem
    }



    .about-us .about-image-box .about-image-desti {

        margin-bottom: 0
    }



    .about-us .about-image-box .about-image-main {

        margin-top: 30px
    }



    .about-us .about-image-box .about-image-main .col-lg-6 {

        margin-top: 0 !important
    }



    .about-us .about-image-box .about-content {

        margin-bottom: 15px;

        width: 100% !important
    }



    .about-us .form-content {

        top: 5rem;

        margin-bottom: 2rem
    }



    .about-us .about-left {

        position: relative;

        right: 0;

        top: 0;

        transform: none;

        padding: 0
    }



    .about-us1:before {

        top: 8%;

        width: 100%;

        height: 84%
    }



    .about-us1:after {

        bottom: -48px
    }

}



@media(max-width:639px) {

    .about-us1.about-us:before {

        display: block
    }



    .about-us1.about-us:after {

        bottom: -72px
    }



    .about-us:before {

        display: none
    }



    .about-us .about-trending-topic ul li {

        display: block;

        width: 100%
    }



    .about-us .about-listing ul {

        display: block !important
    }



    .about-us .about-listing ul li {

        line-height: 2
    }

}



.call-to-action {

    background-repeat: no-repeat;

    background-position: top;

    background-size: cover;

    background-attachment: fixed;

    position: relative
}



.call-to-action .call-content {

    position: relative;

    z-index: 1
}



.call-to-action .call-content h2 {

    font-weight: 700;

    font-size: 42px;

    text-transform: uppercase;

    display: inline-block;

    border: 1px solid #ffffff40;

    padding: 10px 20px;

    background: #ffffff14;

    margin-bottom: 14px !important;

    border-radius: 15px;

    margin-bottom: 17px !important
}



.call-to-action .call-content h2 span {

    color: #0c9db3
}



.call-to-action .call-content p {

    font-size: 18px;

    font-weight: 700
}



section.call-to-action1 {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed
}



section.call-to-action1 .call-inner {

    position: relative;

    z-index: 1
}



section.call-to-action1 .call-inner .call-content {

    position: relative;

    z-index: 1
}



section.call-to-action1 .call-inner .call-content h2 {

    font-weight: 700;

    font-size: 42px;

    text-transform: uppercase;

    display: inline-block;

    border: 1px solid #ffffff40;

    padding: 10px 20px;

    background: #ffffff14
}



section.call-to-action1 .call-inner .call-content h2 span {

    color: #0c9db3
}



section.call-to-action1 .call-inner .call-content p {

    font-size: 18px
}



section.call-to-action1:before,

section.call-to-action1:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(47, 38, 57, .43)
}



section.call-to-action1:after {

    background: #fff;

    width: 33%;

    transform: skew(30deg);

    right: -196px;

    left: inherit
}



section.call-to-action1 .call-main1 .video-button .call-button {

    top: inherit;

    transform: none
}



section.call-to-action.maincounter {

    background-image: url(../images/calltoaction3.jpg/index.html);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    padding-top: 70px;

    padding-bottom: 75px
}



section.call-to-action.maincounter .counter {

    border: none
}



@media(max-width:991px) {

    section.call-to-action {

        padding-bottom: 3rem
    }



    section.call-to-action .call-content {

        width: 100% !important;

        text-align: center !important
    }



    section.call-to-action .section-title {

        width: 100% !important
    }



    section.call-to-action1:after {

        display: none
    }



    section.call-to-action1 .call-inner {

        text-align: center
    }



    section.call-to-action1 .call-inner .call-content {

        text-align: center !important;

        padding: 0 0 2rem !important
    }



    .newsletter-image {

        text-align: center
    }



    .newsletter-image img {

        width: 70%;

        margin: 0 auto
    }

}



@media(max-width:811px) {

    section.call-to-action .counter .counter-item h3 {

        font-size: 32px
    }

}



@media(max-width:767px) {



    section.call-to-action {

        padding-bottom: 3rem
    }



    section.call-to-action .call-content-inner {

        margin-top: 2rem;

        text-align: center
    }



    section.call-to-action .counter .d-line {

        position: relative;

        border: none;

        margin-bottom: 2rem
    }



    .call-to-main .call-to-action .call-content {

        width: 100% !important;

        text-align: center !important
    }



    .counter_one .counter1 .d-line {

        position: relative;

        border: none
    }



    .call-main1 .action-content {

        width: 100% !important
    }

}



@media(max-width:639px) {

    .call-to-action .call-content h2 {

        font-size: 24px
    }



    .call-to-main .call-to-action {

        padding: 20px !important
    }

}



.our-team {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover
}



.our-team .team-image {

    overflow: hidden;

    transition: all ease-in-out .5s
}



.our-team .team-image img {

    transition: all ease-in-out .5s;

    width: 100%
}



.our-team .team-image:hover img {

    transition: all ease-in-out .5s;

    transform: scale(1.1)
}



.our-team .team-list {

    overflow: hidden
}



.our-team .team-list .team-content {

    transition: all .5s;

    position: relative;

    z-index: 1
}



.our-team .team-list .team-content1 {

    background: #fff;

    top: -2rem;

    transition: all .5s;

    position: relative;

    z-index: 1;

    width: 96%;

    padding-top: 20px
}



.our-team .team-list:hover .team-content {

    margin-top: -15px;

    transition: all .5s
}

.pagination-main {

    margin-top: 30px
}



.testimonial-vid {

    background-image: url(../images/testimonials/testimonials-banner2.png);

    background-size: contain;

    padding: 60px 0px;

}

.testimonial-vid .testimonial {

    background-color: white;

}



.testimonials .testimonial-cont {

    padding-top: 30px;

    padding-left: 30px;

    padding-right: 30px;

    padding-bottom: 45px;

    background-color: #e8f8f9;

}

.testimonials .testimonial-cont .testimonial-item1 .author-info i {

    color: #0c9db3;

}



.testimonial {

    background-position: center;

    background-repeat: repeat-x;

    background-size: cover;
    padding: 70px 0px;
}



.testimonial .testimonial-item .testimonial-content,

.testimonial .testimonial-item1 .testimonial-content {

    background: #fff;

    border: 1px solid #f1f1f1;

    position: relative
}



.testimonial .testimonial-item .testimonial-content p,

.testimonial .testimonial-item1 .testimonial-content p {

    font-style: italic
}



.testimonial .testimonial-item .testimonial-content .testimonial-icon,

.testimonial .testimonial-item1 .testimonial-content .testimonial-icon {

    width: 50px;

    height: 45px;

    background: #0c9db3;

    text-align: center;

    font-size: 22px;

    color: #fff;

    line-height: 45px;

    position: absolute;

    top: 37px;

    left: -19px
}



.testimonial .testimonial-item .testimonial-content .testimonial-icon:before,

.testimonial .testimonial-item1 .testimonial-content .testimonial-icon:before {

    content: "";

    border-bottom: 16px solid #e41212;

    border-left: 18px solid transparent;

    position: absolute;

    top: -16px;

    left: 1px
}



.testimonial .testimonial-item .details,

.testimonial .testimonial-item1 .details {

    position: relative
}



.testimonial .testimonial-item .details i,

.testimonial .testimonial-item1 .details i {

    font-size: 40px;

    color: #0c9db3;

    margin-bottom: 13px !important
}



.testimonial .testimonial-item .details p,

.testimonial .testimonial-item1 .details p {

    font-size: 16px;

    /* font-style: italic; */

    text-align: initial;

}



.testimonial .testimonial-item a,

.testimonial .testimonial-item1 a {

    display: inline-block;

    position: relative;

    overflow: hidden
}



/* .testimonial .testimonial-item a img,

.testimonial .testimonial-item1 a img {

    height: 80px;

    width: 80px;

    border-radius: 50%

} */



.testimonial .testimonial-item .author-info,

.testimonial .testimonial-item1 .author-info {

    position: relative
}



.testimonial .testimonial-item .author-info img,

.testimonial .testimonial-item1 .author-info img {

    width: 80px;

    height: 80px;

    border-radius: 50%
}



.testimonial .testimonial-item .author-info i,

.testimonial .testimonial-item1 .author-info i {

    font-size: 20px;

    color: #0c9db3;

    position: absolute;

    /* left: 38%; */

    z-index: 1;

    background: #fff;

    border-radius: 50%;

    height: 40px;

    width: 40px;

    line-height: 1.8
}



.testimonial .review-slider .slick-prev,

.testimonial .review-slider .slick-next {

    top: 185px;

    background: #0c9db3;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    line-height: 1
}



.testimonial .review-slider .slick-prev::before,

.testimonial .review-slider .slick-next::before {

    color: #fff;

    font-size: 28px;

    line-height: 1.5
}



.testimonial .review-slider .slick-prev:hover,

.testimonial .review-slider .slick-prev:focus,

.testimonial .review-slider .slick-next:hover,

.testimonial .review-slider .slick-next:focus {

    background: #17233e
}



.testimonial .review-slider .slick-prev:hover::before,

.testimonial .review-slider .slick-prev:focus::before,

.testimonial .review-slider .slick-next:hover::before,

.testimonial .review-slider .slick-next:focus::before {

    color: #fff
}



.testimonial .review-slider .slick-prev {

    left: -35px
}



.testimonial .review-slider .slick-next {

    /* left: 76px; */

    right: -35px
}



.testimonial .abt-short .short-p {

    position: relative;

    letter-spacing: 2px;

    transition: all .5s
}



.testimonial .abt-short .short-p::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -30px;

    height: 2px;

    width: 30%;

    background: #0c9db3
}



.testimonial .tst-slide p {

    padding: 30px;

    border: 2px dashed #f1f1f129;

    border-radius: 15px;

    margin-bottom: 25px;

    transition: all .5s
}



.testimonial .tst-slide p i {

    font-size: 40px;

    color: #0c9db3;

    margin-bottom: 13px !important
}



.testimonial .tst-slide:hover p {

    border-color: #0c9db3
}



.testimonial .tst-info {

    position: relative
}



.testimonial .tst-info img {

    width: 10%;

    border-radius: 50px
}



.testimonial .testimonials_one_single {

    position: relative;

    display: block;

    padding-top: 50px;

    padding-bottom: 50px;

    padding-left: 165px;

    padding-right: 50px;

    z-index: 10
}



.testimonial .testimonials_one_single:before {

    position: absolute;

    bottom: -40px;

    left: 130px;

    width: 91px;

    height: 40px;

    background-image: url(../images/testi-shape.png);

    background-repeat: no-repeat;

    content: ""

}



.testimonial .testimonials_one_single .shadow-box {

    position: absolute;

    top: 0;

    left: 65px;

    bottom: 0;

    right: 0;

    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .07);

    z-index: -1
}



.testimonial .testimonials_one_single .testimonials_one_image {

    position: absolute;

    top: 80px;

    left: 20px
}



.testimonial .testimonials_one_single .testimonials_one_image img {

    border-radius: 50%;

    height: 110px;

    width: 110px
}



.testimonial .testimonials_one_single .testimonials_one_image:before {

    position: absolute;

    top: -15px;

    left: -20px;

    right: -20px;

    bottom: 0;

    content: "";

    border: 10px solid #fff;

    border-radius: 50%;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    height: 140px;

    width: 140px
}



.testimonial .testimonials_one_single:hover .testimonials_one_image:before {

    border: 10px solid #0c9db3
}



.testimonial .testimonials_one_single .testimonials_one_text {

    position: relative;

    display: block
}



.testimonial .testimonials_one_single .testimonials_one_text .testimonials_one_rating_box {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center
}



.testimonial .testimonials_one_single .testimonials_one_text .testimonials_one_rating_box a {

    color: #0c9db3
}



.testimonial .testimonials_one_single .testimonials_one_text .testimonials_quote_icon {

    position: absolute;

    bottom: -4px;

    right: 10px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease
}



.testimonial .testimonials_one_single .testimonials_one_text .testimonials_quote_icon span {

    font-size: 36px;

    color: #0c9db3
}



.testimonial .testimonials_one_single .testimonials_one_text .customer_info h3 {

    font-size: 20px;

    font-weight: 600;

    line-height: 30px
}



.testimonial .testimonials_one_single .testimonials_one_text .customer_info span {

    font-size: 14px;

    color: #777;

    margin-left: 5px
}



.testimonial .testimonials_one_single:after {

    position: absolute;

    top: 0;

    left: 65px;

    bottom: 0;

    right: 0;

    background-color: #fff;

    content: "";

    z-index: -1;

    border-radius: 4px
}



.testimonial .counter-main .counter-item {

    padding: 0 1rem 1rem !important
}



@media(max-width:991px) {

    .testimonial .section-title {

        text-align: center !important;

        margin-bottom: 2.5rem
    }



    .testimonial .about-slider {

        width: 100% !important;

        margin: 0 !important
    }

}



@media(max-width:735px) {

    .testimonial .testimonial-item1 {

        margin: 0rem 0 0;

        text-align: center
    }



    .testimonial .testimonial-item1 .author-info {

        display: inline-block !important
    }



    .testimonial .testimonial-item1 i {

        /* display: none */

    }



    .testimonial .testimonial-item1 .author-content {

        margin: 0 !important
    }



    .testimonial .testimonial-item1::after {

        left: 0
    }



    .testimonial .testimonial-item1 .author-content {

        margin: 0 !important
    }



    .testimonial .counter-main .contact-pac span {

        display: block;

        margin-bottom: 1rem
    }

}



@media(max-width:567px) {

    .testimonial1 .testimonials_one_single {

        padding: 20px;

        text-align: center;

        background: #fff
    }



    .testimonial1 .testimonials_one_single .testimonials_one_image {

        position: relative;

        top: inherit;

        left: inherit;

        margin-bottom: 1rem
    }



    .testimonial1 .testimonials_one_single .testimonials_one_image img {

        margin: 0 auto
    }



    .testimonial1 .testimonials_one_single .testimonials_one_image:before {

        display: none
    }



    .testimonial1 .testimonials_one_single .testimonials_one_text .testimonials_one_rating_box {

        display: inline-block
    }



    .testimonial1 .testimonials_one_single .testimonials_one_text .testimonials_quote_icon {

        position: relative;

        bottom: 0;

        right: 0
    }



    .testimonial1 .testimonials_one_single:after {

        display: none
    }

}



.news {

    padding-bottom: 6rem;

    z-index: inherit
}



.news .news-item {

    position: relative
}



.news .news-item .news-image {

    position: relative;

    transition: all ease-in-out .5s;

    overflow: hidden
}



.news .news-item .news-image::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .5);

    -webkit-transition: -webkit-transform 1.8s;

    transition: -webkit-transform 1.8s;

    transition: transform 1.8s;

    transition: transform 1.8s, -webkit-transform 1.8s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    z-index: 1
}



.news .news-item .news-image:hover:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)
}



.news .news-item .news-image .news-date1 {

    position: absolute;

    top: 10px;

    left: 10px;

    background: #ffffffe3;

    padding: 10px 15px;

    z-index: 2
}



.news .news-item .news-image .news-date1 span {

    font-size: 28px;

    font-weight: 700;

    line-height: 1
}



.news .news-item .news-image .news-content1 {

    padding: 20px;

    position: absolute;

    bottom: 0;

    z-index: 2
}



.news .news-item .news-image .news-content1 .news-list {

    border-top: 1px dashed #f1f1f1;

    padding-top: 15px
}



.news .news-item .news-image .news-content1 .news-list li a {

    font-size: 14px;

    color: #999
}



.news .news-item .news-image .news-content1 .news-list li a:hover {

    color: #0c9db3
}



.news .news-item .news-image .overlay {

    background: linear-gradient(to bottom, transparent 0%, #826d43 100%);

    top: inherit;

    height: 50%;

    bottom: 0
}



.news .news-item .news-image img {

    transition: all ease-in-out .5s;

    width: 100%
}



.news .news-item .news-image:hover img {

    transition: all ease-in-out .5s;

    transform: scale(1.2)
}



.news .news-item .news-content-over {

    position: absolute;

    left: 0;

    width: 90%;

    right: 0;

    margin: 0 auto;

    box-shadow: 0 0 15px #cccccc37;

    bottom: -1.5rem;

    padding: 20px;

    z-index: 1;

    background: #fff
}



.news .news-item .news-list li a {

    font-size: 14px;

    color: #999;

    font-style: italic
}



.news .news-item .news-list li a:hover {

    color: #0c9db3
}



.news .news-item .news-content .news-list li a {

    font-size: 14px;

    color: #999
}



.news .news-item .news-content .news-list li a:hover {

    color: #0c9db3
}



.news .news-item .news-content .author-img img {

    max-width: 40px;

    border-radius: 50%;

    margin-right: 10px
}



.news .news-item .news-content a.news-btn {

    font-size: 14px
}



.news .news-item .news-cont {

    background: #fff;

    border-radius: 15px;

    padding: 20px 15px;

    position: relative;

    z-index: 1;

    width: 96%;

    margin-top: -24px
}



.news .news-item .news-cont .news-list li a {

    font-size: 14px;

    color: #999;

    font-style: italic
}



.news .news-item .news-cont .news-list li a:hover {

    color: #0c9db3
}



.news .news-item .blog-one__content {

    padding: 24px 24px 20px;

    background: #fff;

    margin-right: 30px;

    margin-top: -70px;

    position: relative;

    transition: all 700ms ease;

    z-index: 1
}



.news .news-item .blog-one__content .blog-one__meta {

    margin: 0;

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center
}



.news .news-item .blog-one__content .blog-one__meta li a {

    font-size: 14px;

    color: #777;

    transition: all 500ms ease
}



.news .news-item .blog-one__content .blog_one_text {

    width: 83%
}



.news .news-item .blog-one__content .blog_one_date {

    height: 70px;

    width: 70px;

    background: #0c9db3;

    padding-top: 15px;

    position: absolute;

    top: 0;

    right: 0;

    font-weight: 700;

    line-height: 1.2
}



@media(max-width:1100px) and (min-width:1024px) {

    .news .news-item .blog-one__content {

        margin-right: 0
    }



    .news .news-item .blog-one__content .blog-one__meta li a {

        font-size: 12px
    }

}



@media(max-width:991px) {

    .testi-news .section-title {

        text-align: center !important
    }



    .news .news-item .blog-one__content .blog-one__meta li a {

        font-size: 13px
    }

}



@media(max-width:500px) {

    .recent-articles .trend-item1 {

        display: block !important
    }



    .recent-articles .trend-item1 .trend-image {

        width: 100% !important;

        margin-bottom: 1rem
    }



    .recent-articles .trend-item1 .trend-content-main {

        width: 100% !important;

        padding: 0 !important
    }

}



.partners_inner {

    width: 100%;

    overflow: hidden;

    border-radius: 10px;

    border: 1px solid #f1f1f1
}



.partners_inner ul {

    margin: -2px -10px -2px -2px;

    padding-top: 2px;

    padding-left: 2px
}



.partners_inner ul li {

    margin: 0;

    float: left;

    width: 25%;

    border: 1px solid #f1f1f1;

    text-align: center;

    height: 140px;

    line-height: 140px;

    position: relative;

    margin-top: -2px;

    margin-left: -2px;

    overflow: hidden
}



.partners_inner ul li img {

    opacity: .5;

    transition: all ease-in-out .5s;

    filter: grayscale(100%);

    width: 60%
}



.partners_inner ul li:hover img {

    opacity: 1;

    transition: all ease-in-out .5s;

    filter: grayscale(0%)
}



@media(max-width:911px) {

    .partners_inner {

        margin-top: 40px
    }



    .partners_inner ul li {

        width: 50%
    }

}



@media(max-width:540px) {

    .partners_inner ul li {

        width: 100%
    }

}



.contact-main .contact-info h2 {

    color: #000;

}



.contact-main .contact-info h3 {

    color: #000;

    line-height: 80px;

}



.contact-main .contact-info .contact-inner p {

    color: #000;

    font-size: 19px;

    margin-right: 15px;

    line-height: 30px;

}



.contact-main .contact-info .contact-inner a {

    color: #000;

    font-size: 18px;
    ;

}



.contact-main .contact-map {

    padding: 51px 44px;

}









.contact-main .contact-info .info-item {

    position: relative;

    padding: 20px
}



.contact-main .contact-info .info-item .box-table li {

    font-size: 16px;

    font-weight: 500;

    list-style-type: none;

    margin-bottom: 20px;

    position: relative;

    width: 100%
}



.contact-main .contact-info .info-item .box-table li span {

    color: #0c9db3;

    float: right
}



.contact-main .contact-info .info-item .box-table li::before {

    content: "";

    position: absolute;

    height: 1px;

    width: 50px;

    border: 1px dashed #737373;

    top: 12px;

    left: 0;

    right: 0;

    margin: auto
}



.contact-main .contact-info .info-item .box-table li:last-child {

    margin-bottom: 0
}



.contact-main .contact-info .info-item .info-icon i {

    font-size: 60px
}



.contact-main .contact-map .map-main {

    border-radius: 15px;

    overflow: hidden
}



.contact-main .contact-map .contact-form {

    background: #3f3f3f;

    padding: 30px;

    border-radius: 15px
}



.contact-main .contact-form h2 {

    color: #000;

}





@media(max-width:991px) {

    .contact-main .contact-info .contact-form {

        padding: 0 !important
    }

}



@media(max-width:767px) {

    .contact-main .contact-map .contact-form {

        margin-top: 2rem
    }

}



/* .contact-info-main {

    margin-top: 50px;

} */



.gallery .gallery-item {

    position: relative;

    overflow: hidden
}



.gallery .gallery-item .gallery-image img {

    width: 100%
}



.gallery .gallery-item .gallery-content {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 100%;

    left: 0;

    background: linear-gradient(to bottom, transparent, #000000);

    transition: all ease-in-out .5s;

    z-index: 2
}



.gallery .gallery-item .gallery-content ul {

    position: absolute;

    z-index: 1;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)
}



.gallery .gallery-item .gallery-content ul li {

    border: 1px solid #ffffff26;

    color: #fff;

    height: 50px;

    width: 50px;

    text-align: center;

    font-size: 20px;

    line-height: 2.5;

    display: inline-block;

    border-radius: 10px;

    margin: 0;

    transition: all ease-in-out .5s
}



.gallery .gallery-item .gallery-content ul li a {

    color: #fff
}



.gallery .gallery-item .gallery-content ul li:hover {

    background: #0c9db3;

    transition: all ease-in-out .5s
}



.gallery .gallery-item:hover .gallery-content {

    top: 0;

    transition: all ease-in-out .5s
}



.gallery .overlay {

    background: rgba(0, 0, 0, .4)
}



a.lb-close {

    position: absolute;

    top: -30px;

    right: 30px
}



.error {

    background: #fff;

    border-top: 1px solid #f1f1f1
}



.error .error-content {

    width: 60%;

    margin: 0 auto;

    position: relative;

    z-index: 1
}



.error .error-content i {

    color: #0c9db3
}



.error .error-content h1 {

    font-size: 252px;

    margin: 0;

    color: #fff;

    line-height: 1
}



.error .error-content h1 span {

    text-shadow: -8px 0 0 #fff;

    color: #0c9db3
}



.error .newsletter-form {

    position: relative
}



.error .newsletter-form form {

    border-radius: 0;

    overflow: hidden;

    position: relative
}



.error .newsletter-form form input {

    padding-right: 65px;

    height: 50px;

    outline: none
}



.error .newsletter-form form input.nir-btn {

    position: absolute;

    right: 0;

    top: 0;

    border: none;

    text-align: center;

    border-radius: 0;

    padding: 14px 20px 12px;

    transition: all ease-in-out .5s
}



.error .newsletter-form form input.nir-btn:hover {

    background: #0c9db3 !important;

    transition: all ease-in-out .5s;

    color: #fff
}



.error.error1:before {

    content: '';

    background: url(../images/trending-bg.jpg/index.html) no-repeat;

    background-size: cover;

    background-attachment: fixed;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: .2
}



@media(max-width:991px) {

    .error .error-content {

        width: 100%
    }



    .reservation-main {

        width: 100% !important;

        padding: 0 !important
    }

}



@media(max-width:811px) {

    .error {

        padding: 5rem 0 3rem !important
    }



    .error .error-content {

        width: 100%
    }

}



@media(max-width:567px) {

    .error .error-content h1 {

        font-size: 140px;

        letter-spacing: -20px
    }



    .error .error-content .nir-btn {

        margin: 0 0 1rem
    }



    .error .newsletter-form {

        width: 100% !important
    }



    .error .newsletter-form form {

        border-radius: 0
    }



    .error .newsletter-form form input[type=email] {

        padding-right: 20px
    }



    .login-register .log-main {

        width: 100% !important
    }



    .login-register .log-main button {

        width: 100% !important;

        margin: 0 0 10px !important
    }

}









section.comingsoon {

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    background-repeat: no-repeat;

    min-height: 100vh
}



section.comingsoon::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    background: url(../images/bg/bg6.jpg);

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    background-repeat: no-repeat;

    opacity: .4
}



section.comingsoon .comingsoon-content {

    position: relative;

    z-index: 1
}



section.comingsoon .comingsoon-content .coming-title span {

    color: #0c9db3;

    font-size: 90px
}



section.comingsoon .comingsoon-content .counter-box {

    text-align: center;

    display: inline-block;

    color: #fff;

    padding: 0 30px;

    text-transform: capitalize;

    font-size: 21px
}



section.comingsoon .comingsoon-content .counter-box span {

    font-size: 90px;

    color: #fff;

    display: block;

    font-weight: 700;

    line-height: 1.5
}



@media(max-width:991px) and (min-width:812px) {

    section.comingsoon {

        height: 200vh
    }

}



@media(max-width:911px) {

    section.comingsoon .comingsoon-content .newsletter-form {

        width: 100%
    }

}



@media(max-width:767px) {

    section.comingsoon .comingsoon-content .coming-title span {

        font-size: 40px
    }



    section.comingsoon .comingsoon-content .counter-box span {

        font-size: 54px
    }



    section.comingsoon .coming-image {

        margin-top: 2rem
    }

}



@media(max-width:639px) {

    section.comingsoon::before {

        display: none
    }



    section.comingsoon .comingsoon-content .coming-title h1 {

        font-size: 44px;

        line-height: 1;

        margin-bottom: 15px !important
    }



    section.comingsoon .comingsoon-content .coming-title span {

        font-size: 30px
    }



    section.comingsoon .comingsoon-content .counter-box {

        width: 100%
    }



    section.comingsoon .comingsoon-content .counter-box span {

        font-size: 42px
    }

}



@media(max-width:567px) {



    section.comingsoon .comingsoon-content .coming-title-main,

    section.comingsoon.comingsoon1 .comingsoon-content .coming-title-main {

        width: 100% !important
    }



    section.comingsoon .comingsoon-content .newsletter-form form,

    section.comingsoon.comingsoon1 .comingsoon-content .newsletter-form form {

        border-radius: 0
    }



    section.comingsoon .comingsoon-content .newsletter-form form input[type=email],

    section.comingsoon.comingsoon1 .comingsoon-content .newsletter-form form input[type=email] {

        padding-right: 20px
    }



    section.comingsoon .comingsoon-content .newsletter-form form input.nir-btn,

    section.comingsoon.comingsoon1 .comingsoon-content .newsletter-form form input.nir-btn {

        position: relative;

        border-radius: 0;

        margin: 1rem 0 0
    }

}



.insta-main .insta-inner .follow-button {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 1
}



.insta-main .insta-inner .follow-button h5 {

    position: relative;

    background-color: #fff;

    font-size: 16px;

    color: #1a1a1a;

    display: block;

    padding: 12px 15px 13px;

    text-align: center;

    font-weight: 400;

    width: 250px;

    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, .5);

    box-shadow: 0 0 50px rgba(0, 0, 0, .5)
}



.insta-main .insta-inner .follow-button h5:after {

    content: '';

    position: absolute;

    left: -5px;

    top: -5px;

    right: -5px;

    bottom: -5px;

    border: 1px solid #fff;

    border-radius: 10px
}



.insta-main .insta-inner .insta-image,

.insta-main .insta-inner .insta-image a img {

    transition: all ease-in-out .5s;

    overflow: hidden
}



.insta-main .insta-inner .insta-image:hover img {

    transform: scale(1.1);

    transition: all ease-in-out .5s
}



@media(max-width:479px) {

    .insta-main .insta-inner .follow-button h5 a {

        font-size: 13px
    }

}



.newsletter {

    background-position: bottom;

    background-repeat: no-repeat;

    background-size: cover
}



.newsletter .newsletter-form {

    position: relative
}



.newsletter .newsletter-form form {

    border-radius: 0;

    overflow: hidden;

    position: relative;

    border: 1px solid #f1f1f1
}



.newsletter .newsletter-form form input {

    padding-right: 65px;

    border: none;

    height: 50px;

    outline: none
}



.newsletter .newsletter-form form button {

    position: absolute;

    right: 0;

    top: 0;

    padding: 15px 24px;

    transition: all ease-in-out .5s
}



.newsletter .newsletter-form form button:hover {

    background: #fdc703 !important;

    transition: all ease-in-out .5s;

    color: #fff;

    opacity: .8
}



@media(max-width:811px) {

    .newsletter .newsletter-main .newsletter-form {

        width: 60% !important
    }

}



@media(max-width:767px) {

    .newsletter .newsletter-main .newsletter-form {

        width: 100% !important
    }

}



@media(max-width:567px) {

    .newsletter .newsletter-main .newsletter-form form {

        border: none !important;

        border-radius: 0 !important
    }



    .newsletter .newsletter-main .newsletter-form form input {

        border: 1px solid #f1f1f1 !important;

        padding-right: 20px !important
    }



    .newsletter .newsletter-main .newsletter-form form input.nir-btn,

    .newsletter .newsletter-main .newsletter-form form button {

        border: none !important;

        position: relative !important;

        margin-top: 16px;

        width: 100%
    }

}



footer {

    width: 100%;

    overflow: hidden;

    position: relative;

    background-position: bottom right;

    background-repeat: no-repeat;

    background-color: #17233e
}



footer .overlay {

    opacity: .8
}



footer a,

footer p,

footer li {

    color: #fff;

    font-weight: 400
}



footer a:hover {

    color: #fff !important
}



footer h3 {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 21px;

}



/* footer h3:after {

    position: absolute;

    content: '';

    height: 2px;

    width: 50px;

    background: #fff;

    left: 0;

    bottom: 0

} */



footer .footer-upper {

    position: relative;

    z-index: 1
}



footer .footer-upper .footer-links ul.list li {

    display: inline-block;

    padding: 0 10px
}



footer .footer-upper .footer-links ul li {

    margin-bottom: 15px;

    color: #fff;

    display: block
}



footer .footer-upper .footer-links ul li a {

    transition: all ease-in-out .5s;

    color: #fff
}



footer .footer-upper .footer-links ul li a:hover {

    color: #0c9db3 !important;

    transition: all ease-in-out .5s
}



footer .footer-upper .footer-links ul li a.active {

    color: #0c9db3
}



footer .footer-upper .footer-links ul p span {

    color: #0c9db3
}



footer .footer-upper .footer-links .tagcloud a {

    display: inline-block
}



footer .footer-upper .footer-links .tagcloud a:hover {

    background: #0c9db3 !important
}



footer .footer-upper .footer-links h5 {

    border: none;

    padding: 0
}



footer .footer-upper .footer-links p.f-para {

    border-bottom: 1px dashed #f1f1f1
}



footer .footer-upper .footer-links input.nir-btn {

    border: none
}



footer .footer-upper .footer-links input.nir-btn:hover {

    opacity: .8;

    background: #0c9db3 !important;

    color: #fff
}



footer .footer-upper .footer-links .post-list {

    border-bottom: 1px dashed #ffffff30;

    padding-bottom: 10px;

    margin-bottom: 10px
}



footer .footer-upper .footer-links .post-list:last-child {

    border: none;

    margin: 0;

    padding: 0
}



footer .footer-upper .footer-links .post-list .post-image {

    width: 30%;

    border-radius: 0;

    overflow: hidden
}



footer .footer-upper .footer-links .post-list span {

    font-size: 12px
}



footer .footer-upper .footer-about p,

footer .footer-upper .footer-about li {

    color: #777
}



footer .footer-upper .footer-about li {

    line-height: 2
}



footer .footer-middle {

    border-top: 1px dashed #f1f1f1
}



footer .footer-middle .footer-nav ul li a {

    display: inline-block;

    margin: 0 5px;

    font-weight: 700
}



footer .footer-copyright {

    position: relative;

    z-index: 1
}



footer .footer-copyright .copyright-inner {

    border-top: 1px dotted #717171;

}



footer .newsletter-main .section-title h2 {

    font-size: 24px
}



footer .newsletter-form button {

    width: 38%
}



footer .footer-payment {

    position: relative;

    z-index: 2
}



footer .footer-payment .col-lg-8.footer-payment-nav {

    margin-bottom: 1rem !important
}



footer .footer-payment .col-lg-4.footer-payment-nav {

    margin-bottom: 1.5rem !important
}



footer .footer-listing-main .footer-listing {

    border: 1px dashed #f1f1f157;

    padding: 20px
}



footer .footer-listing-main .footer-listing i {

    font-size: 36px;

    display: block
}



.social-links { 
    display: block; 
    align-items: baseline; 
}

.foloer p{
    margin-top: 10px;
    color: #717171;
}


.social-links ul li {

    display: inline-block !important
}



.social-links ul li a {

    background: #ffffff26;

    color: #fff;

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    font-size: 17px;

    line-height: 2.4;

    border-radius: 50%
}



.social-links ul li a:hover {

    color: #fff;

    background: #0c9db3
}



footer.footer1 {

    background-color: transparent
}



footer.footer1 h4:after {

    position: absolute;

    content: '';

    height: 2px;

    width: 50px;

    background: #0c9db3;

    left: 0;

    bottom: 0
}



footer.footer1 .footer-upper .footer-links ul li {

    margin-bottom: 0;

    line-height: 2.5;

    display: block;

    color: #3f3f3f
}



footer.footer1 .footer-upper .footer-links ul li a {

    color: #3f3f3f
}



footer.footer1 .footer-upper .footer-links ul p span {

    color: #0c9db3
}



footer.footer1 .footer-upper .footer-links input.nir-btn {

    border: none
}



footer.footer1 .footer-upper .footer-links input.nir-btn:hover {

    opacity: .8;

    background: #0c9db3 !important;

    color: #fff
}



footer.footer1 .footer-upper .footer-links .post-list {

    border-bottom: 1px dashed #ffffff30;

    padding-bottom: 10px;

    margin-bottom: 10px
}



footer.footer1 .footer-upper .footer-links .post-list:last-child {

    border: none;

    margin: 0;

    padding: 0
}



footer.footer1 .footer-upper .footer-links .post-list .post-image {

    width: 30%;

    border-radius: 0;

    overflow: hidden
}



footer.footer1 .footer-upper .footer-links .post-list span {

    font-size: 12px
}



footer.footer1 .footer-copyright .social-links ul li {

    display: inline-block
}



footer.footer1 .footer-copyright .social-links ul li a {

    background: #0c9db3;

    color: #fff;

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    font-size: 17px;

    line-height: 2.5
}



footer.footer1 .footer-copyright .social-links ul li a:hover {

    color: #fff;

    background: #0c9db3
}



footer.footermain {

    width: 100%;

    overflow: hidden;

    position: relative
}



footer.footermain::before {

    content: '';

    background: #181d20 url(../images/testimonial.png);

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    background-repeat: no-repeat;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%
}



footer.footermain .footer-upper {

    position: relative;

    z-index: 1
}



@media(max-width:1100px) and (min-width:1024px) {

    footer .footer-listing-main .footer-listing {

        margin: 0 5px
    }

}



@media(max-width:991px) {

    footer .footer-upper {

        padding-bottom: 3rem
    }



    footer .footer-upper .footer-links {

        width: 100% !important
    }



    footer .newsletter .newsletter-main {

        text-align: center
    }



    footer .newsletter .newsletter-main .section-title {

        margin-bottom: 1rem
    }



    footer .newsletter .newsletter-main .newsletter-form {

        margin: 0 auto !important
    }



    footer .f-payment {

        margin-top: 1rem;

        text-align: center
    }



    footer .footer-listing-main .footer-listing {

        margin-top: 15px
    }



    footer .newsletter-form form {

        display: block !important
    }



    footer .newsletter-form button {

        width: 100%;

        margin: 10px 0 0 !important
    }



    footer.footer1 .section-title {

        width: 100%;

        text-align: center;

        margin-bottom: 2rem
    }



    footer.footer1 .newsletter .newsletter-main {

        text-align: center
    }



    footer.footer1 .newsletter .newsletter-main .newsletter-form {

        width: 80%;

        margin: 0 auto
    }

}



@media(max-width:767px) {

    footer .footer-copyright .copyright-inner {

        text-align: center
    }



    footer .footer-copyright .copyright-inner .copyright-text {

        margin-bottom: 15px
    }



    footer .footer-middle {

        padding-top: 0 !important
    }



    footer .footer-middle .footer-nav {

        width: 100% !important
    }

}



@media(max-width:639px) {

    footer .footer-upper .footer-links .post-list {

        justify-content: normal !important
    }



    footer .footer-upper .footer-links .post-list .post-content {

        padding-left: 1rem
    }

}



@media(max-width:359px) {

    footer .footer-payment .footer-pay .footer-payment-nav select {

        margin-bottom: 15px
    }

}



.listing-main.mt-map {

    margin-top: -80px;

    position: relative
}



.list-results {

    position: relative;

    margin-bottom: 2rem;

    width: 100%
}



.list-results label {

    margin: 0
}



.list-results .nice-select {

    border: 1px solid #000;

    color: #000;

    background: #fff;

    width: 200px;

    padding-left: 20px;

    line-height: 0.5;

    height: 36px;

    border-radius: 20px;

    margin-left: 31px;

}



.list-results .change-grid,

.list-results .change-list {

    display: inline-block
}



.list-results .change-grid i,

.list-results .change-list i {

    line-height: 2.5;

    text-align: center;

    display: inline-block;

    transition: all ease-in-out .5s;

    height: 40px;

    width: 40px;

    background: #fff
}



.list-results .change-list.f-active i,

.list-results .change-grid.f-active i {

    background: #fdc703;

    color: #fff;

    transition: all ease-in-out .5s;

    border-color: #fdc703
}



.form-find .nice-select {

    line-height: 2
}



.page-banner-img {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    height: 500px;

    width: 100%
}



.blog-full {

    overflow: hidden
}



.blog-full .blog-image {

    position: relative;

    height: 100%;

    overflow: hidden;

    border-radius: 0;

    transition: all ease-in-out .5s
}



.blog-full .blog-image .h-date {

    text-align: center;

    position: absolute;

    top: 20px;

    right: 20px;

    padding: 12px 20px;

    border-radius: 15px;

    z-index: 1
}



.blog-full .blog-image>a {

    background-size: cover;

    height: 100%;

    width: 100%;

    background-position: center;

    display: inline-block;

    transition: all ease-in-out .5s
}



.blog-content {

    display: inline-block;

    width: 100%
}



.blog-content p:first-child:first-letter {

    font-size: 80px;

    color: #0c9db3;

    float: left;

    display: block;

    line-height: 1;

    padding-right: 10px;

    font-weight: 400
}



.blog-content>a:hover {

    color: #0c9db3 !important;

    transition: all ease-in-out .5s
}



.detail-title .detail-title-inner .listing-rating i {

    color: #fff
}



.detail-title .detail-title-inner .list-single-contacts li {

    font-size: 13px;

    padding-right: 10px
}



.detail-title .detail-title-inner .list-single-details .list-single-rating {

    position: relative;

    z-index: 1;

    display: inline-block
}



.detail-title .detail-title-inner .list-single-details .list-single-rating .rating-score span {

    background: #fff;

    color: #0c9db3;

    float: left;

    font-weight: 700;

    border-radius: 0;

    padding: 16px 18px;

    font-size: 24px
}



.detail-listing-inner {

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 15px #cccccc37;

    padding: 20px;

    border-radius: 0
}



.detail-listing-inner>div {

    border-bottom: 1px dashed #f1f1f1;

    padding-bottom: 2rem;

    margin-bottom: 1.5rem
}



.detail-listing-inner>div .detail-amenities li {

    width: 32.9%;

    margin-bottom: .5%;

    border: 1px dashed #f1f1f1;

    padding: 10px;

    color: #777;

    border-radius: 0
}



.detail-listing-inner>div .detail-amenities li i {

    margin-right: 5px
}



.detail-listing-inner>div:last-child {

    border: none;

    padding: 0;

    margin: 0
}



.detail-listing-inner .detail-recentlist .blog-full {

    box-shadow: none
}



.detail-comments .comment-box,

.single-comments .comment-box {

    display: flex;

    margin-bottom: 30px
}



.detail-comments .comment-box:last-child,

.single-comments .comment-box:last-child {

    margin-bottom: 0
}



.detail-comments .comment-box .comment-image,

.single-comments .comment-box .comment-image {

    text-align: center
}



.detail-comments .comment-box .comment-image img,

.single-comments .comment-box .comment-image img {

    border-radius: 10px
}



.detail-comments .comment-box .comment-content,

.single-comments .comment-box .comment-content {

    border-bottom: 1px dashed #f1f1f1;

    position: relative;

    background: #f1f1f1;

    padding: 20px;

    margin-left: 30px
}



.detail-comments .comment-box .comment-content:before,

.single-comments .comment-box .comment-content:before {

    content: '';

    position: absolute;

    left: -20px;

    top: 25px;

    width: 0;

    height: 0;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-right: 20px solid #f1f1f1
}



.detail-comments .comment-box .comment-content:last-child,

.single-comments .comment-box .comment-content:last-child {

    border: 0
}



.detail-comments .comment-box .comment-content p.comment-date,

.single-comments .comment-box .comment-content p.comment-date {

    position: absolute;

    right: 20px;

    top: 20px;

    font-size: 14px;

    margin: 0
}



.detail-comments .comment-box .comment-content .comment-rate span.comment-title,

.single-comments .comment-box .comment-content .comment-rate span.comment-title {

    font-weight: 500;

    font-style: italic
}



.detail-comments .comment-box .comment-content p.comment,

.single-comments .comment-box .comment-content p.comment {

    margin: .5rem 0
}



.detail-comments .comment-box .comment-content .comment-like,

.single-comments .comment-box .comment-content .comment-like {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 1rem
}



.detail-comments .comment-box .comment-content .comment-like a,

.single-comments .comment-box .comment-content .comment-like a {

    padding: 6px 12px
}



.detail-comments .comment-box .comment-content .comment-like .like-title,

.single-comments .comment-box .comment-content .comment-like .like-title {

    display: inline-block
}



.detail-comments .comment-box .comment-content .comment-like .like-btn a,

.single-comments .comment-box .comment-content .comment-like .like-btn a {

    margin-left: 10px
}



.detail-comments .comment-box .comment-content .comment-like .like-btn a.like,

.single-comments .comment-box .comment-content .comment-like .like-btn a.like {

    color: #292e8c
}



.detail-comments .comment-box .comment-content .comment-like .like-btn a.dislike,

.single-comments .comment-box .comment-content .comment-like .like-btn a.dislike {

    color: #a6aebb
}



.detail-comments .comment-box .comment-content .comment-like .like-btn a.love,

.single-comments .comment-box .comment-content .comment-like .like-btn a.love {

    color: #ff6f7e
}



@media(max-width:991px) {

    .blog-full .blog-height {

        height: 250px
    }



    .list-sidebar {

        margin-top: 2rem
    }



    .listing-main1 {

        padding: 0 !important
    }



    .listing-main1 .form-find .form-group {

        margin: 0 0 .5rem !important
    }

}



@media(max-width:767px) {

    .detail-listing-inner>div .detail-amenities li {

        width: 49%
    }



    .blog-full .blog-image>a {

        height: 320px
    }



    .blog-content {

        padding-top: 20px !important
    }



    .blog-single-in .blog-date,

    .blog-single-in .blog-single-in-cont {

        width: 100% !important
    }



    .blog-single-in .blog-single-in-cont {

        padding: 0 20px 20px
    }



    .blog .listing-inner {

        padding: 0 !important
    }

}



@media(max-width:639px) {



    .detail-comments .comment-box,

    .single-comments .comment-box {

        display: block !important;

        text-align: center
    }



    .detail-comments .comment-box .comment-image,

    .single-comments .comment-box .comment-image {

        display: inline-block
    }



    .detail-comments .comment-box .comment-content,

    .single-comments .comment-box .comment-content {

        margin-top: 1rem;

        margin-left: 0 !important
    }



    .detail-comments .comment-box .comment-content:before,

    .single-comments .comment-box .comment-content:before {

        display: none
    }



    .detail-comments .comment-box .comment-content p.comment-date,

    .single-comments .comment-box .comment-content p.comment-date {

        position: relative !important;

        top: 0;

        right: 0
    }



    .detail-comments .comment-box .comment-content .rating-comment,

    .single-comments .comment-box .comment-content .rating-comment {

        display: inline-block !important;

        width: 100%
    }



    .detail-comments .comment-box p.comment-date,

    .single-comments .comment-box p.comment-date {

        display: inline-block !important;

        margin-top: 2rem
    }



    .blog-imagelist {

        text-align: center
    }



    .blog-imagelist img {

        margin-bottom: 1rem
    }



    .review-box {

        margin-bottom: 15px
    }

}



@media(max-width:567px) {

    .list-results {

        display: inherit !important;

        text-align: center
    }



    .list-results .click-menu {

        justify-content: center !important;

        margin-top: 1rem
    }



    .list-results .click-menu .sortby {

        display: inline-block !important
    }



    ul.detail-inline {

        display: block !important
    }



    ul.detail-inline li {

        display: block !important;

        margin: 0 0 5px !important
    }



    .detail-listing-inner>div .detail-amenities li {

        width: 100%
    }

}



@media(max-width:400px) {



    .detail-comments .comment-box .comment-content .comment-like,

    .single-comments .comment-box .comment-content .comment-like {

        display: block !important
    }



    .detail-comments .comment-box .comment-content .comment-like .like-title,

    .single-comments .comment-box .comment-content .comment-like .like-title {

        float: none !important
    }



    .detail-comments .comment-box .comment-content .comment-like .like-btn,

    .single-comments .comment-box .comment-content .comment-like .like-btn {

        float: none !important;

        margin-top: .5rem
    }



    .detail-comments .comment-box .comment-content .comment-like .like-btn a,

    .single-comments .comment-box .comment-content .comment-like .like-btn a {

        padding: 0
    }



    .detail-title .detail-title-inner .list-single-contacts li {

        padding-right: 0
    }

}



.swiper-list li {

    display: inline-block;

    margin-bottom: 0;

    border: 1px solid #fff;

    padding: 5px 10px;

    text-align: center;

    border-radius: 0
}



section.blog .grid {

    position: relative;

    overflow: hidden;

    border-radius: 0
}



section.blog .grid .gridblog-content {

    padding: 20px 0 0
}



section.blog .grid .gridblog-content .date {

    border-bottom: 1px solid #f1f1f1;

    display: inline-block
}



section.blog .grid .gridblog-content .date a {

    color: #999;

    font-size: 14px
}



section.blog .grid .gridblog-content .date a:hover {

    color: #0c9db3
}



section.blog .grid .grid-image {

    position: relative;

    transition: all ease-in-out .5s;

    overflow: hidden
}



section.blog .grid .grid-image img {

    transition: all ease-in-out .5s;

    width: 100%
}



section.blog .grid .grid-image:hover img {

    transform: scale(1.1);

    transition: all ease-in-out .5s
}



section.blog .grid .grid-image:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .5);

    -webkit-transition: -webkit-transform 1.8s;

    transition: -webkit-transform 1.8s;

    transition: transform 1.8s;

    transition: transform 1.8s, -webkit-transform 1.8s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    z-index: 1
}



section.blog .grid .grid-image:hover:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)
}



section.blog .grid .grid-image .overlay {

    background: linear-gradient(to top, #0000007d, transparent)
}



section.blog .grid .grid-item1 .gridblog-content {

    position: absolute;

    bottom: 0;

    width: 100%;

    z-index: 2;

    padding: 20px
}



section.blog .grid .grid-item1 .date {

    border-bottom: 1px solid #fff;

    display: inline-block
}



.author-news {

    position: relative;

    overflow: hidden;

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    display: inline-block;

    width: 100%
}



.author-news .author-news-content {

    position: relative;

    z-index: 1
}



.author-news .author-news-content .author-thumb {

    width: 100px;

    height: 100px;

    margin: 0 auto;

    position: relative;

    overflow: hidden
}



.author-news .author-news-content .author-thumb img {

    width: 100%;

    border-radius: 50%;

    height: 100%
}



.author-news .author-news-content .author-thumb:before {

    position: absolute;

    content: '';

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 80px;

    width: 80px;

    border-radius: 50%;

    border: 2px dashed #fff
}



.header-social ul li {

    display: inline-block;

    margin: 0
}



.header-social ul li a i {

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px;

    background: #5e5eb7;

    color: #fff;

    margin-right: 2px
}



.header-social ul li a i:hover {

    opacity: .8
}



.header-social ul li a i:last-child {

    margin-right: 0
}



.header-social ul li:nth-child(2) a i {

    background: #c72026
}



.header-social ul li:nth-child(3) a i {

    background: #29a4dd
}



ul.sidebar-category li {

    display: block
}



ul.sidebar-category li a {

    position: relative;

    margin: 0 0 12px;

    border-radius: 10px;

    background: #fff;

    padding: 14px 20px;

    border: 1px solid #f1f1f1;

    display: block
}



ul.sidebar-category li a:hover {

    background: #0c9db3;

    color: #fff
}



ul.sidebar-category li.active a {

    background: #0c9db3;

    color: #fff
}



ul.sidebar-category1 li {

    display: block;

    line-height: 2.4
}



.sidebar-products .s-content {

    border-bottom: 1px dashed #f1f1f1
}



.sidebar-products .s-content .products-price {

    color: #0c9db3
}



.sidebar-tabs .nav-tabs {

    border-bottom: none;

    background: #fff;

    overflow: hidden;

    margin-bottom: 30px
}



.sidebar-tabs .nav-tabs>li button {

    border-radius: 10px;

    padding: 15px;

    margin: 0;

    line-height: inherit;

    border: 1px solid #f1f1f1;

    display: inline-block;

    width: 100%
}



.sidebar-tabs .nav-tabs>li button:hover {

    color: #fff !important;

    border-color: #0c9db3;

    background: #0c9db3
}



.sidebar-tabs .nav-tabs>li button.active {

    color: #fff !important;

    border-color: #0c9db3;

    background: #0c9db3
}



.sidebar-tabs .nav-tabs>li button.active:hover {

    color: #fff !important;

    border-color: #0c9db3;

    background: #0c9db3
}



.sidebar-tabs .sidebar-image {

    overflow: hidden
}



.sidebar-tabs .sidebar-image img {

    width: 100%;

    border-radius: 10px
}



.sidebar-tabs .s-content .blog-no {

    font-size: 32px;

    color: #ccc;

    font-weight: 700
}



.sidebar-tabs .s-content .date {

    font-size: 14px;

    font-style: italic
}



.sidebar-tabs .s-content h5 {

    text-transform: capitalize;

    border: none;

    padding: 0
}



ul.sidebar-tags li {

    display: inline-block;

    margin-bottom: 0
}



ul.sidebar-tags li a {

    padding: 10px 15px;

    background: #fff;

    display: inline-block;

    margin-bottom: 3px;

    border-radius: 10px;

    color: #444;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 15px #cccccc37;

    transition: all ease-in-out .5s
}



ul.sidebar-tags li a:hover {

    background: #0c9db3;

    color: #fff;

    transition: all ease-in-out .5s
}



.sidebar-videos article.post {

    padding: 15px;

    background: #fff;

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 15px #cccccc37
}



.sidebar-videos button.slick-prev.slick-arrow,

.sidebar-videos button.slick-next.slick-arrow {

    display: none !important
}



@media(max-width:991px) {

    .sidebar-pomplet {

        text-align: center
    }

}



.blog-single .para-content {

    border-top: 1px dashed #f1f1f1;

    padding-top: 15px
}



.blog-single .para-content span a {

    font-size: 14px;

    font-style: italic
}



.blog-single .blog-quote {

    position: relative;

    text-align: center;

    z-index: 10;

    padding: 60px 40px 30px;

    border-radius: 0;

    overflow: hidden
}



.blog-single .blog-quote:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background: #0c9db3;

    z-index: -1
}



.blog-single .blog-quote p {

    font-size: 28px;

    line-height: 1.3;

    margin-top: 50px
}



.blog-single .blog-quote span {

    font-size: 18px;

    font-style: italic
}



.blog-single .blog-quote i {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 30px;

    height: 75px;

    width: 75px;

    text-align: center;

    line-height: 75px;

    background: #fff;

    color: #0c9db3;

    border-radius: 50%;

    margin-bottom: 20px
}



.blog-single .blog-quote i:after {

    position: absolute;

    content: '';

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 55px;

    width: 55px;

    border-radius: 50%;

    border: 1px dashed #fff
}



.blog-single .blog-share {

    padding: 20px;

    background: #fff
}



.blog-single .blog-share .blog-share-tag ul li {

    display: inline-block;

    margin-bottom: 0
}



.blog-single .blog-next {

    display: inline-block;

    width: 100%;

    background: #fff;

    border-radius: 0;

    overflow: hidden
}



.blog-single .blog-next a {

    width: 50%;

    padding: 20px
}



.blog-single .blog-next a.float-left {

    background: #0c9db3
}



.blog-single .blog-next .prev,

.blog-single .blog-next .next {

    position: relative
}



.blog-single .blog-next .prev i,

.blog-single .blog-next .next i {

    position: absolute;

    left: 0;

    top: 6px
}



.blog-single .blog-next .next i {

    left: inherit;

    right: 0
}



.blog-single .blog-author {

    padding: 20px;

    border-radius: 0;

    background: #fff
}



.blog-single .blog-author .blog-author-item .title span {

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 400
}



.blog-single .blog-author .blog-author-item .blog-thumb img {

    border-radius: 50%;

    width: 150px;

    height: 150px
}



.blog-single .blog-author .blog-author-item .blog-thumb:before {

    position: absolute;

    content: '';

    left: 50%;

    top: 50%;

    height: 125px;

    width: 125px;

    transform: translate(-50%, -50%);

    z-index: 1;

    border: 2px dashed #fff;

    border-radius: 50%
}

.plan-our .about-image-box .text-end {

    text-align: right !important;

}

.plan-our .about-image-box .mb-4 {

    margin-bottom: 1.5rem !important;

}

.footer-upper .text-end {

    text-align: end !important;

}

@media(max-width:991px) {

    .blog-sidebar {

        margin-top: 2rem;

        position: relative
    }



    section.login {

        padding-bottom: 0 !important
    }



    section.login .login-content {

        margin-bottom: 2rem
    }

}



@media(max-width:767px) {


    
    




    .trending h2 {

        font-size: 28px;

    }

    .footer-upper .text-end {

        text-align: start !important;

    }

    .plan-our2 {

        padding: 2rem 0rem 40rem;

    }

    .trend-padding {

        padding-top: 4rem;

    }

    .plan-our .about-image-box .text-end {

        text-align: center !important;

    }

    .plan-our .about-image-box .mb-4 {

        margin-bottom: 1rem !important;

    }

    .plan-our {

        padding: 4rem 0rem 0rem;

    }

    .counter-main {

        position: initial;

        top: 0px;

    }

    .trending .trend-box .row.slick-slider {

        margin: 25px -15px;

    }

    .book-form2 .flex {

        display: inline-block;

    }

    .book-form2 .flex .form-group {

        margin-top: 15px;

    }

    .testimonial .ps-0 {

        padding-left: 1.5rem !important;

    }

    .book-form .form-group .input-box {

        width: 380px;

    }

    .book-form2 .form-group .input-box {

        width: 380px;

    }

    .book-form .form-group .nice-select {

        font-size: 16px;

        line-height: 1.5;

        margin-top: 15px;

    }

    .blog-single .blog-next a {

        width: 100%
    }



    .blog-single .blog-share {

        display: block !important;

        text-align: center
    }



    .blog-single .blog-share .header-social {

        margin-top: 1rem
    }



    .blog-single .blog-author {

        text-align: center
    }



    .blog-single .blog-author .blog-thumb {

        margin-bottom: 1rem
    }



    .blog-single .blog-quote {

        padding: 60px 20px 30px
    }



    .blog-single .blog-quote p {

        font-size: 21px
    }



    .blog-single .blog-single-in-cont {

        width: 100% !important;

        padding: 0 !important
    }



    .detail-comments h4,

    .single-comments h4 {

        text-align: center
    }

}



@media(max-width:359px) {

    .sidebar-tabs .nav-tabs>li>a {

        padding: 15px 13px
    }

}



.main-slider-1 {

    z-index: 1
}



.main-slider-1::before {

    content: '';

    background: #172445;

    height: 100%;

    width: 50%;

    position: fixed;

    left: 0;

    top: 0;

    z-index: -1
}



.main-slider-1 .main-slider-inner {

    position: fixed;

    top: 50%;

    left: 50%;

    width: 100%;

    transform: translate(-50%, -50%)
}



.main-slider-1 .main-slider-inner .logo-tab a {

    background: #fff;

    display: inline-block;

    padding: 15px
}



.main-slider-1 .main-slider-inner .form-content {

    width: 80%
}



.main-slider-1 .main-slider-inner .form-content .search-tabs li a {

    color: #fff;

    font-size: 18px;

    display: inline-block;

    vertical-align: middle;

    font-weight: 500;

    position: relative
}



.main-slider-1 .main-slider-inner .form-content .search-tabs li a span {

    display: block;

    font-size: 15px
}



.main-slider-1 .main-slider-inner .form-content .search-tabs li i {

    border-radius: 50%;

    color: #0c9db3;

    float: right;

    font-size: 16px;

    height: 38px;

    line-height: 38px;

    margin-right: 0;

    margin-top: 2px;

    text-align: center;

    width: 38px;

    background: #fff
}



.main-slider-1 .main-slider-inner .form-content .search-tabs li.active a {

    color: #0c9db3
}



.main-slider-1 .main-slider-inner .form-content .search-tabs li.active a span {

    color: #0c9db3
}



.main-slider-1 .main-slider-inner .form-content .search-tabs li.active i {

    background: #0c9db3;

    color: #fff
}



.main-slider-1 .main-slider-inner .form-content .nice-select {

    padding: 13px 20px 10px 35px
}



.main-slider-1 .main-slider-inner .form-content .range-slider .ui-slider .ui-slider-range {

    background: #fff
}



.main-slider-1 .main-slider-inner .form-content .range-slider .ui-slider .min-value,

.main-slider-1 .main-slider-inner .form-content .range-slider .ui-slider .max-value {

    color: #fff
}



.main-slider-1 .main-slider-inner .form-content label {

    color: #fff
}



.main-slider-1 .main-slider-inner .form-content .input-box {

    position: relative;

    display: inline-block;

    width: 100%
}



.main-slider-1 .main-slider-inner .form-content .input-box input {

    padding-left: 35px
}



.main-slider-1 .main-slider-inner .form-content .input-box i {

    position: absolute;

    left: 12px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1
}



.main-slider-1 .main-slider-inner .form-content .input-box [class^=fa-]:before {

    color: #0c9db3;

    font-weight: 600
}



.main-slider-1 .main-slider-inner .social-icons li {

    display: inline-block;

    position: relative
}



.main-slider-1 .main-slider-inner .social-icons li a {

    color: #0c9db3;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    background: #fff;

    text-align: center;

    line-height: 2.3;

    margin: 0 2px
}



.main-slider-1 #particles-js {

    position: fixed;

    z-index: -1
}



@media(max-width:991px) {

    .home-search .overlay {

        display: none
    }



    .home-search .main-slider-1::before {

        width: 100%;

        opacity: .8
    }



    .home-search .main-slider-1 .main-slider-inner {

        position: relative;

        top: inherit;

        left: inherit;

        transform: none
    }



    .home-search .main-slider-1 .main-slider-inner .main-tab-sec {

        margin-bottom: 2rem
    }



    .home-search .main-slider-1 .main-slider-inner .col-lg-6 {

        padding: 0 15px !important
    }



    .home-search .main-slider-1 .main-slider-inner .form-content .search-tabs li {

        text-align: center
    }



    .home-search .main-slider-1 .main-slider-inner .form-content .search-tabs li a {

        display: block
    }



    .home-search .main-slider-1 .main-slider-inner .form-content .search-tabs li i {

        float: none
    }

}



@media(max-width:991px) {

    .booking-terms .form-group {

        width: 100% !important
    }



    .booking-terms a {

        width: auto !important
    }

}



.flight-banner a.nir-btn {

    padding: 12px 24px;

    height: 50px;

    line-height: 2
}



.flight-banner .flight-slider {

    position: relative;

    width: 150%;

    right: 0;

    top: 0
}



.flight-navtab .nav-tabs {

    border: none;

    background: #777;

    border-radius: 10px 10px 0 0;

    text-align: center;

    display: inline-block
}



.flight-navtab .nav-tabs button {

    padding: 15px 20px;

    text-align: center;

    display: inline-block;

    text-transform: uppercase;

    color: #fff;

    border: none;

    border-radius: 0
}



.flight-navtab .nav-tabs button span {

    display: block;

    font-weight: 700
}



.flight-navtab .nav-tabs button.active,

.flight-navtab .nav-tabs button.show {

    background: #0c9db3;

    color: #fff
}



.flight-full .accordion-button:focus {

    box-shadow: none
}



.flight-full .accordion-button:not(.collapsed) {

    color: #0c9db3;

    background: 0 0;

    box-shadow: none
}



@media(max-width:991px) {

    .flight-banner .banner-in .book-form {

        position: relative !important
    }



    .flight-banner .flight-slider {

        position: relative;

        width: 100%
    }

}



@media(max-width:991px) {

    .flight-navtab .nav-tabs button {

        width: 100%
    }

}



.car-banner a.nir-btn {

    padding: 12px 24px;

    height: 50px;

    line-height: 2
}



.car-banner .book-form {

    width: 90%
}



.faq-main {

    background-color: #c5e8ed;

}



.faq-main .contact-back {

    background-color: white;

    margin-top: 30px;

    margin-bottom: 30px;

}



.faq-main .section-title h2 {

    color: #000;

    margin-top: 40px;

    font-weight: 500;

    margin-bottom: 0px;

}

.faq-main .section-title {

    margin-bottom: 40px;

}

.faq-main .section-title p {

    color: #000;

    font-size: 17px;

    margin-bottom: -10px;

}

.about-vid {

    background-image: url(../images/about-us/vision-banner.jpg);

    background-size: cover;

    padding: 60px 0px 120px;

}

.about-vid .text {

    padding: 0px 40px;

}

.about-vid .text h2 {

    color: #fff;

}

.about-vid .text h3 {

    color: #fff;

    font-weight: 400;

    text-transform: none;

}

@media(max-width:767px) {



    .pagination-main .pagination li a {

        margin-right: 0px;

        font-size: 21px;

    }

    .faq-main {

        padding: 20px 0px;

    }

    .faq-main .section-title h2 {

        margin-top: 20px;

    }

    .faq-main .section-title p {

        font-size: 15px;

    }

    .faq-main .section-title {

        margin-bottom: 20px;

    }

}



/* ----------------------home stay about tab page ----------------------------- */

.carousel {

    position: relative;

    padding: 0px 0px !important;

}

.carousel-item img {

    object-fit: cover;

}



/* #carousel-thumbs {

	background: #f0f0f0;

	padding: 0 50px;

} */

#carousel-thumbs img:hover {

    opacity: 100%;

}



#carousel-thumbs img {

    opacity: 80%;

    border: 3px solid transparent;

    cursor: pointer;

}

#carousel-thumbs .selected img {

    opacity: 100%;

}



.carousel-control-prev,

.carousel-control-next {

    width: 50px;

}



.carousel-fullscreen-icon {

    position: absolute;

    top: 1rem;

    left: 1rem;

    width: 1.75rem;

    height: 1.75rem;

    z-index: 4;

}





.pause .carousel-pause-icon {

    position: absolute;

    top: 3.75rem;

    left: 1rem;

    width: 1.75rem;

    height: 1.75rem;

    z-index: 4;

}





.play .carousel-pause-icon {

    position: absolute;

    top: 3.75rem;

    left: 1rem;

    width: 1.75rem;

    height: 1.75rem;

    z-index: 4;



}



.modal-content {

    border-radius: 0;

    background-color: transparent;

    border: none;

}

#lightbox-container-image img {

    width: auto;

    max-height: 520px;

}



/* ----------------------------------------------------------- */

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {

    color: #0c9db3;

    background-color: white;

    border: 1px solid #0c9db3;

}



.nav-pills .nav-link {

    background-color: #0c9db3;

    color: #fff;



}



.home-stay-a1 {

    padding: 38px;

    border: 1px solid #0c9db3;

    border-radius: 0.5rem;

}



.home-stay-a1 h4 {

    font-weight: 500;

}



.home-stay-a1 p {

    font-size: 15px;

    color: #000;

}



.home-stay-a1 ul li {

    font-size: 15px;

    color: #000;

    list-style: square;

    display: list-item;

    margin-left: 17px;

}



.home-abo ul.nav {

    justify-content: space-between;

}





.form-g1 {

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

}



.form-g2 {

    text-align: end;

}



.file {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}

.file--upload>label {

    color: hsl(204, 86%, 53%);

    border-color: hsl(204, 86%, 53%);

}

.file>label {

    font-size: 15px;

    letter-spacing: 1px;

    font-weight: 500;

    cursor: pointer;

    outline: 0;

    user-select: none;

    border-radius: 4px;

    border-width: 1px;

    background-color: #eefdff;

    color: #0c9db3;

    padding-left: 16px;

    padding-right: 16px;

    padding-top: 12px;

    padding-bottom: 12px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.input-file i {}

.file>label>i {

    padding-right: 5px;

    font-style: normal;

    font-size: 24px;

    display: inline-block;

    line-height: 1;

    text-transform: none;

    letter-spacing: normal;

    word-wrap: normal;

    white-space: nowrap;

    direction: ltr;

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

    -moz-osx-font-smoothing: grayscale;

    font-feature-settings: 'liga';

}

.file>input[type='file'] {

    display: none;

}



.author-content h3 {

    font-size: 26px;

    background-color: #0c9db3;

    color: #fff;

    font-weight: 500;

    line-height: 2;

    letter-spacing: 1px;

}



.author-content-details {

    display: flex;

    justify-content: space-between;

    color: #000;

    padding: 0px 17px;

}



.author-2 {

    font-size: 19px;

}



.author-content-details-2 {

    justify-content: space-between;

    color: #000;

    padding: 10px 17px;

}



.author-4 h4 {

    background-color: #0c9db3;

    line-height: 2.5;

    color: #fff;

    border-radius: 6px;

    box-shadow: 0 0 15px #cccccc37;

}



.author-4 h4 a {

    background-color: #0c9db3;

    line-height: 2.5;

    color: #fff;

    border-radius: 6px;

    box-shadow: 0 0 15px #cccccc37;

}



.trend-img-title {

    margin-left: 30px;

}





/* -----------------------tour list ----------------------- */

.tour-list-side {

    box-shadow: 0 0 15px #cccccc37;

    border: 1px solid #f1f1f1 !important;

    padding: 0px 17px;

}



.tour-list-side-2 {

    box-shadow: 0 0 15px #cccccc37;

    border: 1px solid #f1f1f1 !important;

    padding: 15px 17px;

    color: #000;

}





.tour-side-title {

    margin-left: -17px;

    margin-right: -17px;

}



.tour-side-title h3 {

    font-size: 26px;

    color: #fff;

    font-weight: 500;

    line-height: 2;

    letter-spacing: 1px;

    background-color: #0c9db3;

    padding: 0px 17px;

}



.tour-side-detail {

    color: #000;

    border-bottom: 2px solid whitesmoke;

    margin-bottom: 10px;

}



.form-group-2 input {

    width: 85%;

    height: 46px;

    font-size: 15px;

    padding: 6px 12px;

    border-radius: 12px;

    /* border: 1px solid #777777; */

    margin-left: -5px;

    background-color: #f7f7f7;

    margin-bottom: 20px;

}





/* modal home page  */

.modal-btn button {

    border: 1px solid #0c9db3;

    font-size: 20px;

    font-weight: 400;

    color: #fff;

    background: #0c9db3;

    line-height: 1.2;

    padding: 12px 44px;

    border-radius: 10px;

}

.modal-btn .btn-primary:hover {

    color: #fff;

    background-color: #0c9db3;

    border-color: #0c9db3;

    box-shadow: none;

}

.modal-btn button:after {



    content: '';

    display: block;

    height: 10px;

    margin-top: -4px;

    pointer-events: none;

    position: absolute;

    right: 20px;

    top: 50%;

    width: 10px;

}

.visit-modal .modal .modal-dialog {

    background-color: #fff !important;

}

.visit-body label {

    color: #000;

}

.visit-body {

    border: 1px solid;

    padding: 45px 35px
}

.visit-details {

    border: 1px solid;

    padding: 35px
}

.visit-people p {

    background-color: #343232;

    color: #fff;

    padding: 5px 16px;

    margin-bottom: 0px;

    border-radius: 4px;

}

.private-pop input {

    border: 1px solid #000;

    text-align: center;

    height: 40px;

}

.private-pop input:focus {

    border-color: #000;

}

.private-pop label,

.private-pop2 label {

    color: #000;

}

.visit-body2 {

    border: 1px solid;

    padding: 16px;

    margin-top: 20px;

}

.visit-body2 p {

    margin-bottom: 0px;

}

.visit-body2 input {

    border: 1px solid;

}



/* why samsona  */
.d-display {
    /* box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px; */
    /* padding: 30px; */
    /* border-radius: 16px; */
}

.why-sam {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px;
    padding-bottom: 0px;
    /* margin-bottom: -11px; */
}

.categories-details details summary:after {
    position: absolute;
    content: "READ MORE";
    right: 43%;
    top: 110%;
    transform: translateY(-50%);
    border: 2px solid #0c9db3;
    line-height: 1;
    border-radius: 9px;
    font-size: 19x;
    width: 13%;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0c9db3;
    color: #fff !important;
    font-weight: 500;
}

.categories-details details summary {
    /* padding: 16.5px 20px; */
    transition: all .4s ease;
    display: flex;
}

.categories-details details[open] summary:after {
    content: "CLOSE";
    align-items: normal;
    font-size: 19px;
    line-height: 40px;
    font-weight: 500;
    top: 96%
}

.categories-details details summary h5 {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: 700;
}

.categories-details details p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 9px;
}

.in2 {
    display: flex;
}

.why-samson-desk {
    display: block;
}

.why-samsona-mobile {
    display: none;
}

.company-profile{
    padding-top: 30px;
    padding-bottom: 30px;
}
.company-profile h3{
    margin: 0;
    margin-top: 20px;
}
.company-profile ul li{
    color: #000;
}
.review-slider1 .item .text p{
    color: #fff;
}
.visomn-btm{
    margin-bottom: 20px;
}
.comment-btn{
    text-align: end;
}
.trend-image img{
    width: 100%;
}

.float{
	position: fixed;
    width: 50px;
    height: 50px;
    bottom: 75px;
    right: 24px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 35px;
     
    z-index: 100;
}

.my-float{
	margin-top:0px;
}

.filter-container {
    background-color: white;
    display: flex;
    align-items: center;
    padding: 15px 40px;
    border-radius: 50px;
    gap: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  

  .filter-container .dropdown {
    border: none;
    font-size: 16px;
    color: #000;
    padding: 0; 
    border-radius: 5px;
    background-color: transparent;
    width: 100%;
    font-weight: 500;
    padding-top: 0;
     
  }
    
   
  .filter-container  .search-input {
    display: flex;
    align-items: center;
  }

  .filter-container .search-input i {
    color: #0d8140;
    margin-left: 6px;
    cursor: pointer;
    font-size: 25px;
  }

  .filter-container .divider {
    height: 80px;
    width: 1px;
    /* background-color: #ccc; */
    border: 1px dashed #ccc;
    margin: 0px 20px;
  }

  .filter-container .filter-btn {
    padding: 13px 33px;
    border: none;
    border-radius: 30px;
    font-size: 17px;
    cursor: pointer;
  }

  .filter-container .filter-btn.active {
    background-color: #00a6b4;
    color: white;
  }

  .filter-container .filter-btn.inactive {
    background-color: #6c6c6c;
    color: white;
  }

  .filter-container .search-btn {
    background-color: #00a6b4;
    color: white;
    border: none;
    padding: 13px 40px;
    border-radius: 30px;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
  }
  .filter-container select.niceSelect{
    width: 15%  !important;
    padding: 13px 20px !important;
  }
  .type-touis{
    width: 100% !important;
  }
  .type-touis label{
    font-size: 15px;
    color: #666;
  }
  .filter-container .nice-select:after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: '';
    display: block;
    height: 8px;
    margin-top: 0;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 20%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 8px;

}
  .filter-container .buhg.nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
    display: block;
    height: 8px;
    margin-top: 0;
    pointer-events: none;
    position: absolute;
    right: 34px;
    top: 38%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 8px;

}

.tests a{
    color: #0c9db3;
    font-weight: 600;
    
}
 
.footrlinks1 ul{
    display: flex ;
    justify-content: flex-end;
}


.footrlinks1 ul li a{
    margin-bottom: 15px;
    color: #fff;
    display: block;
    margin-left: 14px;
}

footer .footer-upper .footrlinks1 ul li a:hover {
    color: #fff !important;
    transition: all ease-in-out .5s;
}
.prevee h3{
    font-size: 34px;
    color: #707070;
}
.prevee1 h3{
    font-size: 34px;
    color: #0b9cb2;
}


.trend-content-main1{
background-color: #fff;
}

.hotdels h3 a{
   color: #000;
}


.trend-content-main1 {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 200px; /* Set this to control equal height */
    margin-top: -6px;
  }
  

   
  .float{
	position: fixed;
    width: 50px;
    height: 50px;
    bottom: 75px;
    right: 24px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    line-height: 1.7;
    font-size: 29px;
    z-index: 100;
}

.my-float{
	margin-top:0px;
}


.prev h1{
    font-size: 40px;
    font-weight: 700;
}
 
 




.pagination-main .pagination li a {
    padding: 0;
    height: 12px;
    width: 12px;
    margin: 0 6px;
    border-radius: 50%;
    background: #aaa;
    display: inline-block;
    text-indent: -9999px; /* Hide text if any */
    overflow: hidden;
    transition: background 0.3s;
    border: none;
  }
  
  .pagination-main .pagination li.active a {
    background: #000; /* Active dot color */
  }
  
  .pagination-main .pagination li a:hover {
    background: #555;
  }
.searh-ban1{
    display: flex;
    align-items: center; 
    gap: 12px;
}
.searh-ban2{
    display: flex;
    align-items: center; 
    gap: 12px;
}
.searh-ban2 .filter-btn.inactive.buhg.niceSelect{
    padding-right: 50px !important;
}
.filter-container p{
    margin-bottom: 0;
    text-align: initial;
}
.filter-container .visit-details { 
    text-align: initial;
}
.filter-container .visit-details p{
    font-size: 16px;
}
.categories-details details summary:after {
    position: absolute;
    content: "VIEW MORE";
    right: 43%;
    top: 110%;
    transform: translateY(-50%);
    border: 2px solid #0c9db3;
    line-height: 1;
    border-radius: 9px;
    /* font-size: 1px; */
    width: 13%;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0c9db3;
    color: #fff !important;
    font-weight: 500;
    border-radius: 24px;
}
.categories-details details summary {
    /* padding: 16.5px 20px; */
    transition: all .4s ease;
    display: flex;
}
.categories-details details[open] summary:after {
    content: "CLOSE";
    align-items: normal; 
    line-height: 40px;
    font-weight: 500;
    top:104%;
}
/* ----------------mobile */

@media(max-width:767px) {



    .home-abo ul.nav {

        display: grid;

        justify-content: center;

    }



    .home-abo ul.nav li {

        margin-bottom: 10px;

    }



    .nav-pills .nav-link { 

        width: 100%;

    }

    .categories-details details summary {
        display: block;
    }

    .in2 {
        display: block;
    }

    .why-samson-desk {
        display: none;
    }

    .why-samsona-mobile {
        display: block;
    }

    .categories-details details summary:after {
        right: 31%;
        top: 108%;
        width: 35%;
    }

    .categories-details details[open] summary:after {
        top: 103%;
    }

    .filter-container { 
        display: flex; 
        flex-direction: column;
        padding: 8px 16px; 
        gap: 5px;
        align-items: initial;

    }
    .type-touis {
        width: 100% !important;
    }
    .filter-container .search-input {
        display: flex ;
        flex-direction: row-reverse;
    }
    .filter-container .dropdown { 
        width: 73%; 
    } 
    .filter-container .divider {
         display: none;
    }         
    .filter-container .search-input i { 
        margin-top: -76px;
    }
    label { 
        margin-bottom: 15px; 
    }
     
    .slick-prev { 
        display: none  !important; 
    }

    .slick-next {
        display: none  !important; 
    }

    .banner-content h3 {
        font-size: 24px;
        
    }
    .banner .banner-content .eurpo-logo {
    position: relative;
    right: 0;
            top: 0;
}

    .banner-content p   {
            font-size: 13px;
        padding-top: 5px;
        
    }
    .banner-content p br{
        display: none;
    }
    .trending.pt-10{
        padding-top: 40px !important;
    }



    
    
    
    .footer-links ul li {
        margin-bottom: 10px;
    }

    .social-links ul {
        justify-content: center;
        padding-left: 0;
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    .social-links p {
        text-align: center;
        margin-bottom: 8px;
    }



    .footrlinks1 ul {
        display: flex ;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .trending .trend-item, .trending .trend-item1, .trending .trend-item2 { 
        margin-bottom: 20px;
    }
    .searh-ban2 {
        display: block;
        align-items: center;
        gap: 12px;
    }
    .type-touis {
        width: auto !important;
    }
    .filter-container .filter-btn { 
        width: 100%;
        margin-bottom: 10px;
    }
    
    .blog-next .prev p {
        line-height: 20px;
        font-size: 14px;
        margin-top: -4px;
        margin-bottom: 0px;
    }
    .blog-next .prev {
        padding: 5px 25px;
    }
    .prevee h3 {
        font-size: 23px;
        color: #707070;
        margin: 0;
    }
   .team-content h4{
    font-size: 19px;
   }
   .plan-our2 .counter-main2 a{
    margin-top: 60px;
   }


}