@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600&display=swap');
html {
    font-size: 100%;
    max-width: 100%
}

html,
html a {
    -webkit-font-smoothing: antialiased
}

body {
    background-attachment: fixed;
    color: #777;
    font-size: 14px;
   font-family: 'Manrope', sans-serif;
    background-color: #fff;
    overflow-x: hidden;
    max-width: 100%;
    overflow-x: hidden!important
}

img {
    max-width: 100%;
    height: auto
}

p {
    font-size: 14px;
    line-height: 26px;
    margin: 0;font-family: 'Manrope', sans-serif;
}

.flag {
    width: 50px;
    height: 34px;
    position: absolute;
    top: 9%;
    left: 96%;
    z-index: 999
}

.flag2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 11%;
    left: 53%;
    z-index: 999
}

.flag3 {
    width: 150px;
    height: 37px;
    position: absolute;
    top: 20px;
    right: 0!important;
    z-index: 999
}

.zero-margin {
    margin-bottom: 0!important
}

.tour-area,
.tour-area2 {
    width: 100%;
    float: left;
    background: #fff
}

.tour-area ul,
.tour-area2 ul {
    margin: 0;
    padding: 0
}

.tour-area ul li,
.tour-area2 ul li {
    list-style-type: none;
    width: 32%;
    text-align: center;
    display: inline-block;
    font-size: 30px;
    margin: 10px 0;
    color: #2db8bd;
    border-right: 1px dotted #ccc
}

.tour-area2 ul li {
    width: 24%;
    height: 47px;
    text-align: left
}

.tour-area ul li p,
.tour-area2 ul li p {font-family: 'Manrope', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    color: #777
}

.tour-area ul li p span,
.tour-area2 ul li p span {font-family: 'Manrope', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    text-align: center;
    color: #333
}

.tour-width {
    width: 90%!important;
    border: none!important
}

.tour-width2 {
    width: 70%!important;
    border: none!important
}

.tour-area2 ul li p,
.tour-area2 ul li p span {
    text-align: left!important;
    float: left
}

.tour-area2 ul li {
    margin-top: 30px
}

.tour-area2 ul li i {
    font-size: 25px
}

.tour-area2 ul li i.font {
    font-size: 12px;
    width: 22px;
    height: 22px;
    border: 1px solid #777;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    color: #20bdbe;
    display: inline-block
}

.tour-area2 ul li p {font-family: 'Manrope', sans-serif;
    position: relative;
    top: -15px;
    font-size: 11px;
    text-transform: uppercase
}

.tour-area2 ul li p span {font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 600
}

.input-width {
    width: 40%;
    height: 45px;
    padding: 5px 5px 5px 30px;
    background: #000;
    opacity: .7;
    border: none;
    margin: 50px 5px 0 0;
    color: #fff;
    border: 1px solid #fff
}

.input-width2 {
    width: 20%
}

.testimonials-section {
    width: 100%;
    float: left;
    background: #fff;
    padding: 25px 50px
}



.navigation-1 .owl-next .fa,
.navigation-1 .owl-prev .fa {
    background: 0 0
}

.navigation-1 .owl-prev {
    right: 20px;
    left: auto;
    top: -20px
}

.navigation-1 .owl-next {
    right: 0;
    left: auto;
    top: -20px
}

.top-0 .owl-prev {
    right: 20px;
    left: auto;
    top: 0

}

.top-0 .owl-next {
    right: 0;
    left: auto;
    top: 0
}

.navigation-2 .owl-prev {
    right: 35px;
    left: auto;
    top: 0
}

.navigation-2 .owl-next {
    right: 0;
    left: auto;
    top: 0
}

.navigation-shop .owl-prev {
    left: 2px
}

.navigation-shop .owl-next {
    right: 2px
}

.navigation-shop .owl-next .fa,
.navigation-shop .owl-prev .fa {
    background: 0 0
}

.widget .navigation-1 .owl-next,
.widget .navigation-1 .owl-prev {
    top: -30px
}

.pagination-1 .owl-controls .owl-page span {
    border-radius: 0;
    height: 7px;
    margin: 2px;
    width: 22px
}

.pagination-2 .owl-controls .owl-page span {
    border-radius: 50%;
    -moz-border-radius: 50%;
    height: 10px;
    margin: 2px;
    width: 10px
}

.dark-switch .owl-controls .owl-page span {
    background: rgba(0, 0, 0, 1)
}

.light-switch .owl-controls .owl-page span {
    background: rgba(255, 255, 255, 1)
}

.testimonails blockquote {
    font-size: 15px;
    font-style: italic;
    margin-bottom: 0
}

.client-details {
    font-size: 12px;
    margin: 8px 0
}

.client-details strong {
    display: block;
    font-size: 14px
}

.client-details span {
    color: #7f7f7f;
    font-style: italic
}

.client-details span.white {
    color: #fff
}

.desc-border blockquote,
.no-border blockquote,
.quote blockquote {
    border-left: 0
}

.no-border blockquote {
    padding: 0
}

.desc-border {
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: 15px
}

.desc-border .star-rating {
    padding: 5px 0 12px 0
}

.inline div,
.inline p,
.inline span,
.inline strong {
    display: inline-block
}

.item {
    position: relative
}

.testimonails .item>p {
    padding: 0 15px
}

.bottom-arrow {
    position: relative
}

.bottom-arrow:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e1e1e1 transparent transparent;
    border-image: none;
    border-right: 10px solid transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -20px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.bottom-arrow:after,
.bottom-arrow:before {
    left: 0;
    margin: 0 auto;
    right: 0
}

.bottom-arrow:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff transparent transparent;
    border-image: none;
    border-right: 10px solid transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -18px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.bottom-arrow.light:after {
    border-color: #f7f7f7 transparent transparent
}

.client-box {
    background: rgba(241, 241, 241, .1);
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-left: 40px;
    padding: 20px 20px 20px 60px
}

.client-box .client-image {
    bottom: 20px;
    left: 15px;
    position: absolute
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a {
    color: grey;
    text-decoration: none
}

a:focus,
a:hover {
    color: #595959;
    text-decoration: none
}

.my-footer-social-box h4 a:hover,
.my-footer-social-box h4 a:hover i {
    opacity: .8
}

a:focus,
a:hover {
    outline: 0!important
}

a img {
    border: none
}

iframe {
    border: none
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Manrope', sans-serif;
    font-weight: 500;
    line-height: 1.42857143;
    color: #000;
    margin-top: 0;
    margin-bottom: 10px
}

h2.txt {font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #20bdbe
}

h2.txt2 {font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #777
}

h2.txt3 {font-family: 'Manrope', sans-serif;
    font-size: 22px;
    color: #333;
    margin-top: 15px
}

.list-tours {
    width: 100%;
    float: left
}

.list-tours ul {
    margin: 0;
    padding: 0
}

.list-tours ul li {
    list-style-type: none;
    margin: 7px 0;font-family: 'Manrope', sans-serif;
    list-style-position: outside;
    font-size: 14px;
    color: #777
}

.list-tours ul li i {
    font-size: 14px;
    color: #2db8bd
}

i.icons {
    font-size: 44px;
    color: #2db8bd;
    float: left;
    margin-top: 10px
}

.listing {
    width: 100%;
    float: left;
    margin-top: 30px
}

.listing ul {
    margin: 0;
    padding: 0
}

.listing ul li {
    list-style-type: none;
    display: inline-block;
    margin: 5px 15px
}

.listing ul li select {font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #777;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    display: inline-block;
    line-height: 1.5em;
    padding: .5em 3.5em .5em 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none
}

.listing ul li select.round {
    background-image: linear-gradient(45deg, transparent 50%, #20bdbe 50%), linear-gradient(135deg, #20bdbe 50%, transparent 50%), radial-gradient(#eee 70%, transparent 72%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;
    background-size: 5px 5px, 5px 6px, 1.7em 1.7em;
    background-repeat: no-repeat
}

.list-filtering a {
    width: 30px;
    height: 30px;
    float: right;
    color: #999;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin: 40px 5px 0
}

.list-filtering a:hover {
    color: #20bdbe;
    border: 1px solid #20bdbe
}

.heading-color {
    color: #fff
}

.my-sector-topp {
    text-align: center
}

.my-sector-topp span {
    color: #4a89dc;
    font-size: 30px
}

.my-sector-topp h2 {
    font-size: 26px;
    margin-top: 10px;
    text-transform: uppercase
}

.my-sector-topp h2 span {
    color: #4a89dc;
    font-size: 26px
}

.my-sector-topp p {
    margin-bottom: 60px;
    letter-spacing: 1px
}

.my-sector-topp-two {
    margin-bottom: 60px
}

.my-sector-topp-two h3 {
    font-size: 26px;
    text-transform: uppercase;
    float: left;
    letter-spacing: 1px
}

.my-sector-topp-two h3 span {
    color: #4a89dc
}

.my-sector-topp-two .my-title-line {
    float: left;
    position: relative;
    width: 80px;
    height: 1px;
    background: #4a89dc;
    margin-top: 18px;
    margin-left: 15px
}

.my-sector-topp-two .my-title-line::before {
    content: " ";
    position: absolute;
    top: -3px;
    left: 0;
    width: 60px;
    height: 1px;
    background: #4a89dc
}

.my-sector-topp-two .my-title-line::after {
    content: " ";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100px;
    height: 1px;
    background: #4a89dc
}

.my-sector-topp-two p {
    letter-spacing: 1px;
    color: #777;
    margin-top: 38px
}

.my-title-white h3 {
    color: #fff
}

.my-sector-topp-three {
    margin-bottom: 35px
}

.my-sector-topp-three h3 {
    float: none
}

.my-sector-topp-three .my-title-line {
    float: none;
    margin-left: 0
}

.my-layer-black {
    position: relative
}

.my-layer-black:before {
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, .7)
}

.my-layer-white {
    position: relative
}

.my-layer-white:before {
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background: rgba(255, 255, 255, .9)
}

.my-layer-blue {
    position: relative
}

.my-layer-blue:before {
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background: rgba(72, 143, 225, .8)
}

.scrollToTop {
    background: rgba(0, 0, 0, .3);
    bottom: 15px;
    display: none;
    height: 50px;
    padding: 2px;
    position: fixed;
    right: 15px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    z-index: 99999
}

.scrollToTop i {
    color: #fff;
    font-size: 42px
}

.scrollToTop:hover {
    background: rgba(0, 0, 0, .8);
    text-decoration: none
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/preloader.gif)
}

.my-header-top-bar {
    background: 0 0;
    padding: 0
}

.my-header-top-bar .my-top-bar-col {
    display: block;
    margin: 0 auto
}

.my-header-top-bar .my-top-bar-col ul li {
    margin: 0;
    padding: 0
}

.my-header-top-bar .my-top-bar-col ul li a {
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 40px
}

.my-header-top-bar .my-top-bar-col.my-address li a i,
.my-header-top-bar .my-top-bar-col.my-contact-num li a i {
    color: #488fe1;
    margin-right: 10px;
    line-height: 30px
}

.my-top-bar-col.my-address {
    margin-right: 30px
}

.my-header-top-bar .my-top-bar-col ul {
    list-style: none
}

.my-header-top-bar .my-top-bar-col .my-font-icons li a {
    border-right: 1px solid #384651;
    padding: 3px 9px;
    margin: 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.my-header-top-bar .my-top-bar-col .my-font-icons li {
    display: -moz-box;
    margin-left: -3px;
    vertical-align: top
}

.my-header-top-bar .my-top-bar-col .my-font-icons li:hover {
    background-color: #488fe1
}

.my-header-top-bar .my-top-bar-col .my-font-icons a {
    color: #898989;
    text-decoration: none;
    width: 40px
}

.my-header-top-bar .my-top-bar-col li:last-child {
    border-right: none
}

.my-header-top-bar .my-top-bar-col .my-font-icons li a:hover {
    background: #488fe1
}

.my-header-top-bar .my-top-bar-col .my-font-icons li a:hover i {
    color: #fff
}

.my-header-top-bar .my-top-bar-col .my-font-icons li a i {
    color: #898989;
    margin-right: 0
}

.my-header-top-bar .my-lang-cart li {
    display: inline-block
}

.my-header-top-bar .my-lang-cart .my-carts-icon {
    margin-left: 15px
}

.my-header-top-bar .my-top-bar-col button.my-lang {
    color: #fff;
    padding: 8px 25px;
    background: 0 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-header-top-bar .my-top-bar-col button.my-lang:hover {
    background-color: #488fe1;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-header-top-bar .my-top-bar-col .dropdown-menu>li>a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 60px 3px 27px;
    white-space: nowrap
}

.my-header-top-bar .my-top-bar-col .dropdown-menu>li>a:focus,
.my-header-top-bar .my-top-bar-col .dropdown-menu>li>a:hover {
    background-color: #f5f5f5;
    color: #262626;
    text-decoration: none
}

.my-header-top-bar .my-top-bar-col .my-lang-cart .dropdown-menu li a i {
    margin-right: 0
}

.my-header-top-bar .my-lang-cart .my-carts-icon sup {
    background: #488fe1 none repeat scroll 0 0;
    border-radius: 50%;
    font-size: 8px;
    line-height: 30px;
    padding: 3px 5px
}

.my-header-top-bar .my-lang-cart .my-carts-icon i {
    margin-right: 0
}

.menuzord-brand img {
    max-height: 90px
}

.my-header-nav .my-main-nav.scrollingto-fixed {
    background: #fff
}

.my-header-nav .my-get-btn {font-family: 'Manrope', sans-serif;
    font-size: 14px;
    background-color: #488fe1;
    border-color: #488fe1;
    color: #fff;
    border-radius: 0;
    margin-top: 15px
}

.my-header-nav .my-get-btn i {
    margin-right: 10px
}

.my-feature-piechart {
    margin-top: -150px
}

.menuzord-menu ul.dropdown li a {
    font-size: 14px;
    font-weight: 600
}

.my-main-slider {
    overflow: hidden
}

.my-main-slider span {
    color: #488fe1
}

.my-main-slider .btn {
    margin-top: 30px
}

.my-img-fluided {
    width: 100%
}

.masonry-filter {
    margin-bottom: 60px;
    text-align: center
}

.list-inline.masonry-filter>li {
    padding-right: 0
}

.gallery-slider .item .thumb {
    position: relative
}

.gallery-slider .item .thumb:hover .layer {
    transform: scale(1)
}

.gallery-slider .item .thumb .layer {
    bottom: 0;
    height: 90%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    transform: scale(0);
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.gallery-slider .item .thumb .layer i {
    color: #fff;
    font-size: 30px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 45%
}

.my-btn-small {
    color: #fff;
    padding: 10px 20px;
    text-transform: capitalize;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-btn-small:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-btn-blue,
.my-btn-blue2 {
    color: #fff;
    padding: 10px 20px;
    text-transform: capitalize;font-family: 'Manrope', sans-serif;
    background: #20bdbe;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-btn-blue2 {
    color: #333;
    background: #fff
}

.my-btn-blue2:hover,
.my-btn-blue:hover {
    color: #fff;
    background: #ff901a;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-btn-black {
    color: #fff;
    padding: 12px 40px;
    text-transform: capitalize;
    background: #000;
    border-color: #000;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-btn-black:hover {
    color: #fff;
    background: #488fe1;
    border-color: #488fe1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-btn-white {
    color: #a1b1bc;
    padding: 12px 40px;
    text-transform: capitalize;
    background: #fff;
    border-color: #e5e5e5;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-btn-white:hover {
    color: #fff;
    background: #488fe1;
    border-color: #488fe1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;


    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-btn-mid {font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 20px 28px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-btn-mid:hover {
    color: #fff;
    background-color: #488fe1;
    border-color: #488fe1;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-font-icons li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    padding-right: 0
}

.my-font-icons a {
    color: #333;
    font-size: 18px;
    width: 32px;
    float: left;
    margin: 5px 7px 5px 0;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-font-icons a:hover {
    color: #666
}

.my-about-field {
    padding: 100px 0 70px
}

.my-about-field .my-big-title p {
    margin-bottom: 60px;
    letter-spacing: 1px
}

.my-about-field .my-big-title h1 span {
    color: #2db8bd
}

.my-about-field .my-about-col {
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.my-about-field .my-about-col .my-about-col-title {
    position: relative;
    padding-left: 70px
}

.my-about-field .my-about-col .my-about-col-title span {
    position: absolute;
    left: 0;
    top: -17px;
    display: inline-block;
    font-size: 36px;
    line-height: 52px;
    color: #488fe1;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.my-about-field .my-about-col .my-about-col-content {
    margin-bottom: 70px
}

.about-img-column {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.about-img-column .layer {
    bottom: 0;
    background: rgba(2, 2, 2, .4)
}

.about-img-column .layer {
    height: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.about-img-column .layer .img-col-content {
    padding: 0 20px;
    padding-top: 20px
}

.about-img-column .layer .img-col-content .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    text-transform: capitalize;
    color: #fff
}

.about-img-column .layer .img-col-content p {
    color: #fff
}

.parallax {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat
}

.my-about-two {
    padding: 100px 0 70px
}

.my-about-two .my-about-col {
    margin-bottom: 30px
}

.my-about-two .my-about-col .my-top-img {
    position: absolute;
    right: -14%;
    top: -22%;
    opacity: .8;
    z-index: 99
}

.my-about-two .my-about-col .my-top-img img {
    border: 4px solid #eee;
    border-radius: 3px 40% 3px 3px
}

.my-about-two .my-about-col .my-center-img {
    position: relative
}

.my-about-two .my-about-col .my-center-img img {
    margin: 0 auto
}

.my-about-two .my-about-col .my-bottom-img {
    position: absolute;
    left: -5%;
    bottom: -18%;
    opacity: .8;
    z-index: 999
}

.my-about-two .my-about-col .my-bottom-img img {
    border: 4px solid #eee;
    border-radius: 3px 3px 3px 40%
}

.my-about-two .my-about-col h3 {
    font-size: 24px;
    text-transform: uppercase
}

.my-about-two .my-about-col h3 span {
    color: #488fe1
}

.my-about-two .my-about-col p {
    margin-bottom: 40px
}

.my-about-two .my-about-col p a {
    color: #488fe1
}

.my-about-two .my-about-col .my-about-list li {
    margin-bottom: 20px
}

.my-about-two .my-about-col .my-about-list li:before {
    content: "\f0c8";
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 6px
}

.my-about-two .my-about-col .my-about-list li a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.my-about-two .my-about-col .my-about-list li a:hover {
    color: #488fe1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.my-about-two .my-about-col .btn {
    margin-top: 15px
}

.my-inner-about {
    padding-top: 180px;
    overflow: hidden
}

.my-faq-field {
    padding: 100px 0 70px
}

.my-faq-field .my-faq-col {
    margin-bottom: 30px
}

.my-faq-field .my-faq-col h5 {font-family: 'Manrope', sans-serif;
    font-size: 15px;
    color: #777;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 1px;
    margin-bottom: 40px
}

.faq-box .panel .panel-title a i,
.faq-content .panel .panel-title a i {
    background-color: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px
}

.faq-content .panel-default>.panel-heading {
    border: none;
    background: 0 0;
    padding-left: 0
}

.faq-content .panel-default {
    border: none
}

.faq-content .panel {
    -webkit-box-shadow: none;
    box-shadow: none
}

.my-inner-faq {
    padding-top: 0
}

.my-choose-field {
    padding: 100px 0 60px;
    background: rgba(0, 0, 0, 0) url(../images/resource/bg3.jpg) repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.my-choose-field .my-choose-col {
    margin-bottom: 30px
}

.my-choose-field .my-choose-box {
    margin-bottom: 30px;
    position: relative;
    padding-left: 60px
}

.my-choose-field .my-choose-box span {
    font-size: 30px;
    line-height: 45px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.my-choose-field .my-choose-box:hover span {
    color: #4a89dc;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.my-choose-field .my-choose-box h4 {
    color: #fff
}

.my-choose-field .my-choose-box p {
    color: #fff
}

.my-choose-field .my-choose-col {
    margin-bottom: 30px
}

.my-choose-field .my-choose-col .my-mobile-img {
    margin-top: -80px
}

.my-choose-two .my-choose-box h4,
.my-choose-two .my-choose-box:hover span,
.my-choose-two .my-sector-topp-two h3 span {
    color: #000
}

.my-choose-two .my-sector-topp-two .my-title-line,
.my-choose-two .my-sector-topp-two .my-title-line:after,
.my-choose-two .my-sector-topp-two .my-title-line:before {
    background: #000
}

.my-project-field {
    padding: 100px 0;
    overflow: hidden
}

.owl-theme .owl-nav,
.recent-projects .gallery-slider .owl-theme .owl-dots {
    position: relative
}

.owl-theme .owl-nav .owl-prev,
.recent-projects .gallery-slider .owl-theme .owl-dots {
    right: 50.2%;
    top: 10px
}

.owl-theme .owl-nav .owl-next,
.recent-projects .gallery-slider .owl-theme .owl-dots {
    left: 50.2%;
    top: 10px
}

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev,
.recent-projects .gallery-slider .owl-theme .owl-dots {
    position: absolute;
    border-radius: 50%;
    padding: 10px 10px 6px 10px;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.owl-theme .owl-nav .owl-next i,
.owl-theme .owl-nav .owl-prev i,
.recent-projects .gallery-slider .owl-theme .owl-dots {
    color: #fff
}

.owl-theme .owl-nav .owl-next:hover {
    background: #488fe1
}

.owl-theme .owl-nav .owl-prev:hover {
    background: #488fe1
}

.my-recent-project-two {
    padding: 100px 0 0
}

.my-recent-project-two img {
    width: 100%;
    height: auto
}

.my-recent-project-two .my-coll {
    padding: 0
}

.my-recent-project-two .masonry-filter li a>span {
    font-size: 12px
}

.my-recent-project-two .masonry-filter li a:active,
.my-recent-project-two .masonry-filter li a:focus,
.my-recent-project-two .masonry-filter li a:hover {
    background-color: #488fe1
}

.my-recent-project-two .masonry-filter a>span:hover {
    color: #fff
}

.my-inner-project {
    padding-bottom: 80px
}

.my-funfact-field {
    padding: 50px 0 20px;
    background: rgba(0, 0, 0, 0) url(../images/ptr/f1.png) repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.my-funfact-field .my-funfact-col {
    text-align: right;
    position: relative;
    padding-right: 50px;
    margin-bottom: 30px
}

.my-funfact-field .my-funfact-col span {
    position: absolute;
    right: 0;
    top: 25px;
    font-size: 30px;
    color: #488fe1
}

.my-funfact-field .my-funfact-col .start-count {
    font-size: 30px;
    color: #488fe1;
    font-weight: 600;
    margin-bottom: 10px
}

.my-funfact-field .my-funfact-col p {
    color: #000;
    text-transform: uppercase
}

.pricing .container {
    padding-top: 0
}

.pricing-table {
    background: #000;
    margin-bottom: 30px;
    position: relative
}

.pricing-table .title {
    color: #fff;
    border-bottom: 1px dotted #4d4d4d;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 1px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase
}

.pricing-table .pricing-table-content {
    color: #eee;
    font-size: 16px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 26px;
    padding: 40px 40px 30px 25px;
    position: relative;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.pricing-table .price {
    font-size: 35px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 26px;
    margin-bottom: 35px;
    margin-top: 40px;
    position: relative
}

.pricing-table:hover .price {
    color: #000!important
}

.pricing-table .pricing-table-content .bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.pricing-table .pricing-table-content .bg-img:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pricing-table .pricing-table-content:hover .bg-img {
    opacity: 1
}

.pricing-table .pricing-table-content>p {
    color: #fff;
    border-bottom: 1px dotted #4d4d4d;
    font-size: 15px;font-family: 'Manrope', sans-serif;
    letter-spacing: 1px;
    line-height: 26px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase
}

.pricing-table .pricing-table-content .second-para {
    font-size: 16px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 26px;
    margin-bottom: 55px;
    margin-top: 20px;
    position: relative
}

.pricing-table .pricing-table-content .btn {
    border-radius: 0;
    font-size: 16px;
    line-height: 40px;
    left: 0;
    padding: 5px 50px;
    position: relative
}

.pricing-table:hover .btn {
    background: #000
}

.my-blog-field {
    padding: 100px 0 100px
}

.news-cold {
    padding-left: 0
}

.news-slider .item .thumb {
    position: relative;
    overflow: hidden
}

.news-slider .item .thumb .layer {
    bottom: 0;
    left: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 55%
}

.news-slider .item .thumb .layer .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px;
    margin-top: 0;
    text-transform: uppercase
}

.news-slider .item .thumb .layer .sub-title {
    color: #cacaca;
    font-size: 10px;
    line-height: 36px;
    letter-spacing: 1.5px;
    margin-bottom: 0
}

.news-slider .item .thumb .layer p {
    color: #000;
    margin-bottom: 30px
}

.news-slider .item .thumb .layer a {
    color: #fff;
    padding: 10px 20px;
    text-transform: capitalize
}

.layer .news-btn {
    border-radius: 0
}

.my-inner-blog-field {
    padding: 100px 0 70px
}

.my-inner-blog-field .my-blog-col {
    margin-bottom: 30px
}

.my-search-box {
    position: relative;
    margin-bottom: 30px
}

.my-search-box .form-control {
    border: 1px solid #d6e2ea;
    border-right: none;
    border-radius: 0;
    box-shadow: none;
    height: 40px
}

.my-search-box .input-group-btn {
    border: 1px solid #d6e2ea;
    border-left: none;
    background: #fff
}

.my-search-box .input-group-btn .btn {
    background: transparent none repeat scroll 0 0
}

.my-search-box .input-group-btn .btn i {
    font-size: 16px
}

.my-sidebar-title {
    margin-bottom: 30px
}

.my-sidebar-title h4 {
    text-transform: uppercase;
    font-size: 18px
}

.my-sidebar-title h4 i {
    margin-right: 20px;
    color: #488fe1
}

.my-Archives {
    margin-bottom: 50px
}

.my-Archives .my-list li {
    margin-bottom: 25px
}

.my-Archives .my-list li:before {
    content: "\f14a";
    font-family: fontawesome;
    font-style: 22px;
    color: #000;
    margin-right: 20px
}

.my-Archives .my-list li a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-Archives .my-list li a:hover {
    color: #488fe1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-accordions-widget {
    margin-bottom: 50px
}

.my-twitter-item {
    border-bottom: 1px solid #dee5e9;
    padding-bottom: 25px;
    margin-bottom: 30px;
    position: relative;
    padding-left: 65px
}

.my-twitter-item img {
    position: absolute;
    left: 0;
    top: 0
}

.my-twitter-item h6 {font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0
}

.my-twitter-item h6 span {
    color: #9e9e9e
}

.my-twitter-item p a {
    color: #488fe1
}

.bdr-none {
    border: none!important
}

.my-fliker-widget .thumb {
    position: relative;
    width: 85px;
    height: 65px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px
}

.my-fliker-widget .thumb .layer {
    background-color: rgba(72, 143, 225, .8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: scale(0);
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.my-fliker-widget .thumb:hover .layer {
    transform: scale(1)
}

.my-fliker-widget .thumb .layer i {
    color: #fff;
    font-size: 20px;
    margin-top: 28%
}

.my-tag-widget {
    margin-top: 50px
}

.my-tag-widget .my-tags a {
    background: #ecf0f1;
    color: #262626;
    border: 1px solid #ecf0f1;
    display: inline-block;font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 36px;
    letter-spacing: 1.5px;
    margin: 5px 8px 5px -2px;
    padding: 0 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.my-blog-box {
    margin-bottom: 60px
}

.my-blog-box img {
    margin-bottom: 20px
}

.my-blog-heading-row .my-blog-date {
    float: left
}

.my-blog-date {
    width: 90px;
    height: 90px;
    padding: 5px;
    margin-right: 20px;
    background: #488fe1;
    text-align: center
}

.my-blog-date h2 {
    color: #fff;
    font-size: 36px;
    border: 1px solid #fff;
    padding: 10px;
    padding-top: 15px;
    line-height: 22px;
    margin-bottom: 0
}

.my-blog-date h2 span {
    font-size: 14px
}

.my-post {
    padding-top: 15px
}

.my-post ul {
    margin-bottom: 5px
}

.my-post ul li {
    float: left;
    margin-right: 18px
}

.my-post ul li i {
    color: #488fe1;
    margin-right: 5px
}

.my-post h2 a {
    color: #000
}

.my-blog-box p {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-blog-box .recent-projects .gallery-slider .owl-theme .owl-dots,
.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev,
.recent-projects .gallery-slider .owl-theme .owl-dots {
    border-radius: 0;
    background: #20bdbe
}

.my-blog-box .owl-theme .owl-nav .owl-prev {
    display: table;
    left: -5px;
    position: absolute;
    top: -215px
}

.my-blog-box .owl-theme .owl-nav .owl-next {
    display: table;
    right: -5px;
    position: absolute;
    top: -215px;
    left: 93.2%
}

.my-blog-box iframe {
    margin-bottom: 20px
}

.my-pagination {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #dee5e9
}

.my-pagination .pagination>li>a,
.pagination>li>span {
    border: none
}

.my-pagination .pagination>li>a:hover {
    background: #337ab7;
    color: #fff
}

.my-pagination .pagination>li:first-child>a {
    border-radius: 0;
    background: #000;
    color: #fff
}

.my-pagination .pagination>li:last-child>a {
    border-radius: 0;
    background: #000;
    color: #fff
}

.my-blog-single-col h5 {font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 36px;
    color: #565656;
    font-style: italic;
    border-left: 2px solid #488fe1;
    padding-left: 20px;
    margin-bottom: 50px
}

.my-highlite-box {
    background: #f9f9f9;
    border: 1px solid #dee5e9;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 60px
}

.my-highlite-box h3 {
    color: #565656;
    text-transform: uppercase
}

.my-single-heading {
    margin-bottom: 35px
}

.my-single-heading h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase
}

.my-single-heading p {
    font-size: 16px;
    margin-bottom: 65px
}

.my-single-heading .my-under-border {
    width: 35px;
    height: 2px;
    background: #488fe1
}

.my-single-comment-item {
    position: relative;
    margin-bottom: 120px;
    padding-left: 140px
}

.my-single-comment-item img {
    position: absolute;
    left: 0;
    top: 0
}

.my-single-comment-item h4 {
    font-size: 16px
}

.my-single-comment-item h4 span {
    color: #488fe1
}

.my-single-comment-item h4 .my-replay a {font-family: 'Manrope', sans-serif;
    color: #8d8d8d;
    font-weight: 400
}

.my-single-comment-item h4 .my-replay a:hover {
    color: #488fe1
}

.my-single-comment-item p {
    margin: 0
}

.my-silgle-comments .my-spance-right {
    margin-left: 80px
}

.my-blog-input-field {
    margin-top: 40px
}

.my-form .form-group {
    margin-bottom: 30px
}

.my-form .form-group label {font-family: 'Manrope', sans-serif;
    text-transform: uppercase;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px
}

.my-form .form-group .form-control {
    height: 45px;
    border-radius: 0
}

.my-textarea {
    width: 100%!important;
    height: 100%!important;
    resize: none
}

.my-form .form-group .btn {
    margin-top: 20px
}

.my-form .form-group .form-control:focus {
    border-color: #333;
    box-shadow: none
}

.my-client-field {
    padding-bottom: 70px
}

.my-client-field .thumb {
    margin-bottom: 30px
}

section {
    position: relative
}

.tab-content {
    padding: 20px;
    border: 1px solid #eee;
    background: #fff
}

.panel-group.toggle .panel-heading {
    padding: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-group.toggle .panel-body {
    padding: 10px 0 5px 25px
}

.panel-group.accordion.transparent .panel-title a,
.panel-group.accordion.transparent .panel-title a.active,
.panel-group.toggle.transparent .panel-title a,
.panel-group.toggle.transparent .panel-title a.active {
    background: 0 0!important;
    border: none!important
}

.panel-group.accordion.transparent .panel-title a.active::after,
.panel-group.accordion.transparent .panel-title a::after,
.panel-group.toggle.transparent .panel-title a.active::after,
.panel-group.toggle.transparent .panel-title a::after {
    color: #333;
    background: 0 0!important
}

.panel-group.accordion.transparent .panel-content,
.panel-group.toggle.transparent .panel-content {
    background: 0 0!important
}

.panel-group.toggle .panel-heading+.panel-collapse>.list-group,
.panel-group.toggle .panel-heading+.panel-collapse>.panel-body {
    border-top: none
}

.my-top-bar-col p {font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 24px
}

.my-top-bar-col .social-link .title {
    color: #a1b1bc;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}

.my-top-bar-col .social-link .sub-title {
    color: #a1b1bc;
    font-size: 12px;
    line-height: 18px
}

.my-top-bar-col .post-content .post-title {
    color: #777;
    font-size: 16px;
    margin-top: 0;
    text-transform: capitalize
}

.my-top-bar-col .post-content .post-date {
    color: #fff;
    font-size: 13px;font-family: 'Manrope', sans-serif;
    line-height: 24px
}

.my-top-bar-col .list-border li {
    border-bottom: 1px solid #243240
}

.my-top-bar-col .mailchimp .form-control {
    border: 1px solid #243240!important
}

.my-top-bar-col .list-border li {
    border-bottom: 1px solid #243240
}

.my-inner-heading-field {
    padding: 80px 0;
    background: url(../images/resource/bg-inner-page.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center
}

.my-inner-heading-field h1 {
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.my-inner-heading-field ul li {
    display: inline-block;
    margin-right: 10px
}

.my-inner-heading-field ul li a {
    color: #fff;
    text-transform: uppercase;
    font-style: italic
}

.my-inner-heading-field ul li .active {
    color: #488fe1
}

.my-contact-field {
    padding: 100px 0 0
}

.my-contact-field .form-control {
    height: 48px;
    border-radius: 0;
    border-color: #ccc
}

.my-contact-field .form-control:focus {
    border-color: #333;
    box-shadow: none
}

.my-contact-field .contact-form label {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 30px
}

.my-contact-field .has-error .help-block {
    color: #488fe1
}

.my-contact-field .my-map {
    margin-top: 100px
}

.my-footer {
    padding: 70px 0 0;
    background: #fff
}

.my-footer .my-footer-col h3 {
    color: #fff;
    margin-bottom: 40px;
    font-weight: 400;
    text-transform: capitalize
}

.my-footer .my-footer-socila-col p {
    color: #758590;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-bottom: 22px;
    border-bottom: 1px solid #243240
}

.my-footer .my-footer-col h4 {
    color: #758590
}

.my-footer-social-box {
    float: left;
    margin-right: 18px
}

.my-footer .my-footer-col .my-footer-social-box ul li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 28px
}

.my-footer .my-footer-col .my-footer-social-box ul li h4 {font-family: 'Manrope', sans-serif;
    color: #a1b1bc;
    font-size: 16px;
    line-height: 27px
}

.my-footer .my-footer-col .my-footer-social-box ul li h4 span {
    font-size: 12px;
    font-weight: 400
}

.my-footer .my-footer-col .my-footer-social-box ul li i {
    position: absolute;
    left: 0;
    top: 0;
    color: grey;
    font-size: 20px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.my-icon-bg1 {
    background: #38529a
}

.my-icon-bg2 {
    background: #55acee
}

.my-icon-bg3 {
    background: #c10099
}

.my-icon-bg4 {
    background: red
}

.my-icon-bg5 {
    background: #007ab9
}

.my-icon-bg6 {
    background: #bc2a83
}

.my-footer .my-footer-col .my-news li {
    position: relative;
    padding-left: 70px;
    border-bottom: 1px solid #243240;
    padding-bottom: 20px;
    margin-bottom: 15px
}

.my-footer .my-footer-col .my-news li:last-child {
    border-bottom: none
}

.my-footer .my-footer-col .my-news li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px
}

.my-footer .my-footer-col .my-news li h4 a {
    color: #777;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-footer .my-footer-col .my-news li h4 a:hover {
    font-size: 16px;
    color: #488fe1;
    text-transform: capitalize;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-footer .my-footer-col .my-news li p {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 24px
}

.my-footer .my-footer-col .my-news li a {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-footer .my-footer-col .my-news li a:hover {
    color: #488fe1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-tags {
    margin-bottom: 30px
}

.my-tags a {
    font-size: 14px;
    padding: 10px 8px;
    border: 1px solid #a1b1bc;
    float: left;
    margin: 5px 6px 5px 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-tags a:hover {
    color: #fff;
    background: #488fe1;
    border: 1px solid #488fe1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-footer-link h4 {font-family: 'Manrope', sans-serif;
    color: #000!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.my-footer-link a {
    color: #777;
    font-size: 13px
}

.my-footer-link ul li {font-family: 'Manrope', sans-serif;
    padding-bottom: 5px;
    margin-bottom: 12px
}

.my-footer-link ul li:last-child {
    border-bottom: none
}

.my-footer-link ul li a {
    margin-left: 7px
}

ul.social {
    display: inline-flex;
    margin-top: 27px
}

.social li a.fb:hover i {
    color: #29487d
}

.social li a.tw:hover i {
    color: #1da1f2
}

.social li a.ins:hover i {
    color: #99004e
}

.social li a.yt:hover i {
    color: red
}

.social li a.td:hover i {
    color: #078171
}

.my-footer-link ul li a:hover {
    color: #488fe1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.my-flickr {
    margin-bottom: 30px
}

.my-flickr .thumb img {
    width: 72px;
    height: 72px
}

.my-flickr .thumb {
    position: relative;
    width: 72px;
    height: 72px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px
}

.my-flickr .thumb .layer {
    background-color: rgba(72, 143, 225, .8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: scale(0);
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

.my-flickr .thumb:hover .layer {
    transform: scale(1)
}

.my-flickr .thumb .layer i {
    color: #fff;
    font-size: 20px;
    margin-top: 40%
}

.my-mail-box h4 {font-family: 'Manrope', sans-serif;
    color: #000!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 25px;
    text-transform: uppercase
}

.my-mail-box .input-group {
    border: 1px solid #243240;
    width: 100%
}

.my-mail-box .input-group .form-control {font-family: 'Manrope', sans-serif;
    font-style: italic;
    color: #000;
    background: 0 0;
    border: none;
    border-radius: 0
}

.my-mail-box .input-group-btn:last-child>.btn {
    border-radius: 0;
    border: 1px solid #243240
}

.input-group .form-control:focus {
    box-shadow: none
}

.my-mail-box .input-group .btn {
    background: #20bdbe;
    color: #fff
}

.my-copyright {
    padding: 21px 0;
    background: #f7f7f7
}

.my-copyright p {
    color: #000
}

.gallery-slider .item .thumb .layer,
.masonry-gallery .isotope-item .layer,
.post .entry-meta.meta-absolute {
    background-color: rgba(45, 184, 189, .8)!important
}

.news-slider .item .thumb .layer {
    background-color: rgba(255, 255, 255, 01)!important
}

.video.separator.style::before {
    background-color: rgba(45, 184, 189, .7)!important;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.capabilitie::before {
    background-color: rgba(45, 184, 189, .8)!important;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.pricing-table .pricing-table-content .bg-img:after,
.pricing-table:hover .pricing-table-content {
    background-color: rgba(45, 184, 189, .9)!important
}

.preloader-dot-loading .cssload-loading i {
    background: #488fe1!important
}

.faq-box .panel .panel-title a i,
.faq-content .panel .panel-title a i {
    background-color: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px
}

.faq-box .panel .panel-title a .icon-1 {
    display: inline-block
}

.faq-box .panel .panel-title a.collapsed .icon-1 {
    display: none
}

.faq-box .panel .panel-title a .icon-2 {
    display: none
}

.faq-box .panel .panel-title a.collapsed .icon-2 {
    display: inline-block
}

.faq-box .panel .panel-body p {
    color: #777;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 1px;
    margin-bottom: 15px
}

.faq-box .panel .panel-body h5 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 25px
}

.faq-box .panel .panel-body img {
    margin-bottom: 35px;
    border: 5px solid #eee
}

.faq-box .panel .panel-collapse .panel-body {
    padding: 15px 0
}

.faq-box .about-thumb {
    overflow: visible
}

.faq-box .about-thumb .thumb-top {
    position: absolute;
    right: -18%;
    top: -25%
}

.faq-box .about-thumb .thumb-top img {
    border: 4px solid #eee;
    border-radius: 3px 40% 3px 3px
}

.faq-box .about-thumb .thumb-bottom {
    position: absolute;
    left: -18%;
    bottom: -25%
}

.faq-box .about-thumb .thumb-bottom img {
    border: 4px solid #eee;
    border-radius: 3px 3px 3px 40%
}

.faq-box .faq-box-title .square>li {font-family: 'Manrope', sans-serif;
    list-style-type: square;
    margin-left: 10px;
    padding-left: 10px;
    line-height: 40px
}

.faq-box .faq-box-title .square>li:hover {
    color: #000!important
}

.faq-box .faq-box-title .square>li a {
    color: #777
}

.faq-content .panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: none
}

.faq-content .icon::after,
.faq-content .panel .panel-title a .icon-1,
.panel .panel-title a .icon-1 {
    background-color: #488fe1!important
}

.my-laft-space15 {
    padding-left: 15px
}

.my-right-space15 {
    padding-right: 15px
}

.white-bg {
    background-color: #fff
}

.fullImg {
    -ms-transform: scaleX(1.054);
    -webkit-transform: scaleX(1.054);
    transform: scaleX(1.054);
    margin-top: 0
}

.whyus {
    padding: 60px
}

.whyusImg {
    margin-bottom: -16px!important
}

.poplar,
.poplar2 {
    padding: 30px
}

.poplar ul li,
.poplar2 ul li {
    line-height: 28px
}

.poplar ul li {font-family: 'Manrope', sans-serif;
}

.poplar ul,
.poplar2 ul {
    padding: 10px 0;
    min-height: 300px
}

.poplar2 ul {
    min-height: 100px
}

.pad20 {
    padding: 12px 26px
}

.fullImg2 {
    -ms-transform: scaleX(1.119);
    -webkit-transform: scaleX(1.119);
    transform: scaleX(1.119)
}

.btn {
    font-size: 15px!important;
    border-radius: 10px
}

.lines {
    width: 118px;
    height: 10px;
    margin-bottom: 20px
}

.about-img-column .layer .img-col-content h3::after {
    content: "";
    width: 76px;
    height: 2.3px;
    background: #20bdbe;
    display: block;
    margin: 14px 0
}

.input-box {
    display: inline;
    position: relative
}

.input-box i {
    position: absolute;
    left: 8px;
    top: 0;
    z-index: 99;
    color: #20bdbe
}

.AllLoaded a {
    margin: 0 10px
}

.owl-next,
.owl-prev {
    background: 0 0!important
}

.owl-next img,
.owl-prev img {
    width: 50px
}

.allloads {
    color: green;
    pointer-events: none;
    margin-top: 5px!important;
    display: block;
    font-size: 17px;font-family: 'Manrope', sans-serif;
}

.blogPost h3 {
    font-size: 23px
}

.blogPost h4 {
    color: grey
}

.blogPost .poplar3 {
    padding: 20px
}

.RelatedInfo ul li a {
    font-size: 18px;
    line-height: 30px;
    margin: 16px 0;
    display: block
}

.RelatedInfo ul li {
    border-bottom: 1px solid #ccc
}

.RelatedInfo h4.panel-title,
.faq h4.panel-title {font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 20px
}

.RelatedInfo h2 {
    font-size: 24px
}

.RelatedInfo ul li i.icons {
    font-size: 25px;
    color: #2db8bd;
    float: left;
    margin-right: 12px;
    margin-top: 1px
}

.faq-content .panel-default>.panel-heading {
    border-bottom: 1px solid #ccc
}

.collapse.in {
    border-bottom: 1px solid #ccc
}

.faq-content .icon::after,
.faq-content .panel .panel-title a .icon-1,
.panel .panel-title a .icon-1 {
    background-color: transparent!important;
    border: 1px solid #ccc!important;
    border-radius: 50%
}

.faq-box .panel .panel-title a i,
.faq-content .panel .panel-title a i {
    background-color: transparent!important;
    border: 1px solid #ccc!important;
    border-radius: 50%
}

.fa-minus:before,
.fa-plus:before {
    color: #20bdbe!important
}

.pr {
    border-right: 1px solid #ccc;
    padding-right: 50px
}

.pl {
    padding-left: 50px
}

.wa {
    margin-top: 40px
}

.wa .btn {
    background: #36bc49;
    border-radius: 6px;
    color: #fff
}

.wa a {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #000
}

.wa a i {
    font-size: 22px;
    color: #20bdbe;
    position: relative;
    top: 3px
}

.stephead {
    margin: 90px 0 0 0
}

.steps {
    margin: 30px 0 0 0
}

.steps h5 {
    color: #20bdbe
}

.steps img {
    width: 255px;
    height: 172px
}

.vline {
    border-left: 1.5px solid #3dbabf;
    height: 95px;
    margin: -30px 0 0 15px;
    position: relative
}

.vline:before {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #3dbabf;
    position: absolute;
    left: -4px;
    top: 0
}

.vline:after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #3dbabf;
    position: absolute;
    left: -4px;
    bottom: 0
}

.mb20 {
    margin-bottom: 30px
}

.nohead h2 {font-family: 'Manrope', sans-serif;
    color: #ef7c0e;
    font-size: 22px
}

.nohead h3 {font-family: 'Manrope', sans-serif;
    font-size: 30px;
    color: #3dbabf
}

.sep {
    margin: 20px 0
}

.GetStart .form-control {
    height: 50px;
    font-size: 16px;
    letter-spacing: 1px;
    border: 1px solid #bbb
}

.GetStart .form-group {
    margin-bottom: 27px
}

.GetStart .btn {
    width: 100%
}

.GetStart p {
    text-align: left!important;
    color: #8a8a8a
}

.tourinq .form-control {
    height: 35px;
    font-size: 14px;
    letter-spacing: 1px;
    border: 1px solid #bbb
}

.tourinq .form-group {
    margin-bottom: 10px
}

.borderx {
    border: 1px solid #ccc!important;
    border-radius: 10px
}

.tourinq .btn {
    width: 100%
}

.tourinq p {
    text-align: left!important;
    color: #8a8a8a
}

.chatInner ul li:before,
.docExp ul li:before {
    width: 25px;
    content: " ";
    background: url(../images/rarrow.png) left top no-repeat;
    position: absolute;
    left: 0;
    height: 37px;
    background-size: 100%;
    top: 4px
}

.docExp ul li {
    padding-left: 30px;
    margin: 15px 0;
    font-size: 16px;
    position: relative
}

.chatInner ul li {
    padding-left: 30px;
    margin: 7px 0;
    font-size: 16px;
    position: relative;font-family: 'Manrope', sans-serif;
}

.chkVisa .input-width {
    width: 70%;
    height: 50px;
    padding: 5px 5px 5px 14px;
    background: #fff;
    opacity: .7;
    border: none;
    margin: 50px 5px 0 0;
    color: #000;
    border: 1px solid #bbb;
    font-size: 18px
}

.chkVisa .my-btn-blue {
    padding: 13px 40px;
    position: relative;
    top: -3px
}

.mb50 {
    margin: 50px 0
}

.mb30 {
    margin: 30px 0
}

.mb20 {
    margin: 20px 0
}

.fromText p {
    font-size: 16px;
    line-height: 29px;
    position: relative;
    padding-left: 50px
}

.fromText p i {
    height: 40px;
    width: 40px;
    border: 1px solid #bbb;
    border-radius: 50%;
    background-color: #32b6bb;
    float: left;
    margin-left: -50px
}

.fromText p i:before {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #fff
}

.chatbox-holder {
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    height: 0
}

.chatbox {
    width: 350px;
    height: 400px;
    margin: 0 1px 0 0;
    position: relative;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    display: flex;
    flex-flow: column;
    border-radius: 10px 10px 0 0;
    background: #fff;
    bottom: 0;
    transition: .1s ease-out
}

.chatbox-top {
    position: relative;
    display: flex;
    padding: 15px 0;
    border-radius: 10px 10px 0 0;
    background: #32b6bb
}

.chatbox-icons {
    padding: 0 10px 0 0;
    display: flex;
    position: relative
}

.chatbox-icons .fas {
    padding: 6px 8px;
    margin: 0 0 0 3px;
    color: #fff;
    border-radius: 0 5px 0 5px;
    transition: .3s
}

.no-gutters {
    Padding: 0;
    margin: 0
}

.chatbox-icons a,
.chatbox-icons a:link,
.chatbox-icons a:visited {
    color: #fff
}

.chat-group-name,
.chat-partner-name {
    flex: 1;
    padding: 0 0 0 15px;
    font-size: 15px;
    font-weight: 700;
    transition: .1s ease-out
}

.chat-group-name h3 {
    color: #fff;
    font-size: 22px;
    margin: 0
}

.chatbox-min {
    margin-bottom: -341px
}

.chatbox-min .chatbox-avatar {
    width: 60px;
    height: 60px
}

.chatbox-icons .fa-angle-down:before {
    color: #fff!important;
    font-size: 23px
}

.chatInner {
    padding: 20px 0 0 20px
}

.chatInner ul {
    padding: 7px 0 0 0
}

.chatInner .btn {
    background: #36bc49;
    border-radius: 4px;
    padding: 15px 25px
}

.chatWa {
    padding: 50px 0 0 6px
}

.chatWa img {
    margin-left: 15px;
    width: 50px
}

.chatText p {
    text-align: left!important;
    color: #8a8a8a;
    margin-top: 15px
}

.trekTrail h2 {
    font-size: 40px
}

.trekTrail p {
    margin-top: 20px
}

.i6 {
    width: 31px
}

.i3 {
    transform: scale(1.5)
}

.tooltip {
    width: 160px;
    background: #fff!important;
    color: #777!important;
    padding: 5px
}

.l2 .fa-times:before {
    color: #20bdbe!important
}

.l3 .fa-plus:before {
    color: #b3d975!important
}

.l1 ul li i,
.l2 ul li i,
.l3 ul li i {
    font-size: 11px
}

.nav-tabs {
    border-bottom: none
}

.tourmap .nav-tabs li {
    background: #f3f3f3;
    margin-right: 4px
}

.tourmap .nav-tabs>li a:hover,
.tourmap .nav-tabs>li.active>a:hover {
    background: #fff!important;
    color: #595959!important;
    border: 1px solid #ddd
}

.tourmap .nav-tabs>li.active>a {
    background: #fff!important;
    color: #595959!important;
    margin-bottom: 0!important;
    font-weight: inherit;
    text-transform: capitalize;
    border: 1px solid #ddd;
    border-bottom: transparent!important
}

.tourmap .nav-tabs>li a {
    line-height: 18px;
    border-radius: 0!important;
    height: 43px!important;
    padding: 12px 30px!important;font-family: 'Manrope', sans-serif;
    margin-right: 0!important
}

.tab-content {
    overflow: hidden
}

.day {
    margin-top: 15px
}

.dayText h5 {
    margin: 10px 0;
    text-transform: uppercase;
    color: #777
}

.dayText h2 {
    font-size: 40px
}

.dayText {
    padding: 0 30px
}

.dayText p {
    margin-top: 15px;
    line-height: 28px
}

.ion-minus {
    padding: 0 10px
}

blockquote {
    border: none
}

blockquote p {
    font-size: 14px
}

#testimonial #carousel {
    margin: 30px 0
}

#testimonial .left.carousel-control {
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 20%;
    font-size: 30px;
    font-weight: bolder;
    color: #5db4c0
}

#testimonial .right.carousel-control {
    display: inline-block;
    position: absolute;
    top: 100%;
    right: 20%;
    font-size: 30px;
    font-weight: bolder;
    color: #5db4c0
}

#testimonial .fa.fa-quote-right {
    color: #5db4c0;
    font-size: 13px;
    padding-right: 10px
}

.tg {
    background: #fff;
    padding: 40px
}

.tg h3 {
    margin-top: 17px;
    font-size: 24px;
    padding: 0 20px
}

.tg p {
    margin-top: 25px;
    padding: 0 22px
}

.client-image {
    margin-top: 30px
}

.client-details span {
    font-style: normal;
    color: #000
}

#testimonial .carousel-indicators {
    bottom: -51px!important
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    background-color: #33B6BB;
    margin: 0 5px
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 1px solid gray;
    margin: 0 5px
}

.allPopular i {
    color: #ff901a;
    float: left;
    margin-left: -16px;
    margin-top: 7px
}

.allPopular ul li {
    position: relative;
    padding-left: 13px
}

.Cbanner img {
    width: 100%;
    height: 600px;
    object-fit: cover
}

.location p {
    margin-top: 20px
}

.loc-img img {
    width: 100px
}

.loc-detail h3 {
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    color: #8f939b;font-family: 'Manrope', sans-serif;
    font-size: 15px
}

.loc-detail a {
    font-size: 18px;
    margin: 10px 0 25px 0;
    display: block;
    color: #000
}

.loc-detail ul.social li a {
    font-size: inherit;
    margin: inherit;
    display: inherit;
    color: inherit;
    margin: 0 7px
}

.loc-detail ul.social {
    margin-top: inherit
}

.loc-border {
    border-right: 1px solid #bbb
}

.extraB h3 {
    text-transform: uppercase;font-family: 'Manrope', sans-serif;
    margin: 0 0 16px 0
}

.extraB h4 {
    text-transform: uppercase;
    font-family: Roboto
}

.extraB {
    padding: 40px!important
}

.extraB p {
    margin: 6px 0
}

.contactForm {
    margin: 35px 0 10px 0
}

.contactForm input {
    border-color: #bebebe!important;
    padding: 20px 10px
}

.contactForm textarea {
    border-color: #bebebe!important
}

.contactForm .form-group {
    margin-bottom: 20px
}

.contactForm button.btn.btn-default.my-btn-blue {
    border-radius: 6px;
    text-transform: uppercase
}

.milestone {
    margin-top: 50px
}

.milestone h4 {
    font-size: 26px
}

.milestone .start-count {
    color: #000;
    font-size: 26px;
    margin: 22px auto;
    display: block
}

.milestone img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 17px 0 0 0
}

.mile-img {
    width: 110px;
    height: 110px;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .Cbanner img {
        height: auto
    }
    .loc-border {
        border-bottom: 1px solid #bbb;
        border-right: none
    }
    .loc-detail {
        margin-top: 20px
    }
    .extraB {
        padding: 3px 21px!important
    }
    .extraB h3 {
        margin: 0 0 2px 0
    }
    .extraB p {
        margin: 0
    }
    .extraB h4 {
        margin-bottom: 0
    }
    .tg {
        margin: 12px 25px
    }
    .i6 {
        width: 100%
    }
    .tour-width {
        width: 100%!important
    }
    .owl-carousel {
        overflow: hidden
    }
    .owl-theme .owl-nav .owl-prev,
    .secondcar .gallery-slider .owl-theme .owl-dots {
        top: 220px!important
    }
    .owl-theme .owl-nav .owl-next,
    .secondcar .gallery-slider .owl-theme .owl-dots {
        top: 220px!important
    }
    .tourmap .nav-tabs>li a {
        padding: 12px 13px!important
    }
    .dayText {
        padding: 0 0
    }
    a.emailid {
        margin-top: 30px;
        display: block
    }
    .poplar2 {
        margin-bottom: 20px
    }
    .mb20 {
        margin: 0 -15px
    }
    .chkVisa .input-width {
        width: 100%
    }
    .chkVisa .my-btn-blue {
        width: 100%;
        margin-top: 20px
    }
    .vline {
        display: none
    }
    .pr {
        border-right: none;
        padding-right: 0
    }
    .pl {
        padding-right: 0
    }
    .mb30 {
        margin-bottom: 30px
    }
    .tour-area2 ul li {
        width: 100%;
        height: 47px;
        border: none
    }
    .flag3 {
        width: 120px;
        height: 30px
    }
    .list-filtering a {
        line-height: 28px;
        float: left;
        margin: 5px 5px 0
    }
    .fullImg {
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    .whyus {
        padding: 20px
    }
    .whyusImg {
        margin-bottom: -16px!important
    }
    .poplar {
        padding: 0
    }
    .poplar ul li {
        line-height: 20px;
        font-size: 13px
    }
    .poplar ul {
        padding: 10px 0
    }
    .pad20 {
        padding: 12px 26px
    }
    .input-width {
        width: 100%;
        margin: 2px 5px 30px 0
    }
    .gallery-slider .owl-stage-outer {
        display: inherit
    }
    h2.title br {
        display: none
    }
    .menuzord-brand {
        width: 132px
    }
    .menuzord-brand img {
        max-height: inherit!important
    }
    html,
    html a {
        overflow: auto
    }
    .mt20 {
        margin-top: 20px
    }
    .mt7 {
        margin-top: 7px
    }
    ul.social {
        margin-top: 10px;
        margin-bottom: 30px
    }
}

.mnn-10 {
    float: right
}

.p-0 {
    padding: 0
}

.m-0 {
    margin: 0
}

.Bbanner img {
    width: 100%
}

.blog-social a {
    width: 45px;
    height: 45px;
    border: 1px solid #777;
    border-radius: 50%;
    padding: 9px 7px 11px 13px;
    display: block;
    font-size: 20px;
    margin: 16px 0
}

.blog-slider {
    height: 500px;
    width: 100%;
    object-fit: cover
}

.banText {
    position: relative;
    top: 188px
}

.banText h4 {font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: #fff;
    margin-left: 20px;
    text-align: left
}

.banText h2 {font-family: 'Manrope', sans-serif;
    font-size: 22px;
    margin-top: -15px;
    color: #fff;
    margin-left: 20px;
    text-align: left
}

.banBorder {
    border-left: 2px solid #fff;
    padding-bottom: 10px
}

.modal-header .close {
    margin-top: 0;
    font-size: 26px;
    color: #fff;
    z-index: 1000;
    opacity: 1
}

.modal-dialog {
    width: 360px;
    margin: 100px auto
}

.modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    border: none
}

.chatText {
    padding-bottom: 25px
}

.chatBtn {
    border-radius: 10px 10px 0 0;
    background: #32b6bb;
    position: fixed;
    right: 30px;
    bottom: 0;
    z-index: 999;
    height: 48px;
    padding-left: 30px;
    text-align: center;
    cursor: pointer
}

.chatBtn h3 {
    color: #fff;font-family: 'Manrope', sans-serif;
    margin-bottom: 0;
    padding: 13px 0;
    font-size: 16px
}

.postData {
    padding: 40px;
    text-align: center
}

.modal-header .close {
    margin-top: 0;
    font-size: 26px;
    color: #fff;
    z-index: 1000;
    opacity: 1
}

.modal-dialog {
    width: 360px;
    margin: 0;
    position: fixed;
    bottom: 2px;
    right: 2px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    border: none
}

.chatText {
    padding-bottom: 25px
}

.title2 h1 {
    margin-bottom: 0
}

.title2 p {
    color: #20bdbe
}

.way1 {
    padding: 30px;
    background: #f3fbfe;
    margin: 20px 0;
    position: relative
}

.way1 h3 {
    font-size: 23px;font-family: 'Manrope', sans-serif;
    margin: 10px 0
}

.way1 p {
    color: #000
}

.way1 span {
    position: absolute;
    font-size: 16px;font-family: 'Manrope', sans-serif;
    left: 17px;
    top: 14px
}

.SameDay span {
    background: #3dbabf;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px;
    font-size: 18px;font-family: 'Manrope', sans-serif;
    margin-right: 15px
}

.nohead h4 {
    text-transform: uppercase;
    font-size: 15px;
    color: #a7a6a6;font-family: 'Manrope', sans-serif;
    margin-bottom: 0
}

.note {
    text-align: left;
    padding: 0 15px;
    color: #000;
    font-size: 13px
}

.faq a i {
    position: relative;
    top: -8px
}

.faq .faq-box .panel .panel-title a i,
.faq .faq-content .panel .panel-title a i {
    float: right
}

.modal-backdrop {
    background-color: transparent
}

.modal-content {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

body.modal-open {
    overflow-y: auto!important;
    padding-right: 0!important;
    overflow-x: hidden!important
}

.modal-backdrop {
    z-index: 0
}

@media only screen and (min-width:320px) and (max-width:960px) {
    .banText {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .modal-dialog {
        width: 320px;
        margin: 0;
        position: fixed;
        bottom: 2px;
        right: 2px
    }
    .faq .faq-box .panel .panel-title a i,
    .faq .faq-content .panel .panel-title a i {
        margin-right: -19px
    }
    .SameDay span {
        margin-right: 0
    }
    h2 {
        font-size: 26px
    }
    .chatBtn {
        right: 30px
    }
    .fade.in {
        padding-right: 0
    }
    .banBorder,
    .lastbanBod {
        border-bottom: 1px solid #fff;
        border-right: none;
        margin: 10px 70px
    }
    .banText {
        display: none
    }
    .owl-carousel-grid-one .secondcar .gallery-slider .owl-theme .owl-dots,
    .owl-theme .owl-nav .owl-prev {
        left: 3.2%!important
    }
    .owl-carousel-grid-one .secondcar .gallery-slider .owl-theme .owl-dots,
    .owl-theme .owl-nav .owl-next {
        right: 3.2%!important
    }
    .SubsForm .input-width {
        width: 90%
    }
    .blogFilter .listing ul li select {
        padding: .5em 2.5em .5em 0
    }
    .blogFilter .listing ul li {
        margin: 5px 5px
    }
    .blogPost {
        text-align: center
    }
    .blogPost .input-width {
        width: 100%
    }
    .blogIcon {
        margin-top: 20px
    }
    .Cbanner img {
        height: auto
    }
    .loc-border {
        border-bottom: 1px solid #bbb;
        border-right: none
    }
    .loc-detail {
        margin-top: 20px
    }
    .extraB {
        padding: 3px 21px!important
    }
    .extraB h3 {
        margin: 0 0 2px 0
    }
    .extraB p {
        margin: 0
    }
    .extraB h4 {
        margin-bottom: 0
    }
    .tg {
        margin: 12px 25px
    }
    .i6 {
        width: 100%
    }
    .tour-width {
        width: 100%!important
    }
    .owl-carousel {
        overflow: hidden
    }
    .owl-theme .owl-nav .owl-prev,
    .secondcar .gallery-slider .owl-theme .owl-dots {
        top: 220px!important
    }
    .owl-theme .owl-nav .owl-next,
    .secondcar .gallery-slider .owl-theme .owl-dots {
        top: 220px!important
    }
    .tourmap .nav-tabs>li a {
        padding: 12px 13px!important
    }
    .dayText {
        padding: 0 0
    }
    a.emailid {
        margin-top: 30px;
        display: block
    }
    .poplar2 {
        margin-bottom: 20px
    }
    .mb20 {
        margin: 0 -15px
    }
    .chkVisa .input-width {
        width: 100%
    }
    .chkVisa .my-btn-blue {
        width: 100%;
        margin-top: 20px
    }
    .vline {
        display: none
    }
    .pr {
        border-right: none;
        padding-right: 0
    }
    .pl {
        padding-right: 0
    }
    .mb30 {
        margin-bottom: 30px
    }
    .tour-area2 ul li {
        width: 100%;
        height: 47px;
        border: none
    }
    .flag3 {
        width: 120px;
        height: 30px
    }
    .list-filtering a {
        line-height: 28px;
        float: left;
        margin: 5px 5px 0
    }
    .fullImg {
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    .whyus {
        padding: 20px
    }
    .whyusImg {
        margin-bottom: -16px!important
    }
    .poplar {
        padding: 0
    }
    .poplar ul li {
        line-height: 20px;
        font-size: 13px
    }
    .poplar ul {
        padding: 10px 0
    }
    .pad20 {
        padding: 12px 26px
    }
    .input-width {
        width: 100%;
        margin: 2px 5px 30px 0
    }
    .gallery-slider .owl-stage-outer {
        display: inherit
    }
    h2.title br {
        display: none
    }
    .menuzord-brand {
        width: 132px
    }
    .menuzord-brand img {
        max-height: inherit!important
    }
    html,
    html a {
        overflow: auto
    }
    .mt20 {
        margin-top: 20px
    }
    .ml20 {
        margin-left: 20px
    }
    ul.social {
        margin-top: 10px;
        margin-bottom: 30px
    }
}

.modal-backdrop.in {
    display: none
}

p a {
    color: #32b6bb;
    text-decoration: underline;
    text-decoration-style: dotted
}

p a:hover {
    text-decoration: underline;
    text-decoration-style: dotted
}

a.collapsed {
    text-decoration: none
}

.font-fira h3,
.font-fira p,
.font-fira_mob h3,
.font-fira_mob p {font-family: 'Manrope', sans-serif;
    font-weight: 700
}

.font-fira h3,
.font-fira_mob h3 {
    color: #33b6bb
}

.font-fira h3,
.font-fira hr,
.font-fira p {
    margin: 0
}

.font-fira hr {
    border-top: 2px solid #d4d4d4
}

.p-right {
    width: fit-content;
    float: right
}

.my-btn-blue_tour {
    text-transform: uppercase;
    background: #33b6bb;
    color: #fff;
    font-weight: 700;font-family: 'Manrope', sans-serif;
    border-radius: 3px;
    padding: 12px 24px;
    width: 100%
}

.my-btn-blue_tour:hover {
    text-transform: uppercase;
    background: #000;
    color: #33b6bb;
    font-weight: 700;font-family: 'Manrope', sans-serif;
    border-radius: 3px;
    padding: 12px 24px;
    width: 100%
}

.my-btn-blue_tour_revise {
    text-transform: uppercase;
    background: #000;
    color: #33b6bb;
    font-weight: 700;font-family: 'Manrope', sans-serif;
    border-radius: 3px;
    padding: 12px 24px;
    width: 100%
}

.my-btn-blue_tour_revise:hover {
    text-transform: uppercase;
    background: #33b6bb;
    color: #fff;
    font-weight: 700;font-family: 'Manrope', sans-serif;
    border-radius: 3px;
    padding: 12px 24px;
    width: 100%
}

.text-align-coll {
    text-align: center;
    font-family: 'Manrope', sans-serif;
}

.text-align-coll .btn {
    color: #000;
    font-family: 'Manrope', sans-serif;
}

.text-align-coll .btn:hover {
    color: #33b6bb
}

.text-align-coll a.btn.collapsed:after {
    content: "\f055";
    font-family: "Font Awesome 5 Pro"
}

.text-align-coll a.btn:after {
    content: "\f056";
    font-family: "Font Awesome 5 Pro"
}

.text-align-coll .btn.active,
.text-align-coll .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (min-width:990px) {
    .desk-mar {
        margin-left: 6%
    }
}

@media only screen and (max-width:600px) {
    .font-fira {
        text-align: center
    }
    .font-fira {
        display: none
    }
    .font-fira_mob {
        text-align: center
    }
    .my-btn-blue_tour,
    .my-btn-blue_tour_revise {
        margin-bottom: 20px
    }
}

.doc_blue ul li:before {
    background: url(../images/rarrow_blue.png) left top no-repeat;
    width: 25px;
    position: absolute;
    left: 0;
    height: 37px;
    background-size: 100%;
    top: 4px
}

.doc_grey ul li:before {
    background: url(../images/rarrow_grey.png) left top no-repeat;
    width: 25px;
    position: absolute;
    left: 0;
    height: 37px;
    background-size: 100%;
    top: 4px
}

@media only screen and (min-width:1024px) {
    .bread-crumbs {
        margin: 20px 0!important
    }
    h3.desc_mar_topic {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:750px) {
    .top_desc {
        margin-bottom: 10px
    }
}

.bread-crumbs a {
    color: #000!important;
    text-decoration: none;
    letter-spacing: .2px
}

.before-footer {
    padding: 0
}

.my-footer {
    background: #ebebec!important
}

.my-footer .my-footer-socila-col p {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    border-bottom: none!important;
    color: #000!important;
    font-family: 'Manrope', sans-serif;
}

.my-footer .my-footer-col h3 {
    color: #000!important;
    margin-bottom: 10px
}

a.btn.btn-default.footer-btn {
    border-radius: 5px;
    background: #000;
    color: #fff;
    padding: 12px 25px;
    font-family: "Fira Sans", sans-serif
}

.my-footer-link h4 {
    line-height: 0!important
}

.my-footer-link ul li {
    margin-bottom: 0
}

.mar-top-fot {
    margin-top: 20px!important
}

@media only screen and (min-width:950px) {
    .mar-top-fot {
        margin-top: 165px!important
    }
}

.my-footer-link ul li a {
    margin-left: 0
}

.my-footer-link h4 {font-family: 'Manrope', sans-serif;
    color: #000!important;
    font-size: 14px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.my-copyright {
    padding: 0 15px;
    background: 0 0
}

.bigfooter .container {
    max-width: 80%!important
}

.insiders_block {
    -webkit-box-shadow: 0 0 10px 3px rgba(184, 178, 184, 1);
    -moz-box-shadow: 0 0 10px 3px rgba(184, 178, 184, 1);
    box-shadow: 0 0 10px 3px rgba(184, 178, 184, 1)
}

.insiders_block h2 {
    font-size: 20px
}

.thumb .main_img {
    margin: 0!important;
    width: 100%
}

.thumb {
    padding: 0;
    background-color: #f4fbff;
    border: 0;
    border-radius: 0;
    font-family: 'Manrope', sans-serif;
}

.thumb h3 {font-family: 'Manrope', sans-serif;
    font-size: 24px;
    font-weight: 800
}

.btn-card {
    width: 100%;
    border-radius: 3px;
    padding: 9px;
    border: 1px solid #000;
    font-weight: 800;
    text-transform: uppercase
}

.head_topic {
    background: #000;
    padding: 9px;
    color: #fff;
    font-weight: 500;
    font-size: 24px
}

.date_svg {
    margin: 20px 0
}

.bigpixi-footer-social {
    margin-left: auto;
    margin-top: 8px
}

.bigpixi-footer-social__list-item {
    display: inline-block;
    margin-right: 16px;
    margin-top: 15px
}

.bigpixi-footer__icon-link {
    display: inline-block;
    -webkit-transition: .1s cubic-bezier(.39, .575, .565, 1);
    transition: .1s cubic-bezier(.39, .575, .565, 1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.bigpixi-footer-social__icon {
    display: inline-block!important;
    height: 20px!important;
    width: 15px!important
}

.bigpixi-footer-social__icon:hover {
    display: inline-block;
    height: 32px;
    width: 32px;
    padding: 2px;
    transition: .2s
}

.carousel-caption.caption_caro {
    position: initial;
    text-shadow: none;
    color: black;
    padding-top: 0px;
}
.price-table{

    overflow:hidden;

    margin:0 auto;

    border-collapse:collapse;

}

.price-table th{

    background:#474747;

    font-size:16px;

    text-align:center;

    font-weight:bold;

    line-height:52px;

    border:1px solid #adacac;

    color:#fff;

}

.price-table td{

    border:1px solid #adacac;

    line-height:40px;

    text-align:center;

}

#sec_one {
    background-image:url('../images/elegant/1.jpg');
    height: 360px;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.sub-top {
    font-weight:100;
    font-size: 25px;
}

.row.sec_one_content {
    margin-top: 5%;
}

.olist {
    list-style: none !important;
    margin-top: 5%;
    font-size: 15px;
}

ol.olist li {
    margin-bottom: 10px;
}

.olist li a{
    color:#000 !important;
}

.olist li a:hover{
    text-decoration: underline;
    text-decoration-color: #33B6BB;
    font-weight: 600;
}

.sec_two_content, .sec_four_content {
    margin-top:10%;
}

.sec_three_content {
    margin-top:20%;
}

.image-res-3{
    width:50%; 
    margin-top: 45px;
}

.image-res-2{
    width: 20%;
}

.image-res-1{
    width:40%; 
    margin-top: 45px;
}

@media only screen and (max-width: 768px) {
    .image-res-3{
        width:100%; 
        margin-top: 45px;
    }

    .image-res-2{
        width: 50%;
    }

    .olist{
        margin-left:3%;
    }

    .image-res-1{
        width:80%; 
        margin-top: 45px;
    }
}

.panel-heading {
    padding: 15px 15px 25px 15px;
}

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}

@media (min-width: 990px){
    .timing-txt{
        margin-top: 70px; 
    }
}

/* Carousel Styles */
.carousel-indicators .active {
    background-color: #33B6BB;
}

.carousel-inner img {
    width: 100%;
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}

.carousel-control.left span {
    padding: 15px;
}

.carousel-control.right span {
    padding: 41px 10px;
}

.carousel-control .glyphicon-arrow-left, 
.carousel-control .glyphicon-arrow-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
    position: absolute;
    top: 35%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .glyphicon-arrow-left,
.carousel-control .icon-prev {
    right: 100%;
}

.carousel-control .glyphicon-arrow-right,
.carousel-control .icon-next {
    right: auto;
}

.carousel-control.left span,
.carousel-control.right span {
    background-color: #33B6BB;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.carousel-control .glyphicon-arrow-left, .carousel-control .glyphicon-arrow-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 50px;
    height: 100px;
}

.carousel-control .glyphicon-arrow-left, .carousel-control .icon-prev {
    margin-left: -50px;
}

span.glyphicon.glyphicon-arrow-left {
    background: #000;
}

.source_one{
    margin-top: 10px;
}

.hr_one{
    border-top: 1px solid #a5a5a5; 
    width: 100%;
}

@media screen and (min-width: 995px) {
    .header-search{
        width: 120%;
    }

    .header-txt{
        width: 200%; 
        z-index: 100; 
        position: relative; 
        font-weight: 100 !important; 
        margin-top: 36px;
    }

    #carousel-example-generic_home .carousel-control.right {
        top: 244px;
    }
}

.warning-svg{
    margin-top: 75px;
}

@media screen and (max-width: 450px) {
    #carousel-example-generic_1{
        width:100% !important; 
    }

    #sec_one {
        background-size: contain !important; 
        background-position: top !important;
        padding-top: 35%;
        height:100% !important;
    }

    .sec_three_content {
        margin-top: 5% !important;
    }
}

@media screen and (max-width: 995px) {
    .navbar-brand {
        height: 82px !important;
    }

    .warning-svg{
        margin-top: 5px;
    }

    .ani-topic{
        text-align:center;

    }

    nav.navbar-findcond ul.navbar-nav a {
        padding: 10px 20px 10px 20px !important;
    }

    ul.nav.navbar-nav.navbar-right{
        border:0px !important;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
        background: #efefef;
    }

    .navbar-default .navbar-toggle {
        margin-top: 25px;
    }

    .text-tab{
        text-align:center;
    }

    .dropdown-div ul.dropdown-menu {
        left: 20% !important;
    }
}

.carousel-control {
    top: 90px;
}

nav.navbar-findcond { background: #fff; border-color: #fff; }
nav.navbar-findcond ul.navbar-nav a { padding: 32px 20px 10px 20px; border-style: solid; border-width: 0 0 2px 0; border-color: #fff; }
nav.navbar-findcond ul.navbar-nav a:hover,
nav.navbar-findcond ul.navbar-nav a:visited,
nav.navbar-findcond ul.navbar-nav a:focus,
nav.navbar-findcond ul.navbar-nav a:active { background: #fff; }
nav.navbar-findcond ul.navbar-nav a:hover { border-color: #33B6BB; }
nav.navbar-findcond li.divider { background: #ccc; }
nav.navbar-findcond button.navbar-toggle { background: #33B6BB; border-radius: 2px; }
nav.navbar-findcond button.navbar-toggle:hover { background: #999; }
nav.navbar-findcond button.navbar-toggle > span.icon-bar { background: #fff; }
nav.navbar-findcond ul.dropdown-menu { border: 0; background: #fff; border-radius: 4px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; }
nav.navbar-findcond ul.dropdown-menu > li > a { padding: 10px; }
nav.navbar-findcond ul.dropdown-menu > li > a:hover { padding: 10px; }
nav.navbar-findcond span.badge { background: #f14444; font-weight: normal; font-size: 11px; margin: 0 4px; }
nav.navbar-findcond span.badge.new { background: rgba(255, 0, 0, 0.8); color: #fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #fff;
}

.navdiv>li>a:hover, .navdiv>li>a:focus, .navdiv .open>a, .navdiv .open>a:hover, .navdiv .open>a:focus {
    background:#fff;
}
.dropdown-menu>li>a {
    color:#428bca;
}
.dropdown-div ul.dropdown-menu {
    border-radius:4px;
    box-shadow:none;
    margin-top:20px;
    width:300px;
    left: 49.5%;
}
.dropdown-div ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
.dropdown-div ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9;
}


@media screen and (min-width: 995px) {
    .header-search{
        width: 120%;
    }

    .header-txt{
        width: 100%; 
        z-index: 100; 
        position: relative; 
        font-weight: 100 !important; 
        margin-top: 36px;
        font-size:28px;
    }

    #carousel-example-generic_home .carousel-control.right {
        top: 244px;
    }
}

@media screen and (max-width: 995px) {
    .navbar-brand {
        height: 82px !important;
    }

    nav.navbar-findcond ul.navbar-nav a {
        padding: 10px 20px 10px 20px !important;
    }

    ul.nav.navbar-nav.navbar-right{
        border:0px !important;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
        background: #efefef;
    }

    .navbar-default .navbar-toggle {
        margin-top: 25px;
    }

    .text-tab{
        text-align:center;
    }

    .dropdown-div ul.dropdown-menu {
        left: 20% !important;
    }
}


/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
    max-height: 460px
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}

.carousel-control.left span {
    padding: 15px;
}

.carousel-control.right span {
    padding: 41px 10px;
}

.carousel-control .glyphicon-arrow-left, 
.carousel-control .glyphicon-arrow-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
    position: absolute;
    top: 13%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .glyphicon-arrow-left,
.carousel-control .icon-prev {
    right: 100%;
}

.carousel-control .glyphicon-arrow-right,
.carousel-control .icon-next {
    right: auto;
}

.carousel-control.left span,
.carousel-control.right span {
    background-color: #33B6BB;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.carousel-control .glyphicon-arrow-left, .carousel-control .glyphicon-arrow-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 50px;
    height: 100px;
}

.carousel-control .glyphicon-arrow-left, .carousel-control .icon-prev {
    margin-left: -50px;
}

span.glyphicon.glyphicon-arrow-left {
    background: #000;
}

#carousel-example-generic_home .carousel-control.right{
    left: 0 !important;
    top: 145px;
}


@media screen and (min-width: 995px) {
    .header-search{
        width: 120%;
    }

    .header-txt{
        width: 100%; 
        z-index: 100; 
        position: relative; 
        font-weight: 100 !important; 
        margin-top: 36px;
        font-size:28px;
    }

    #carousel-example-generic_home .carousel-control.right {
        top: 244px;
    }
}

@media screen and (max-width: 995px) {
    .navbar-brand {
        height: 82px !important;
    }

    nav.navbar-findcond ul.navbar-nav a {
        padding: 10px 20px 10px 20px !important;
    }

    ul.nav.navbar-nav.navbar-right{
        border:0px !important;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
        background: #efefef;
    }

    .navbar-default .navbar-toggle {
        margin-top: 25px;
    }

    .text-tab{
        text-align:center;
    }

    .dropdown-div ul.dropdown-menu {
        left: 20% !important;
    }
}

.carousel-control {
    top: 90px;
}

nav.navbar-findcond { background: #fff; border-color: #fff; }
nav.navbar-findcond ul.navbar-nav a { padding: 32px 20px 10px 20px; border-style: solid; border-width: 0 0 2px 0; border-color: #fff; }
nav.navbar-findcond ul.navbar-nav a:hover,
nav.navbar-findcond ul.navbar-nav a:visited,
nav.navbar-findcond ul.navbar-nav a:focus,
nav.navbar-findcond ul.navbar-nav a:active { background: #fff; }
nav.navbar-findcond ul.navbar-nav a:hover { border-color: #33B6BB; }
nav.navbar-findcond li.divider { background: #ccc; }
nav.navbar-findcond button.navbar-toggle { background: #33B6BB; border-radius: 2px; }
nav.navbar-findcond button.navbar-toggle:hover { background: #999; }
nav.navbar-findcond button.navbar-toggle > span.icon-bar { background: #fff; }
nav.navbar-findcond ul.dropdown-menu { border: 0; background: #fff; border-radius: 4px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; }
nav.navbar-findcond ul.dropdown-menu > li > a { padding: 10px; }
nav.navbar-findcond ul.dropdown-menu > li > a:hover { padding: 10px; }
nav.navbar-findcond span.badge { background: #f14444; font-weight: normal; font-size: 11px; margin: 0 4px; }
nav.navbar-findcond span.badge.new { background: rgba(255, 0, 0, 0.8); color: #fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #fff;
}

.navdiv>li>a:hover, .navdiv>li>a:focus, .navdiv .open>a, .navdiv .open>a:hover, .navdiv .open>a:focus {
    background:#fff;
}
.dropdown-menu>li>a {
    color:#428bca;
}
.dropdown-div ul.dropdown-menu {
    border-radius:4px;
    box-shadow:none;
    margin-top:20px;
    width:300px;
    left: 49.5%;
}
.dropdown-div ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
.dropdown-div ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9;
}


.section_one{
    
    padding-bottom: 5%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.section_two{
    background-image: url('../images/buggy/bg_2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding-top: 2%;
    padding-bottom: 10%;
}

.section_one p{
    text-align:justify;
}

.section_one .main-heading{
    font-size: 60px;
}

.heart-btn{
    margin-top: -4%;
}

.heart-links:hover{
    text-decoration: underline;
}

.custom-topic h1{
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 0px;
}

.custom-topic h3{
    font-weight: 800;
}

.custom-topic .first-col{
    border-right: 2px solid #33B6BB;
}

.hr_one{
    margin:0px;
    border-top: 1px solid #868686;
}

.row.custom-topic {
    margin-top: 5%;
}

.svg-bottom{
    margin-top: 3%;
}

.green-list li::before{
    content: "• ";
    color: #33B6BB;
    font-weight: bold;
    display: inline-block; 
    width: 1.2em;
    margin-left: 2em;
}

ul.green-list li {
    margin-bottom: 1rem;
    font-weight: 500;
}

.hr-green{
    border-top: 1px solid #33B6BB;
}

.blacknobox {
    background: #000;
    color: #fff;
    width: 67px;
    float: left;
    height: 67px;
    margin-top: -20px;
    text-align: center;
    line-height: 65px;
    font-size: 25px;
    margin-right: 10px;
}
.experience_block{padding-bottom:30px; border-bottom:2px solid #eee; margin-bottom:20px;}
 .experience_block h3{font-size: 36px; color: #33B6BB; font-weight: 800; }
    .experience_block h4{font-size: 24px; font-weight: 600; line-height: 40px;}
    .experience_block h5{ font-size: 20px; color: #000; padding-top: 20px; }
    .cost-block{
        display: block;
        padding: 40px 10px;
    }
    .rate{
        font-size: 36px;
        font-weight: 800;
        text-align: left;
        color: #000;
    }
    .seater{ font-size: 18px; }
    .price_blocck{color: #33b6bb; font-size: 36px; font-weight: 800;}
    .tbborder{ border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 25px 0px; }
@media screen and (max-width: 600px) {
	.section_one .main-heading{ margin-top:20px; font-size:32px;}
	.title h2{padding-top:20px;}
    }

    .svg-bottom{
        margin-top: 5%;
    }

    .green-list li::before{
        margin-left: 0em;
    }

    .blacknobox {
        background: #000;
        color: #fff;
        width: 0px;
        float: none;
        height: 0px;
        margin-top: 0px;
        text-align: center;
        line-height: inherit;
        font-size: 25px;
        margin-right: 10px;
        padding: 5px;
    }
}
.title {
    position: relative;
    margin-top: 30px;

}

.title h2 {
    font-size: 40px;
        line-height:50px;
    position: relative;
    margin-left: 27px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-top: 40px;
}

.title:before {
    content: "1";
    position: absolute;
    top: -35px;
    width: 100%;
    height: 100%;
    font-size: 140px;
    font-weight: 700;
    color: #D6CE33;
}


.title-1:before {
    content: "1";
}

.title-2:before {
    content: "2";
}

.title-3:before {
    content: "3";
}

.title-4:before {
    content: "4";
}

.title-5:before {
    content: "5";
}

.title-6:before {
    content: "6";
}

.title-7:before {
    content: "7";
}

.title-8:before {
    content: "8";
}

.title-9:before {
    content: "9";
}

.title-10:before {
    content: "10";
}
.offer_block{
	margin-bottom:30px;
	text-align:center
}
.offer_img{ display:block;}
.offer_text{ font-size:20px; line-height:32px; font-weight:700;}