.flex-center-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.section_title p span body {
    font-family: "Sarabun",sans-serif;
    font-weight: 400;
    font-style: normal;
}

.img {
    max-width: 100%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a,.button {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a:focus,.button:focus,button:focus {
    text-decoration: none;
    outline: 0;
}

a:focus {
    text-decoration: none;
}

a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover {
    text-decoration: none;
}

a,button {
    color: #1f1f1f;
    outline: medium;
}

h1,h2,h3,h4,h5 {
    font-family: "Sarabun",sans-serif;
    color: #001d38;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: inherit;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #7a838b;
    margin-bottom: 0;
    font-family: "Sarabun",sans-serif;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 14px;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #ccc;
    font-size: 14px;
    opacity: 1;
}

::-ms-input-placeholder {
    color: #ccc;
    font-size: 14px;
    opacity: 1;
}

::placeholder {
    color: #ccc;
    font-size: 14px;
    opacity: 1;
}

h3 {
    font-size: 24px;
}

.mb-65 {
    margin-bottom: 67px;
}

.black-bg {
    background: #020c26!important;
}

.white-bg {
    background: #fff;
}

.gray-bg {
    background: #f5f5f5;
}

.bg-img-1 {
    background-image: url(../img/slider/slider-img-1.jpg);
}

.bg-img-2 {
    background-image: url(../img/background-img/bg-img-2.jpg);
}

.cta-bg-1 {
    background-image: url(../img/background-img/bg-img-3.jpg);
}

.overlay {
    position: relative;
    z-index: 0;
}

.overlay::before {
    position: absolute;
    content: "";
    background-color: #040e27;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .2;
}

.overlay2 {
    position: relative;
    z-index: 0;
}

.overlay2::before {
    position: absolute;
    content: "";
    background-color: #001d38;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .6;
}

.overlay_03 {
    position: relative;
    z-index: 0;
}

.overlay_03::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #001d38;
    opacity: .6;
    content: '';
    z-index: -1;
}

.bradcam_overlay {
    position: relative;
    z-index: 0;
}

.bradcam_overlay::before {
    position: absolute;
    content: "";
    background: -moz-linear-gradient(left,#5db2ff 0,#65b4f9 24%,rgba(124,185,233,0) 96%,rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(left,#5db2ff 0,#65b4f9 24%,rgba(124,185,233,0) 96%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right,#5db2ff 0,#65b4f9 24%,rgba(124,185,233,0) 96%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db2ff', endColorstr='#007db9e8', GradientType=1 );
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
}

.section-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

.pt-120 {
    padding-top: 120px;
}

.owl-carousel .owl-nav div {
    background: 0 0;
    height: 50px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 50px;
    color: #707070;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 50px;
    font-size: 15px;
    line-height: 50px;
    border: 1px solid #4d6174;
    left: 150px;
    color: #fff;
}

.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 150px;
}

.owl-carousel .owl-nav div.owl-next i {
    position: relative;
    right: 0;
}

.owl-carousel .owl-nav div.owl-prev i {
    position: relative;
    top: 0;
}

.owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}

.owl-carousel:hover .owl-nav div:hover {
    color: #fff;
    background: #001d38;
    border: 1px solid transparent;
}

.mb-20px {
    margin-bottom: 20px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-60 {
    margin-bottom: 50px!important;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #000;
}

.custom_search_pop .modal-content .serch_form {
    position: relative;
}

.custom_search_pop .modal-content .serch_form input {
    width: 100%;
    height: 70px;
    background: #fff;
    border: 0;
    padding-left: 20px;
    color: #000;
    font-size: 15px;
    padding-right: 120px;
}

.section_title p span {
    font-weight: 700;
    color: #ff5e13;
}

@media (max-width:767px) {
    .custom_search_pop .modal-content .serch_form input {
        height: 50px;
    }
}

.custom_search_pop .modal-content .serch_form input::placeholder {
    color: #000;
    font-size: 15px
}

.custom_search_pop .modal-content .serch_form input:focus {
    outline: 0;
}

.custom_search_pop .modal-content .serch_form button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    height: 100%;
    padding: 20px;
    color: #fff;
    background: #ff4a52;
    display: inline-block;
    border: 0;
    line-height: 50px;
    height: 70px;
    padding: 0 30px;
    cursor: pointer;
}

@media (max-width:767px) {
    .custom_search_pop .modal-content .serch_form button {
        height: 50px;
    }
}

.modal::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1062;
    opacity: 1;
    position: fixed;
    content: '';
    opacity: .8;
    z-index: -1;
}

.boxed-btn {
    background: #1ec6b6;
    color: #fff;
    display: inline-block;
    padding: 14px 44px;
    font-family: "Sarabun",sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 1px solid #1ec6b6;
    text-align: center;
    color: #fff!important;
    text-transform: uppercase;
    cursor: pointer;
}

.boxed-btn:hover {
    background: #ff4a52;
    color: #fff!important;
    border: 1px solid #ff4a52;
}

.boxed-btn:focus {
    outline: 0;
}

.boxed-btn.large-width {
    width: 220px;
}

.boxed-btn3 {
    background: #3cc6ff;
    color: #fff;
    display: inline-block;
    padding: 18px 41px;
    margin: 50px 0 0;
    font-family: "Sarabun",sans-serif;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.boxed-btn3:hover {
    background: #ff4a52;
    color: #fff!important;
}

.boxed-btn3:focus {
    outline: 0;
}

.boxed-btn3.large-width {
    width: 220px;
}

.boxed-btn4 {
    background: #3cc6ff;
    color: #fff;
    display: inline-block;
    padding: 13px 39px;
    font-family: "Sarabun",sans-serif;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.boxed-btn4:hover {
    background: #ff4a52;
    color: #fff!important;
}
.btn-share-fb{background: #3b5998}
.btn-share-fb img{display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -4px}

.boxed-btn4:focus {
    outline: 0;
}

.boxed-btn4.large-width {
    width: 220px;
}

.section_title h3 {
    font-size: 38px;
    font-weight: 400;
    color: #040e27;
    position: relative;
    z-index: 0;
    padding-bottom: 7px;
}

@media (max-width:767px) {
    .section_title h3 {
        font-size: 30px;
        line-height: 36px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .section_title h3 {
        font-size: 36px;
        line-height: 42px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .section_title h3 {
        font-size: 35px;
        line-height: 42px;
    }
}

@media (max-width:767px) {
    .section_title h3 br {
        display: none;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .section_title h3 br {
        display: none;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .section_title h3 br {
        display: none;
    }
}

.section_title p {
    font-size: 16px;
    color: #7a838b;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 400;
}

@media (max-width:767px) {
    .section_title p br {
        display: none;
    }
}

.section_title h4 {
    font-size: 22px;
    font-weight: 500;
    color: #001d38;
    padding-bottom: 21px;
}

.mb-50 {
    margin-bottom: 50px;
}

@media (max-width:767px) {
    .mb-50 {
        margin-bottom: 40px;
    }
}

.mb_70 {
    margin-bottom: 62px;
}

@media (max-width:767px) {
    .mb_70 {
        margin-bottom: 40px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .mb_70 {
        margin-bottom: 40px;
    }
}

@media (max-width:767px) {
    .mobile_menu {
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 9;
    }
}

.slicknav_menu .slicknav_nav {
    background: #fff;
    float: right;
    margin-top: 0;
    padding: 0;
    width: 95%;
    padding: 0;
    border-radius: 0;
    margin-top: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 11px;
}

.slicknav_menu .slicknav_nav a:hover {
    background: 0 0;
    color: #ff4a52;
}

.slicknav_menu .slicknav_nav a.active {
    color: #ff4a52;
}

@media (max-width:767px) {
	.slicknav_menu .slicknav_nav{ width: auto;margin-left: -10px; margin-right: -10px; max-height: 90vh;overflow: auto}
	.slicknav_nav a{font-size: 16px}
    .slicknav_menu .slicknav_nav a i {
        display: none;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slicknav_menu .slicknav_nav a i {
        display: none;
    }
}

.slicknav_menu .slicknav_nav .slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: -40px;
    position: relative;
    z-index: 99;
    border: 1px solid #ddd;
    top: 3px;
    right: 5px;
    top: -36px;
}

.slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {
    margin-right: 6px;
    margin-top: 3px;
    position: relative;
    padding-bottom: 3px;
    top: -11px;
    right: -5px;
}

@media (max-width:767px) {
    .slicknav_menu {
        margin-right: 0;
    }
}

.slicknav_nav .slicknav_arrow {
    float: right;
    font-size: 22px;
    position: relative;
    top: -9px;
}

.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: 0;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 5px;
    margin-top: -5px;
    top: -31px;
}

.slicknav_btn {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    border: 0;
    border-radius: 3px;
    top: 5px;
    padding: 5px;
    right: 0;
    margin-top: -5px;
    top: -33px;
}

.header-area {
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 9;
    position: relative;
}

.logo img {
    max-width: 150px;
}

@media (max-width:767px) {
    .header-area {
        padding-top: 0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-area {
        padding-top: 0;
    }
}

.header-area .main-header-area {
    background: #fff;
    background: 0 0;
    padding: 10px 100px 10px 35px;
}

.header-area .main-header-area.not-search {
    padding-right: 35px;
}

.header-area .main-header-area.details_nav_bg {
    background: #727272;
    padding-bottom: 0;
}

@media (max-width:767px) {
    .header-area .main-header-area.details_nav_bg {
        padding-bottom: 10px;
    }
}

.header-area .main-header-area.details_nav {
    background: #001d38;
}

@media (max-width:767px) {
    .header-area .main-header-area {
        padding: 10px 10px;
    }

    .header-area .main-header-area.not-search {
        padding-right: 10px;
    }

    .fix-mobile {
        position: absolute;
        top: 54%;
        right: 50px;
		left: auto;width: auto!important;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
}

@media (min-width:768px) and (max-width:992px) {
    .header-area .main-header-area {
        padding: 10px 10px;
    }

    .header-area .main-header-area.not-search {
        padding-right: 10px;
    }

    .fix-mobile {
        position: absolute;
        top: 54%;
        right: 50px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .header-area .main-header-area {
        padding: 30px 20px;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .header-area .main-header-area {
        padding: 10px 20px;
    }
}

.header-area .main-header-area .logo-img {
    text-align: center;
}

@media (max-width:767px) {
    .header-area .main-header-area .logo-img {
        text-align: left;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-area .main-header-area .logo-img {
        text-align: left;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .header-area .main-header-area .logo-img {
        text-align: left;
    }
}

@media (max-width:767px) {
    .header-area .main-header-area .logo-img img {
        width: 70px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-area .main-header-area .logo-img img {
        width: 70px;
    }
}

.header-area .main-header-area .main-menu {
    padding: 12px 0;
    position: relative;
}

.header-area .main-header-area .main-menu::before {
    position: absolute;
    left: 0;
    height: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    background: #eaeaea;
    content: '';
    left: -10%;
}

@media (min-width:992px) and (max-width:1200px) {
    .header-area .main-header-area .main-menu::before {
        display: none;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .header-area .main-header-area .main-menu::before {
        display: none;
    }
}
.header-area .main-header-area .main-menu ul{ white-space: nowrap}
.header-area .main-header-area .main-menu ul li {
    display: inline-block;
    position: relative;
    margin: 0 35px 0 0;
}

@media (min-width:992px) and (max-width:1200px) {
    .header-area .main-header-area .main-menu ul li {
        margin-right: 15px;
    }
}

.header-area .main-header-area .main-menu ul li a {
    color: #040e27;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    display: inline-block;
    padding: 0 0 0 0;
    font-family: "Sarabun",sans-serif;
    position: relative;
    text-transform: capitalize;
}

.header-area .main-header-area .main-menu ul li a:hover {
    color: #1ec6b6;
}

@media (min-width:992px) and (max-width:1200px) {
    .header-area .main-header-area .main-menu ul li a {
        font-size: 15px;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .header-area .main-header-area .main-menu ul li a {
        font-size: 15px;
    }
}

.header-area .main-header-area .main-menu ul li a i {
    font-size: 9px;
}

@media (max-width:767px) {
    .header-area .main-header-area .main-menu ul li a i {
        display: none!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-area .main-header-area .main-menu ul li a i {
        display: none!important;
    }
}

.header-area .main-header-area .main-menu ul li .submenu {
    position: absolute;
    left: 0;
    top: 160%;
    background: #fff;
    min-width: 200px;
    z-index: 2;
    box-shadow: 0 0 10px rgba(0,0,0,.02);
    opacity: 0;
    visibility: hidden;
    text-align: left;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.header-area .main-header-area .main-menu ul li .submenu li {
    display: block;margin-right: 0;
}
.header-area .main-header-area .main-menu ul li .submenu li:hover{background-color: rgba(0,0,0,0.05);}

.header-area .main-header-area .main-menu ul li .submenu li a {
    padding: 10px 15px;
    position: inherit;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: block;
    color: #040e27;
    font-size: 14px;
}

.header-area .main-header-area .main-menu ul li .submenu li a:hover {
    color: #1EC6B6;
}

.header-area .main-header-area .main-menu ul li .submenu li a::before {
    display: none;
}

.header-area .main-header-area .main-menu ul li .submenu li:hover a {
    color: #000;
}

.header-area .main-header-area .main-menu ul li:hover>.submenu {
    opacity: 1;
    visibility: visible;
    top: 210%;
}

.header-area .main-header-area .main-menu ul li:hover>.submenu>li>.submenu {
    top: 0;
    left: 100%;
    margin-left: 0;
}

.header-area .main-header-area .main-menu ul li:hover>a::before {
    opacity: 1;
    transform: scaleX(1);
}

.header-area .main-header-area .main-menu ul li:first-child a {
    padding-left: 0;
}

.header-area .main-header-area.sticky {
    box-shadow: 0 3px 16px 0 rgba(0,0,0,.1);
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    z-index: 990;
    transform: translateY(70px);
    transition: transform 500ms ease,background 500ms ease;
    -webkit-transition: transform 500ms ease,background 500ms ease;
    box-shadow: 0 3px 16px 0 rgba(0,0,0,.1);
    background: rgba(255,255,255,.96);
}

@media (max-width:767px) {
    .header-area .main-header-area.sticky {
        padding: 10px 10px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .header-area .main-header-area.sticky {
        padding: 10px 10px;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .header-area .main-header-area.sticky {
        padding: 10px 10px;
    }
}

.header-area .main-header-area.sticky .main-menu {
    padding: 0;
}

.header-area .main-header-area.sticky .header_bottom_border {
    border-bottom: none;
}

.header-area .main-header-area.sticky .header_bottom_border.white_border {
    border-bottom: none!important;
}

@media (min-width:992px) and (max-width:1200px) {
    .header-area .social_wrap {
        margin-right: 0;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .header-area .social_wrap {
        margin-right: 0;
    }
}

.header-area .social_wrap .social_links {
    margin-right: 4px;
}

.header-area .social_wrap .social_links li {
    display: inline-block;
}

.header-area .social_wrap .social_links li a {
    display: inline-block;
    color: #1f1f1f;
    font-size: 16px;
    margin: 0 11px;
}
.header-area .social_wrap .social_links li a i{ color: #3b5998}
.header-area .social_wrap .social_links li a i.text-fb{font-size: 21px}
.header-area .social_wrap .social_links li a:hover {
    color: #3b5998;
}
.header-area .social_wrap .social_links li .user-fb{display: none; position: relative;}
.header-area .social_wrap .social_links li .user-fb a{margin: 0!important}
.header-area .social_wrap .social_links li .user-fb a img{ display: block;max-height: 50px; margin: -10px 0; border-radius: 5em;-webkit-border-radius: 5em}
.header-area .social_wrap .social_links li .user-fb ul{opacity: 0;visibility:hidden;position: absolute;top: 110%; right: 0; padding: 10px; width: 150px; background: #f6f6f6; z-index: 9;transition: .2s all ease}
.header-area .social_wrap .social_links li .user-fb ul:before{content: "";display: block;position: absolute; top: -5px; right: 8px; border-bottom: 5px solid #f6f6f6; border-left: 10px solid transparent;border-right: 10px solid transparent}
.header-area .social_wrap .social_links li .user-fb ul>li>a{ display: block; color: #333; font-size: 14px;}
.header-area .social_wrap .social_links li .user-fb:hover ul{opacity: 1;visibility: visible}
.header-area .social_wrap .number {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #eaeaea;
}

.header-area .social_wrap .lang a {
    color: #999;
    display: inline-block;
    font-size: 13px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 5em;
}

.header-area .social_wrap .lang .active {
    color: #121212;
    background: #3cc6ff;
    color: #fff;
}

@media (max-width:1500px) {
.header-area .social_wrap .number {
    margin-right: 5px;
    padding-right: 5px;
}
.header_bottom_border .row .col-lg-2{padding: 0}
.fix-mobile{padding: 0 5px;}
.header-area .social_wrap .social_links li a{margin: 0;font-size: 12px}
}

@media (min-width:1200px) and (max-width:1500px) {
    .header-area .social_wrap .number {
        padding-right: 10px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-area .social_wrap .number {
        border-right: 1px solid transparent;
    }
	.header-area .social_wrap .number{padding: 0;margin: 0 10px 0 0; border: none}
}

@media (min-width:992px) and (max-width:1200px) {
    .header-area .social_wrap .number {
        border-right: 1px solid transparent;
    }
}
@media (max-width:767px) {
.header-area .social_wrap .number{border-right: none}
}

.header-area .social_wrap .number p {
    font-size: 16px;
    color: #040e27;
    margin-bottom: 0;
    font-weight: 400;
}
.header-area .social_wrap .number.d-lg-block p{white-space:nowrap}

@media (min-width:1200px) and (max-width:1500px) {
    .header-area .social_wrap .number p {
        font-size: 14px;
    }
}

.header-area .social_wrap .number p i {
    color: #ff4a52;
    font-size: 16px;
    margin-right: 5px;
}

.header-area .seach_icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    background: #3cc6ff;
    width: 100px;
}

@media (max-width:767px) {
    .header-area .seach_icon {
        width: 50px;
        right: 60px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-area .seach_icon {
        width: 100px;
        right: 85px;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .header-area .seach_icon {
        width: 80px;
    }
}

.header-area .seach_icon a {
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
}

.header-area .seach_icon a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.slider_bg_1 {
    background-image: url(../img/banner/banner.png);
}

.slider_bg_2 {
    background-image: url(../img/banner/banner2.png);
}

.slider_bg_3 {
    background-image: url(../img/banner/banner3.png);
}

.slider_bg_4 {
    background-image: url(../img/banner/banner4.png);
}

.slider_bg_5 {
    background-image: url(../img/banner/banner5.png);
}

.slider_bg_6 {
    background-image: url(../img/banner/banner6.png);
}

.slider_bg_7 {
    background-image: url(../img/banner/banner7.png);
}

.slider_area {
    position: relative;
    z-index: 0;
}

.slider_area .single_slider {
    height: 650px;
	max-height: 65vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width:767px) {
    .slider_area .single_slider {
        height: auto;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider_area .single_slider {
        height: 600px;
    }
}

@media (max-width:767px) {
    .slider_area .single_slider .slider_text {
        margin: 50px 0 30px 0;
    }

    .slider_area .single_slider .boxed-btn3 {
        margin-top: 0;
        padding: 5px 20px;
    }
}

.slider_area .single_slider .slider_text h3 {
    font-family: "Charmonman",cursive;
    font-size: 90px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: .5;
    color: #fff;
    margin-bottom: 0;
	text-shadow: 0 0 5px rgba(0,0,0,0.75);
}

@media (max-width:767px) {
    .slider_area .single_slider .slider_text h3 {
        font-size: 50px;
		line-height: 120%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider_area .single_slider .slider_text h3 {
        font-size: 60px;
        text-shadow: 1px 1px 8px rgba(0,0,0,.75);
        line-height: 120%;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .slider_area .single_slider .slider_text h3 {
        font-size: 70px;
		line-height: 120%;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .slider_area .single_slider .slider_text h3 {
        font-size: 70px;
		line-height: 120%;
    }
}

.slider_area .single_slider .slider_text p {
	display: none;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-top: 33px;
    margin-bottom: 49px;
}

@media (max-width:767px) {
    .slider_area .single_slider .slider_text p {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

.slider_area .owl-carousel .owl-nav div {
    height: 120px;
    left: 0;
    width: 50px;
    color: #fff;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    left: 50px;
    font-size: 14px;
    border: 0;
    left: 150px;
    line-height: 120px;
    background: rgba(255,255,255,.2);
    left: 0;
    border: 0!important;
}

.slider_area .owl-carousel .owl-nav div.owl-next {
    right: 0;
    left: auto;
}

.slider_area .owl-carousel .owl-nav div:hover {
    background: #fff;
    color: #001d38;
    border: 0;
}

.slider_active.owl-carousel .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider_active.owl-carousel .owl-dot>span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: rgba(0,0,0,.5);
    border-radius: 5em;
    -webkit-border-radius: 5em;
}

.slider_active.owl-carousel .owl-dot.active>span {
    background: #1ec6b6;
}

.bx-calendar {
    padding: 0;
    overflow: hidden;
}

.bx-calendar .head-cal {
    background: #fff;
    color: #00d3ff;
    padding: 20px;
    border-radius: .5em .5em 0 0;
}

.bx-calendar .head-cal h2 {
    color: #00d3ff;
    font-size: 200%;
}

.bx-calendar .head-cal h2>small {
    display: inline-block;
    margin-left: 8px;
    font-size: 14px;
    line-height: 15px;
    padding: 0 10px;
    background: #00d3ff;
    color: #fff;
    border-radius: 5em;
    -webkit-border-radius: 5em;
}

.list-event {
    max-width: 100%;
    overflow: auto;
}

.list-event>li {
    flex: 1 1 0;
    min-width: 189px;
}

.list-event>li>a {
    text-decoration: none;
}

.list-event>li .hd {
    text-align: center;
    color: #1e1e1e;
    padding-top: 20px;
}

.list-event>li .hd>span {
    display: block;
    font-weight: 700;
    font-size: 150%;
    line-height: 110%;
}

.list-event>li .hd .cr {
    position: relative;
    border: 4px solid #0da6d0;
    border-radius: 100%;
    max-width: 60%;
    min-width: 100px;
    margin: 10px auto 25px;
}

.list-event>li:nth-child(1) .hd .cr {
    border-color: #fea30e;
}

.list-event>li:nth-child(2) .hd .cr {
    border-color: #0db249;
}

.list-event>li:nth-child(3) .hd .cr {
    border-color: #0da6d0;
}

.list-event>li:nth-child(4) .hd .cr {
    border-color: #fe5693;
}

.list-event>li:nth-child(5) .hd .cr {
    border-color: #a7289d;
}

.list-event>li:nth-child(6) .hd .cr {
    border-color: #e8203d;
}
.list-event>li:nth-child(1) .detail{background-color:#fea30e}
.list-event>li:nth-child(2) .detail{background-color:#0db249}
.list-event>li:nth-child(3) .detail{background-color:#0da6d0}
.list-event>li:nth-child(4) .detail{background-color:#fe5693}
.list-event>li:nth-child(5) .detail{background-color:#a7289d}
.list-event>li:nth-child(6) .detail{background-color:#e8203d}

.list-event>li .hd .cr:before {
    content: "";
    display: block;
    padding: 100% 0 0;
}

.list-event>li .hd .cr>.in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
}

.list-event>li .hd .cr>.in b {
    color: #1b1b1b;
}

.list-event>li .hd .cr>.in big {
    font-weight: 700;
    font-size: 150%;
    line-height: 120%;
    color: #ff6f00;
}

.list-event>li .detail {
    position: relative;
    overflow: hidden;
	border-right: 2px solid #fff;
}

.list-event>li .detail:before {
    content: "";
    display: block;
    padding: 140% 0 0;
}

.list-event>li .detail>* {
    position: absolute;
}

.list-event>li .detail h3 {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: 700;
    color: #fff;
    font-size: 130%;
    z-index: 2;
    line-height: 110%;
    text-align: center;
	text-shadow: 2px 1px 4px rgba(0, 0, 0, .75);
}

.list-event>li .detail h3>span {
    display: block;
    font-weight: 200;
/*    color: #112327;*/
	color: #fff;
    font-size: 70%;
    white-space: nowrap;
}

.list-event>li .detail img {
/*    display: none;*/
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 1;
    transition: .3s all ease-in-out .1s;
}

.list-event>li :hover .detail img {
    transform: scale(1.1);
}

.list-event>li .area {
    position: relative;
    background: #fff;
    color: #fff;
    padding: 10px;
    margin-bottom: 80px;
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    justify-content: center;
    align-content: center;
    height: 75px;
}

.list-event>li .area span {
    flex-basis: 100%;
    font-size: 80%;
    display: block;
    color: #000;
    font-weight: 200;
    margin-bottom: 5px;
}

.list-event>li .area p {
    flex-basis: 100%;
    color: #00d3ff;
    line-height: 100%;
}

.list-event>li .area:before,.list-event>li .area:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -35%;
}

.list-event>li .area:before {
    left: 0;
    right: 0;
    height: 4px;
    background: #e1e1e1;
}

.list-event>li .area:after {
    width: 20px;
    height: 20px;
    left: 50%;
    bottom: -60%;
    transform: translate(-50%,-50%);
    background: #00d3ff;
    border-radius: 50%;
}

.list-event>li:first-child .area {
    border-bottom-left-radius: .5em;
}

.list-event>li:last-child .area {
    border-bottom-right-radius: .5em;
}

.list-event>li:first-child .area:before {
    left: 5%;
}

.list-event>li:last-child .area:before {
    right: 5%;
}
@media (max-width:767px) {
.list-event {
    overflow: visible;
    flex-wrap: wrap !important;
}
.list-event>li{flex-basis: 100%;max-width: 100%;margin-bottom: 3px;}
.list-event > li > a {
    text-decoration: none;
    display: flex;
    flex-flow: row nowrap;
	align-items: center;
}
.list-event > li .hd{padding: 0 10px}
.list-event>li .hd .cr>.in big{font-size: 18px}
.list-event>li .hd .cr>.in b{font-size: 12px;}
.list-event > li .detail{flex: 1 1 0}
.list-event > li .area{flex-basis:32%;margin-bottom: 0}
.list-event > li .area:before,.list-event > li .area:after{display: none;}
}
.testimonial_area .owl-dots .owl-dot.active {
    background: #1ec6b6!important;
}

.property_bg {
    background-image: url(../img/banner/property.png);
}

.about_story {
    padding-top: 145px;
    padding-bottom: 115px;
}

@media (max-width:767px) {
    .about_story {
        padding-top: 60px;
        padding-bottom: 30px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about_story {
        padding-top: 90px;
        padding-bottom: 60px;
    }
}

.about_story .story_heading h3 {
    font-size: 38px;
    font-weight: 400;
    color: #040e27;
    margin-bottom: 60px;
}

@media (max-width:767px) {
    .about_story .story_heading h3 {
        margin-bottom: 30px;
    }
}

.about_story .story_info {
    margin-bottom: 52px;
}

.about_story .story_info p {
    margin-bottom: 18px;
}

.about_story .story_thumb {
    margin-bottom: 60px;
}

@media (max-width:767px) {
    .about_story .story_thumb .thumb {
        margin-bottom: 30px;
    }
}

.about_story .story_thumb .thumb.padd_1 {
    padding-right: 58px;
}

@media (max-width:767px) {
    .about_story .story_thumb .thumb.padd_1 {
        padding-right: 0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about_story .story_thumb .thumb.padd_1 {
        padding-right: 0;
    }
}

.about_story .story_thumb .thumb img {
    width: 100%;
}

.counter_wrap .single_counter {
    margin-bottom: 30px;
}

@media (max-width:767px) {
    .counter_wrap .single_counter {
        text-align: center;
    }
}

.counter_wrap .single_counter h3 {
    color: #ff4a52;
    font-weight: 400;
    font-size: 60px;
    margin-bottom: 17px;
}

.counter_wrap .single_counter p {
    color: #7a838b;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 28px;
}

.team_area {
    padding-top: 180px;
    padding-bottom: 150px;
}

.team_area .single_team {
    margin-bottom: 30px;
}

.team_area .single_team .team_thumb {
    overflow: hidden;
    margin-bottom: 26px;
}

.team_area .single_team .team_thumb img {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.team_area .single_team .team_info h3 {
    font-size: 24px;
    font-weight: 300;
    color: #2c2c2c;
    margin-bottom: 0;
}

.team_area .single_team .team_info p {
    font-size: 13px;
    font-weight: 300;
    color: #2c2c2c;
    margin-top: 6px;
    margin-bottom: 8px;
}

.team_area .single_team .team_info .social_link li {
    display: inline-block;
}

.team_area .single_team .team_info .social_link li a {
    font-size: 15px;
    color: #c7c7c7;
    margin: 0 5px;
}

.team_area .single_team .team_info .social_link li a:hover {
    color: #ffd35a;
}

.team_area .single_team:hover .team_thumb img {
    width: 100%;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.testimonial_area {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 100px 0 118px 0;
    background: #f7fafd;
}

@media (max-width:767px) {
    .testimonial_area {
        padding: 50px 0;
    }
}

.testimonial_area .single_testmonial {
    margin-bottom: 20px;
}

.testimonial_area .single_testmonial p {
    color: #040e27;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    margin: 34px 0 10px 0;
}

.testimonial_area .single_testmonial .author_thumb {
    width: 106px;
    height: 106px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: auto;
    margin: auto auto 15px auto;
    position: relative;
}

.testimonial_area .single_testmonial .author_thumb::before {
    position: absolute;
    right: -15px;
    bottom: -12px;
    width: 50px;
    height: 50px;
    content: "\f100";
    font-family: "Flaticon";
    text-align: center;
    line-height: 50px;
    background: #1ec6b6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
}

.testimonial_area .single_testmonial .testmonial_author h3 {
    color: #7a838b;
    font-size: 16px;
    font-weight: 400;
}

.testimonial_area .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.testimonial_area .owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 0;
}

.testimonial_area .owl-carousel .owl-nav div {
    left: 0;
}

.testimonial_area .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.testimonial_area .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background: #aab1b7;
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
}

.testimonial_area .owl-dots .owl-dot.active {
    background: #ff4a52;
}
.stat-visitor span{border-radius: 5em;-webkit-border-radius: 5em; background: #00d3ff}
.footer {
    background-repeat: no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #1e6481;
    background: linear-gradient(0deg,#1e6481 0,#2d97c3 25%,#3cc6ff 70%);
    position: relative;
    z-index: 0;
}

.footer .footer_top {
    padding-top: 115px;
    padding-bottom: 129px;
}

@media (max-width:767px) {
    .footer .footer_top {
        padding-top: 60px;
        padding-bottom: 30px;
    }
}

@media (max-width:767px) {
    .footer .footer_top .footer_widget {
        margin-bottom: 30px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .footer .footer_top .footer_widget {
        margin-bottom: 30px;
    }
}

.footer .footer_top .footer_widget .links {
    position: relative;
    top: -14px;
}

.footer .footer_top .footer_widget .footer_title {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 45px;
    font-family: "Sarabun",sans-serif;
}

@media (max-width:767px) {
    .footer .footer_top .footer_widget .footer_title {
        margin-bottom: 20px;
    }
}

.footer .footer_top .footer_widget .footer_logo {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 40px;
}

@media (max-width:767px) {
    .footer .footer_top .footer_widget .footer_logo {
        margin-bottom: 20px;
    }
}

.footer .footer_top .footer_widget p {
    color: #aab1b7;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #1e6481;
}

.footer .footer_top .footer_widget p a {
    color: #1e6481;
}

.footer .footer_top .footer_widget p a:hover {
    color: #ff4a52;
}

.footer .footer_top .footer_widget p.footer_text {
    font-size: 16px;
    color: #b2b2b2;
    margin-bottom: 23px;
    font-weight: 400;
    line-height: 26px;
}

.footer .footer_top .footer_widget p.footer_text a.domain {
    color: #b2b2b2;
    font-weight: 400;
}

.footer .footer_top .footer_widget p.footer_text a.domain:hover {
    color: #ff4a52;
    border-bottom: 1px solid #ff4a52;
}

.footer .footer_top .footer_widget p.footer_text.doanar a {
    font-weight: 500;
    color: #b2b2b2;
}

.footer .footer_top .footer_widget p.footer_text.doanar a:hover {
    color: #ff4a52;
    border-bottom: 1px solid #ff4a52;
}

.footer .footer_top .footer_widget p.footer_text.doanar a.first {
    margin-bottom: 10px;
}

.footer .footer_top .footer_widget ul li {
    color: #acacac;
    font-size: 14px;
    line-height: 36px;
}

.footer .footer_top .footer_widget ul li a {
    color: #1e6481;
    font-weight: 400;
    font-family: "Sarabun",sans-serif;
}

.footer .footer_top .footer_widget ul li a:hover {
    color: #ff4a52;
}

.footer .footer_top .footer_widget .newsletter_form {
    position: relative;
    margin-bottom: 20px;
}

.footer .footer_top .footer_widget .newsletter_form input {
    width: 100%;
    height: 50px;
    background: #f5fbff;
    padding-left: 20px;
    font-size: 15px;
    color: #000;
    border: 0;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    font-family: "Sarabun",sans-serif;
    padding-right: 120px;
}

.footer .footer_top .footer_widget .newsletter_form input::placeholder {
    font-size: 15px;
    color: #aab1b7;
}

.footer .footer_top .footer_widget .newsletter_form input:focus {
    outline: 0;
}

.footer .footer_top .footer_widget .newsletter_form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    border: 0;
    font-size: 14px;
    color: #fff;
    background: #ff4a52;
    padding: 10px;
    padding: 0 22px;
    cursor: pointer;
    border-radius: 30px;
    top: 5px;
    right: 5px;
    font-size: 14px;
    font-weight: 500;
    font-family: "Sarabun",sans-serif;
}

.footer .footer_top .footer_widget .newsletter_text {
    font-size: 14px;
    color: #aab1b7;
    line-height: 26px;
    font-family: "Sarabun",sans-serif;
}

.footer .footer_top .footer_widget .instagram_feed {
    margin: -7.5px -7.5px 0 -7.5px;
}

.footer .footer_top .footer_widget .instagram_feed .single_insta {
    width: 33.33%;
    float: left;
    padding: 7.5px;
    overflow: hidden;
}

.footer .footer_top .footer_widget .instagram_feed .single_insta img {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.footer .footer_top .footer_widget .instagram_feed .downloads {
	margin-bottom: 10px;
}

.footer .copy-right_text {
    padding-bottom: 26px;
}

.footer .copy-right_text .footer_border {
    border-top: 1px solid #363e52;
    padding-bottom: 26px;
}

.footer .copy-right_text .copy_right {
    font-size: 14px;
    color: #2d97c3;
    margin-bottom: 0;
    font-weight: 400;
}

@media (max-width:767px) {
    .footer .copy-right_text .copy_right {
        font-size: 14px;
    }
}

.footer .copy-right_text .copy_right a {
    color: #3cc6ff;
}

.footer .socail_links {
    margin-top: 47px;
}

@media (max-width:767px) {
    .footer .socail_links {
        margin-top: 30px;
    }
}

.footer .socail_links ul li {
    display: inline-block;
}

.footer .socail_links ul li a {
    font-size: 15px;
    color: #c3b2f0;
    width: 30px;
    display: inline-block;
    text-align: center;
    background: 0 0;
    margin-right: 7px;
    color: #fff;
    line-height: 40px!important;
    color: #e8e8e8;
}

.footer .socail_links ul li a:hover {
    color: #ff4a52!important;
    border-color: transparent;
}

.bradcam_bg_1 {
    background-image: url(../img/banner/bradcam.png);
}

.bradcam_bg_2 {
    background-image: url(../img/banner/bradcam2.png);
}

.bradcam_bg_3 {
    background-image: url(../img/banner/bradcam3.jpg?v1.0);
}

.bradcam_bg_4 {
    background-image: url(../img/banner/bradcam4.jpg);
}

.bradcam_area {
    background-size: cover;
    background-position: center center;
    padding: 175px 0;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

@media (min-width:768px) and (max-width:991px) {
    .bradcam_area {
        padding: 80px 0;
    }
}

.bradcam_area::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #040e27;
    opacity: .1;
    z-index: -1;
    content: '';
}

@media (max-width:767px) {
    .bradcam_area {
        padding: 50px 0;
    }
}

.bradcam_area h3 {
    font-size: 80px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 90px;
    text-transform: capitalize;
    font-family: "Charmonman",cursive;
}

@media (max-width:767px) {
    .bradcam_area h3 {
        font-size: 40px;
        line-height: 110%;
    }
}

.bradcam_area p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
}

.bradcam_area p a {
    color: #fff;
}

.bradcam_area p a:hover {
    color: #fff;
}

.bradcam_area .bradcam_text2 h3 {
    font-size: 50px;
    margin-bottom: 14px;
}

@media (max-width:767px) {
    .bradcam_area .bradcam_text2 h3 {
        font-size: 30px;
    }
}

.bradcam_area .bradcam_text2 p {
    font-size: 20px;
    margin-bottom: 0;
}

.bradcam_area.Extra_padding {
    padding: 399px 0;
}

@media (max-width:767px) {
    .bradcam_area.Extra_padding {
        padding: 150px 0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bradcam_area.Extra_padding {
        padding: 150px 0;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .bradcam_area.Extra_padding {
        padding: 150px 0;
    }
}

.popup_box {
    background: #fff;
    display: inline-block;
    z-index: 9;
    width: 558px;
}

.popup_box .boxed-btn3 {
    width: 100%;
    text-transform: capitalize;
}

.popup_box .popup_header {
    background: #f5fbff;
    padding: 28px 0;
    display: block;
}

.popup_box .popup_header h3 {
    text-align: center;
    font-size: 20px;
    color: #2c2c2c;
    margin-bottom: 0;
    font-weight: 400;
}

.popup_box .custom_form {
    padding: 60px 68px;
}

.popup_box input {
    width: 100%;
    height: 50px;
    border: 0;
    border-bottom: 1px solid #c7c7c7;
    padding: 15px 0;
    margin-bottom: 20px;
}

.popup_box input::placeholder {
    color: #919191;
    font-weight: 400;
}

.popup_box input:focus {
    outline: 0;
}

.popup_box textarea {
    width: 100%;
    border: 0;
    margin-top: 112px;
    border-bottom: 1px solid #c7c7c7;
    padding: 15px 0;
    margin-bottom: 20px;
    height: 55px;
    resize: none;
    margin-bottom: 40px;
}

.popup_box textarea::placeholder {
    color: #919191;
    font-weight: 400;
}

.popup_box textarea:focus {
    outline: 0;
}

.popup_box .nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: solid 1px #e2e2e2;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Sarabun",sans-serif;
    font-weight: 400;
    width: 100%!important;
    line-height: 50px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    border-radius: 0;
    margin-bottom: 30px;
    height: 50px!important;
    font-size: 16px;
    font-weight: 400;
    color: #919191;
}

.popup_box .nice-select::after {
    content: "\f0d7";
    display: block;
    height: 5px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 17px;
    top: 3px;
    transition: all .15s ease-in-out;
    width: 5px;
    font-family: fontawesome;
    color: #919191;
    font-size: 15px;
}

.popup_box .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    height: 200px;
    overflow-y: scroll;
}

.popup_box .nice-select.list {
    height: 200px;
    overflow-y: scroll;
}

#test-form {
    display: inline-block;
    margin: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#test-form .mfp-close-btn-in .mfp-close {
    color: #333;
    display: none!important;
}

#test-form button.mfp-close {
    display: none!important;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: .7;
}

.service_area {
    padding-top: 100px;
    padding-bottom: 70px;
}

.service_area.minus_padding {
    padding-bottom: 0;
}

.service_area .single_service {
    padding: 30px;
    border: 1px solid #e8e8e8;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 30px;
}

.service_area .single_service .service_icon {
    line-height: 94px;
    text-align: center;
    width: 98px;
    height: 98px;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #0181f5;
    background: -moz-linear-gradient(top,#0181f5 0,#5db2ff 100%);
    background: -webkit-linear-gradient(top,#0181f5 0,#5db2ff 100%);
    background: linear-gradient(to bottom,#0181f5 0,#5db2ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0181f5', endColorstr='#5db2ff', GradientType=0 )
}

.service_area .single_service h3 {
    font-size: 22px;
    color: #001d38;
    font-weight: 300;
    margin-top: 35px;
    margin-bottom: 23px;
}

.service_area .single_service p {
    font-size: 15px;
    font-weight: 400;
    color: #727272;
    line-height: 28px;
    margin-bottom: 6px;
}

.service_area .single_service a.learn_more {
    color: #5db2ff;
    font-weight: 400;
    font-size: 15px;
}

.service_area .single_service:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,.04);
    border-color: transparent;
}

.service_area .col-xl-4:nth-child(2) .single_service .service_icon {
    background: #00d363;
    background: -moz-linear-gradient(top,#00d363 0,#37ef8d 100%);
    background: -webkit-linear-gradient(top,#00d363 0,#37ef8d 100%);
    background: linear-gradient(to bottom,#00d363 0,#37ef8d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d363', endColorstr='#37ef8d', GradientType=0 )
}

.service_area .col-xl-4:nth-child(3) .single_service .service_icon {
    background: #fd8e5e;
    background: -moz-linear-gradient(top,#fd8e5e 0,#fd8e5e 100%);
    background: -webkit-linear-gradient(top,#fd8e5e 0,#fd8e5e 100%);
    background: linear-gradient(to bottom,#fd8e5e 0,#fd8e5e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e5e', endColorstr='#fd8e5e', GradientType=0 )
}

.service_area .col-xl-4:nth-child(4) .single_service .service_icon {
    background: #615cfd;
    background: -moz-linear-gradient(top,#615cfd 0,#d465ef 100%);
    background: -webkit-linear-gradient(top,#615cfd 0,#d465ef 100%);
    background: linear-gradient(to bottom,#615cfd 0,#d465ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#615cfd', endColorstr='#d465ef', GradientType=0 )
}

.service_area .col-xl-4:nth-child(6) .single_service .service_icon {
    background: #a64eee;
    background: -moz-linear-gradient(top,#a64eee 0,#3c35ce 100%);
    background: -webkit-linear-gradient(top,#a64eee 0,#3c35ce 100%);
    background: linear-gradient(to bottom,#a64eee 0,#3c35ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a64eee', endColorstr='#3c35ce', GradientType=0 )
}

.where_togo_area {
    background: #040e27;
    padding: 50px 0;
}

.where_togo_area .form_area h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
}

@media (max-width:767px) {
    .where_togo_area .form_area h3 {
        margin-bottom: 15px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .where_togo_area .form_area h3 {
        margin-bottom: 30px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .where_togo_area .form_area h3 {
        font-size: 18px;
    }
}

.where_togo_area .search_wrap .search_form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

@media (max-width:767px) {
    .where_togo_area .search_wrap .search_form {
        display: block!important;
    }
}

.where_togo_area .search_wrap .input_field {
    width: 220px;
}

@media (min-width:768px) and (max-width:991px) {
    .where_togo_area .search_wrap .input_field {
        max-width: 150px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .where_togo_area .search_wrap .input_field {
        max-width: 170px;
    }
}

@media (max-width:767px) {
    .where_togo_area .search_wrap .input_field {
        width: 100%;
        margin-bottom: 15px;
    }
}

.where_togo_area .search_wrap .input_field input {
    width: 100%;
    height: 50px;
    background: 0 0;
    border: 1px solid #363e52;
    padding-left: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}

.where_togo_area .search_wrap .input_field input::placeholder {
    font-size: 16px;
    color: #aab1b7;
    font-weight: 300;
}

.where_togo_area .search_wrap .input_field input:focus {
    outline: 0;
}

.where_togo_area .search_wrap .input_field .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #aab1b7;
    font-weight: 300;
    background: 0 0;
    border: 1px solid #363e52;
}

@media (max-width:767px) {
    .where_togo_area .search_wrap .input_field .nice-select {
        margin-bottom: 15px;
    }
}

.where_togo_area .search_wrap .input_field .nice-select::after {
    content: '\f0d7 ';
    right: 21px;
    top: 5px;
    font-family: 'fontawesome';
    color: #aab1b7;
    font-size: 16px;
}

.where_togo_area .search_wrap .input_field .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #000;
    font-weight: 400;
}

.where_togo_area .search_wrap .input_field .nice-select.open .list {
    width: 100%;
}

.gj-datepicker-md [role=right-icon] {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #919191;
    margin-right: 15px;
    position: absolute;
    top: 16px;
    right: 10px;
    color: #aab1b7;
}

.gj-picker-md div[role=navigator] {
    padding-left: 30px!important;
}

.popular_destination_area {
    padding-top: 60px;
    padding-bottom: 30px;
}

@media (max-width:767px) {
    .popular_destination_area {
        padding-top: 60px;
        padding-bottom: 30px;
    }
}

.popular_destination_area .single_destination {
    position: relative;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single_destination .text-small {
    font-size: 14px;
    line-height: 2;
}

.popular_destination_area .single_destination:before {
    background: -moz-linear-gradient(top,rgba(4,14,39,0) 0,rgba(4,14,39,.7) 100%);
    background: -webkit-linear-gradient(top,rgba(4,14,39,0) 0,rgba(4,14,39,.7) 100%);
    background: linear-gradient(to bottom,rgba(4,14,39,0) 0,rgba(4,14,39,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00040e27', endColorstr='#b3040e27', GradientType=0 );
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
}
.popular_destination_area .single_destination .thumb{position: relative;overflow: hidden}
.popular_destination_area .single_destination .thumb:before{content: "";display: block;padding: 66.66% 0 0}
.popular_destination_area .single_destination .thumb img {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px	;display: block; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%; height: 100%; object-fit: cover;object-position: 50% 20%;
}

.popular_destination_area .single_destination .content {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 7;
}

.popular_destination_area .single_destination .content p {
    margin-bottom: 0;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    font-family: "Sarabun",sans-serif;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.popular_destination_area .single_destination .content p a,.popular_destination_area .single_destination .content .btn {
    display: inline-block;
    background: #1ec6b6;
    font-size: 12px;
    border-radius: 30px;
    font-weight: 400;
    padding: 0 12px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    color: #fff;
    margin-left: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.popular_destination_area .single_destination:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.popular_destination_area .single_destination:hover .content p {
    color: #ff4a52;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.popular_destination_area .single_destination:hover .content p a {
    background: #ff4a52;
    color: #fff;
}

.destination_banner_wrap {
    background-image: url(../img/banner/destination.png);
    padding:25vh 0;
    background-size: cover;
    background-position: center center;max-height: 65vh;min-height: 250px;
}

@media (max-width:767px) {
    .destination_banner_wrap {
        padding:50px 0;
		max-height: 170px;
		min-height:inherit;
		
    }
}

@media (min-width:768px) and (max-width:991px) {
    .destination_banner_wrap {
        padding: 80px 0;
    }
}

.destination_banner_wrap.overlay:before {
    opacity: .3;
}

.destination_banner_wrap .destination_text h3 {
    font-size: 70px;
    line-height: 90px;
    color: #fff;
    font-family: "Charmonman",cursive;
    margin-bottom: 0;
}

@media (max-width:767px) {
    .destination_banner_wrap .destination_text h3 {
        font-size:32px;
        line-height: 110%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .destination_banner_wrap .destination_text h3 {
        font-size: 60px;
        line-height: 70px;
    }
}

.destination_banner_wrap .destination_text p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.destination_details_info {
    padding-bottom: 150px;
    padding-top: 70px;
}

@media (max-width:767px) {
    .destination_details_info {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .destination_details_info {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

.destination_details_info .bordered_1px {
    border-top: 1px solid #e4e6e8;
    margin-top: 65px;
    padding-bottom: 65px;
}

.destination_details_info .destination_info h3 {
    font-size: 24px;
    font-weight: 500;
    color: #001d38;
    margin-bottom: 25px;
}

.destination_details_info .destination_info p {
    margin-bottom: 20px;
	line-height: 160%!important;
}

.destination_details_info .destination_info .single_destination {
    margin-bottom: 22px;
}
.destination_details_info .destination_info .d-flex .single_destination{max-width: 50%;flex-basis: 50%}
.destination_details_info .destination_info .single_destination h4 {
    font-size: 16px;
    font-weight: 500;
}
.destination_details_info .destination_info .single_destination ul li{}
.destination_details_info .destination_info .single_destination ul li a {
    color: #007bff;
	display: inline-block;vertical-align: top;
    text-decoration: underline;max-width: 80%;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;
}
.destination_details_info .destination_info .single_destination ul li a img{ display: block; margin-top: 10px; border: 1px solid #eaeaea; border-radius: 0 1rem 1rem 1rem;}

.destination_details_info .contact_join h3 {
    font-size: 24px;
    font-weight: 500;
    color: #001d38;
    margin-bottom: 32px;
}

.destination_details_info .contact_join .single_input {
    margin-bottom: 20px;
}

.destination_details_info .contact_join .single_input input,.destination_details_info .contact_join .single_input textarea {
    width: 100%;
    background: #f4f4f4;
    height: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    padding-left: 15px;
    border: 0;
}

.destination_details_info .contact_join .single_input input::placeholder,.destination_details_info .contact_join .single_input textarea::placeholder {
    color: #727272;
    font-size: 14px;
    font-weight: 300;
}

.destination_details_info .contact_join .single_input input:focus,.destination_details_info .contact_join .single_input textarea:focus {
    outline: 0;
}

.destination_details_info .contact_join .single_input textarea {
    height: 115px;
    padding: 15px;
}

.destination_details_info .contact_join .submit_btn button {
    width: 100%;
    text-align: center;
}

.newletter_area {
    background-image: url(../img/banner/newsletter.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 67px 0;
}

.newletter_area.overlay::before {
    opacity: .7;
}

@media (max-width:767px) {
    .newletter_area .newsletter_text {
        margin-bottom: 20px;
    }
	.destination_details_info .destination_info .d-flex .single_destination{max-width: 100%;flex-basis: 100%;}
}

@media (min-width:768px) and (max-width:991px;) {
    .newletter_area .newsletter_text {
        margin-bottom: 20px;
    }
}

.newletter_area .newsletter_text h4 {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    margin-bottom: 11px;
}

.newletter_area .newsletter_text p {
    color: #aab1b7;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
}

.newletter_area .mail_form .newsletter_field {
    margin-right: 10px;
}

@media (max-width:767px) {
    .newletter_area .mail_form .newsletter_field {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

.newletter_area .mail_form .newsletter_field input {
    width: 100%;
    height: 50px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    padding-left: 15px;
    color: #000;
    font-size: 16px;
    font-family: "Sarabun",sans-serif;
    font-weight: 300;
}

.newletter_area .mail_form .newsletter_field input::placeholder {
    color: #aab1b7;
    font-size: 16px;
    font-family: "Sarabun",sans-serif;
    font-weight: 300;
}

.newletter_area .mail_form .newsletter_field input:focus {
    outline: 0;
}

.newletter_area .mail_form .newsletter_btn button {
    width: 100%;
    text-align: center;
    padding: 13px 10px;
}

@media (min-width:768px) and (max-width:991px) {
    .newletter_area .mail_form .newsletter_btn button {
        width: auto;
        padding: 13px 40px;
    }
}

.popular_places_area {
    padding-top: 142px;
    padding-bottom: 150px;
    background: #f7fafd;
}

@media (max-width:767px) {
    .popular_places_area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.main-column {
    position: relative;
}

.main-column .fix-map>* {
    position: sticky!important;
    top: 75px;
}

.list-root-trip {
    counter-reset: trip;
}

.list-root-trip .single_place {
    margin-bottom: 40px!important;
}

.list-root-trip .single_place:before {
    counter-increment: trip;
    content: "" counter(trip) "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 48px;
    height: 55px;
    text-align: center;
    line-height: 42px;
    font-size: 24px;
    font-weight: 700;
    background: url(../img/pinmarker.png) 50% 50% no-repeat;
    background-size: contain;
    color: #000;
}

.list-root-trip>* {
    padding-left: 80px;
    position: relative;
}

.list-root-trip>:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 22px;
    width: 3px;
    background: #e0e0e0;
}

.list-root-trip>:first-child:before {
    display: none;
}

.list-root-trip>:nth-child(2):before {
    top: 30px;
}

.list-root-trip>:last-child:before {
    display: none;
}

.list-root-trip>:nth-child(2) .km {
    display: none;
}

.list-root-trip .single_place {
    display: flex;
    flex-flow: row nowrap;
}

.list-root-trip .single_place .thumb {
    flex-basis: 300px;
    max-width: 300px;
}

.list-root-trip .single_place .place_info {
    flex: 1 1 0;
}

.popular_places_area .list-root-trip .single_place .place_info p {
    max-height: 115px;
    overflow: hidden;
}
.popular_places_area .list-root-trip .single_place .place_info p+p{display: none}

.list-root-trip .km {
    position: absolute;
    left: 5px;
    top: -30px;
    background: #f7fafd;
    font-size: 11px;
    line-height: 16px;
    color: #454545;
}

.list-root-trip .km small {
    color: #878787;
    display: inline-block;
    margin-left: 10px;
}

.list-root-trip .titile-group-place {
    color: #1ec6b6;
    font-weight: 700;
    font-size: 24px;
    margin-top: 30px;
    display: inline-block;
    padding: 0;
    margin-bottom: 8px;
    cursor: pointer;
}
.list-root-trip>:first-child .titile-group-place {
    margin-top: 0;
}
.list-root-trip>:not(:first-child) .titile-group-place{margin-bottom: 50px}
.list-root-trip>:not(:first-child) .titile-group-place.active{margin-bottom: 8px}
.list-root-trip .titile-group-place.active+.group-detail{margin-bottom: 50px;}
.list-root-trip .titile-group-place i {
    display: inline-block;
    color: #121212;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
}

.list-root-trip .titile-group-place.active i {
    transform: rotate(45deg);
    color: #999;
}

.list-root-trip .titile-group-place i[class*=ti-] {
    background: #fdc50f;
    color: #121212;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    border-radius: 5em;
    -webkit-border-radius: 5em;
}

.list-root-trip .titile-group-place.active i[class*=ti-] {
    transform: none;
    color: #121212;
}

.list-root-trip .titile-group-place.active i[class*=ti-]:before {
    content: "\e660";
}

.list-root-trip .group-detail {
    margin-bottom: 20px;
    color: #454545;
    display: none;
}

.list-root-trip .group-detail p {
    color: #454545;
    background: #f7fafd;
}

.group-detail.col2 {
    position: relative;
    column-count: 2;
    column-gap: 25px;
}

.group-detail.col2 p {
    position: relative;
    z-index: 2;
	text-align: justify;
}
.group-detail.col2 p span{text-align: justify; white-space: normal!important}
.group-detail.col2 p [style*="font-size"]{font-size: 14px!important}

.group-detail.col2:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    width: 10%;
    height: 100%;
    box-shadow: 10px 0 10px -10px rgba(0,0,0,.25);
    z-index: 1;
}

.mini-route {
    position: relative;
    counter-reset: m-route;
    margin-top: 10px;
    margin-left: -2px;
    margin-right: -2px;
}

.mini-route [class*=col] {
    padding-left: 2px;
    padding-right: 2px;
}

.mini-route [class*=col]:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 10px;
    right: 0;
    width: 100%;
    height: 2px;
    background: #e0e0e0;
}

.mini-route [class*=col]:first-child:after {
    left: 50%;
}

.mini-route [class*=col]:last-child:after {
    width: 50%;
    right: 50%;
}

.mini-route [class*=col]:nth-child(4):after {
    width: 50%;
    right: 50%;
}

.mini-route [class*=col]:nth-child(4):not(:last-child):after {
    width: 100%;
    right: 0;
}

.mini-route [class*=col]:nth-child(4)+* {
    display: none;
}

.mini-route [class*=col]:before {
    counter-increment: m-route;
    content: "" counter(m-route) "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/pinmarker-small.png) 50% 50% no-repeat;
    font-weight: 700;
    background-size: contain;
    font-size: 14px;
    width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.mini-route [class*=col] {
    position: relative;
    padding-bottom: 30px;
	padding-top: 60px;
}
.mini-route [class*=col]>img{display: block;width: 96%;height:65%;object-fit: cover;object-position: 50% 20%;position: absolute;top: 0;bottom: 30px;left: 2px;right: 2px;}
.mini-route [class*=col] span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    display: block;
    top: -30px;
    left: 50%;
    white-space: nowrap;
    padding: 2px 5px;
    font-size: 11px;
    background: #fff;
    color: #555;
    border-radius: .5em;
    -webkit-border-radius: .5em;
    transform: translateX(-50%);
    transition: .2s all ease;
    z-index: 2;
    box-shadow: 0 -1px 5px rgba(0,0,0,.5);
}

.mini-route [class*=col]:hover span {
    opacity: 1;
    visibility: visible;
}

.mini-route [class*=col] span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: translateX(-50%);
    z-index: 1;
}

@media (max-width:991px) {
	.popular_places_area{overflow: hidden}
    .popular_places_area .list-root-trip .single_place .thumb {
        max-width: 40%!important;
    }

    .popular_places_area .single_place .thumb img {
        display: block;
        height: 100%;
        object-fit: cover;
    }
	.mini-route{overflow: hidden}
}

@media (max-width:767px) {
    .main-column .fix-map {
        margin-bottom: 20px;
    }
	.popular_places_area .main-column .fix-map>a{position: absolute!important;top: 0;left: 0;right: 0;bottom: 0}
	.popular_places_area .main-column .fix-map img,.popular_places_area .main-column .fix-map>a{width: 100%; max-height: 375px;object-fit: cover;object-position: 50% 50%}

    .popular_places_area .single_place {
        display: flex;
        flex-wrap: nowrap;
    }
	.popular_places_area .list-root-trip .single_place{flex-wrap: wrap}
    .popular_places_area .list-root-trip .single_place .thumb {
        max-width: 100%!important;
		flex-basis: 100%!important
    }

    .popular_places_area .single_place .thumb img {
        display: block;
        height: 100%;
        object-fit: cover;
    }

    .list-root-trip>* {
        padding-left: 40px;
    }

    .list-root-trip .single_place:before {
        width: 32px;
        height: 36px;
        font-size: 16px;
        line-height: 32px;
    }

    .list-root-trip>:before {
        left: 16px;
    }
}
@media (max-width:480px) {
.popular_places_area .main-column .fix-map{position: relative;overflow: hidden}
.popular_places_area .main-column .fix-map:before{content: "";display: block;padding: 100% 0 0}
.popular_places_area .main-column .fix-map img{position: absolute!important;top:0;left: 0;right: 0;}
}
.popular_places_area .single_place {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 30px;
}

.popular_places_area .single_place .thumb {
    position: relative;
    overflow: hidden;
	align-self: flex-start;
	border-radius: .3rem 0 0 .3rem;
	border-radius: .3rem 0 0 .3rem;
}
.popular_places_area .single_place .thumb:before{content: "";display: block;padding: 66% 0 0}
.popular_places_area .single_place .thumb img {display: block;width: 100%; height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0; object-fit: cover;object-position: 50% 30%}

.popular_places_area .single_place .thumb .prise {
    position: absolute;
    background: #1ec6b6;
    padding: 2px 10px;
    display: inline-block;
    top: 20px;
    left: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    color: #fff;
    font-size: 16px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.popular_places_area .single_place .place_info {
    padding: 27px 20px 25px 20px;
}

.popular_places_area .single_place .place_info h3 {
    font-size: 22px;
    font-weight: 400;
    color: #040e27;
    margin-bottom: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.popular_places_area .single_place .place_info p {
    font-size: 14px;
    font-weight: 400;
    color: #7a838b;
    margin-top: 2px;
    margin-bottom: 7px;
}
.popular_places_area .single_place .place_info ul li {
font-size: 14px;
}

.popular_places_area .single_place .place_info .rating_days span i {
    font-size: 12px;
    color: #fdae5c;
}
.popular_places_area .single_place .place_info .rating_days span i.off {color: #7a838b;}

.rating_days span i{font-size: 14px;color: #fdae5c}
.rating_days span i.off ,.rating_days .days{color: #7a838b}
.popular_places_area .single_place .place_info .rating_days span a {
    font-size: 14px;
    color: #7a838b;
    margin-left: 5px;
}

.popular_places_area .single_place .place_info .rating_days .days {
    font-size: 14px;
    font-weight: 400;
    color: #7a838b;
}

.popular_places_area .single_place .place_info .rating_days .days i {
    margin-right: 8px;
}

.popular_places_area .single_place .place_info .rating_days .days a {
    font-size: 14px;
    color: #7a838b;
}

.popular_places_area .single_place:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.05);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
}

.popular_places_area .single_place:hover .place_info h3 {
    color: #ff4a52;
}

.popular_places_area .single_place:hover .thumb .prise {
    background: #ff4a52;
}

@media (max-width:767px) {
    .popular_places_area .single_place .place_info {
        padding: 15px 10px;
    }

    .popular_places_area .single_place .place_info h3 {
        font-size: 16px;
    }

    .popular_places_area .list-root-trip .single_place .place_info p {
        font-size: 13px;
        line-height: 23px;
    }

    .popular_places_area .single_place .place_info .rating_days span a,.popular_places_area .single_place .place_info .rating_days .days a {
        font-size: 11px;
    }

    .popular_places_area .single_place .place_info .rating_days .days i {
        margin-right: 2px;
    }

    .popular_places_area .single_place .thumb .prise {
        font-size: 13px;
        top: 10px;
        left: 10px;
    }
}

.popular_places_area .more_place_btn {
    margin-top: 40px;
}
.popular_places_area .more_place_btn img{max-width: 100%}

.filter_result_wrap h3 {
    font-size: 16px;
    font-weight: 500;
    color: #001d38;
    margin-bottom: 26px;
}

.filter_result_wrap .filter_bordered {
    border: 1px solid #dee2e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 25px;
}

@media (max-width:767px) {
    .filter_result_wrap .filter_bordered {
        margin-bottom: 30px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .filter_result_wrap .filter_bordered {
        margin-bottom: 30px;
    }
}

.filter_result_wrap .filter_inner {
    display: block;
    overflow: visible;
}

.filter_result_wrap .filter_inner .nice-select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #aab1b7;
    font-weight: 300;
    background: 0 0;
    border: 1px solid #dee2e7;
    margin-bottom: 15px;
}

.filter_result_wrap .filter_inner .nice-select::after {
    content: '\f0d7 ';
    right: 21px;
    top: 5px;
    font-family: 'fontawesome';
    color: #aab1b7;
    font-size: 16px;
}

.filter_result_wrap .filter_inner .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #000;
    font-weight: 400;
}

.filter_result_wrap .filter_inner .nice-select.open .list {
    width: 100%;
}

.filter_result_wrap .range_slider_wrap span.range {
    color: #040e27;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 15px;
}

.filter_result_wrap .range_slider_wrap p {
    margin-top: 14px;
    margin-bottom: 27px;
}

.filter_result_wrap .range_slider_wrap p input {
    background-color: transparent;
}

.filter_result_wrap .range_slider_wrap .ui-widget.ui-widget-content {
    border: 0;
    background: #ffd8da;
}

.filter_result_wrap .range_slider_wrap .ui-slider-horizontal {
    height: 2px;
}

.filter_result_wrap .range_slider_wrap .ui-state-default,.filter_result_wrap .range_slider_wrap .ui-widget-content .ui-state-default,.filter_result_wrap .range_slider_wrap .ui-widget-header .ui-state-default,.filter_result_wrap .range_slider_wrap .ui-button,.filter_result_wrap .range_slider_wrap html .ui-button.ui-state-disabled:hover,.filter_result_wrap .range_slider_wrap html .ui-button.ui-state-disabled:active {
    border: 2px solid #ff4a52;
    background: #fff;
    font-weight: 400;
    width: 14px;
    height: 16px;
    border-radius: 5px;
}

.filter_result_wrap .range_slider_wrap .ui-widget-header {
    background: #ff4a52;
}

.filter_result_wrap .range_slider_wrap .ui-slider-horizontal .ui-slider-handle {
    top: -7px;
    margin-left: -.6em;
}

.filter_result_wrap .reset_btn button {
    width: 100%;
}

.video_bg {
    background-image: url(../img/banner/video.png);
}

.video_area {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 190px 0;
}

@media (max-width:767px) {
    .video_area {
        padding: 100px 0;
    }
}

.video_area.overlay:before {
    opacity: .2;
}

.video_area .video_wrap h3 {
    font-family: "Charmonman",cursive;
    font-weight: 400;
    font-size: 60px;
    line-height: 90px;
    color: #fff;
    margin-bottom: 55px;
}

@media (max-width:767px) {
    .video_area .video_wrap h3 {
        font-size: 50px;
    }
}

.video_area .video_wrap .video_icon a {
    width: 84px;
    height: 84px;
    text-align: center;
    line-height: 84px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #1ec6b6;
    display: inline-block;
    color: #fff;
    font-size: 17px;
}

.video_area .video_wrap .video_icon a i {
    font-size: 17px;
    line-height: 84px;
    position: relative;
    left: 2px;
    top: -1px;
}

.video_play_button {
    position: relative;
}

.video_play_button:before {
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #1ec6b6;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    left: 0;
    bottom: 0;
    z-index: -1;
}

@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.8);
        opacity: 0;
    }
}

.recent_trip_area {
    padding-top: 150px;
    padding-bottom: 120px;
}

.recent_trip_area .single_trip {
    margin-bottom: 30px;
}

.recent_trip_area .single_trip .thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	position: relative;
}
.recent_trip_area .single_trip .thumb:before{content: "";display: block;padding: 66% 0 0;}
.recent_trip_area .single_trip .thumb img {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	position: absolute;top: 0;left: 0;right: 0; bottom: ;width: 100%; height: 100%; object-fit: cover;object-position: 50% 20%;
}

.recent_trip_area .single_trip .info {
    padding-top: 16px;
}

.recent_trip_area .single_trip .info .date span {
    font-size: 14px;
    font-weight: 400;
    color: #7a838b;
    display: block;
}

.recent_trip_area .single_trip .info a h3 {
    color: #040e27;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 10px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.recent_trip_area .single_trip:hover .info a h3 {
    color: #ff4a52;
}

.travel_variation_area {
    padding-top: 150px;
    padding-bottom: 114px;
}

@media (max-width:767px) {
    .travel_variation_area {
        padding: 60px 0;
    }
}

.travel_variation_area .single_travel {
    margin-bottom: 30px;
}

.travel_variation_area .single_travel h3 {
    font-size: 22px;
    font-weight: 400;
    color: #040e27;
    margin-bottom: 10px;
    margin-top: 41px;
}

@media (max-width:767px) {
    .travel_variation_area .single_travel h3 {
        margin-top: 20px;
    }
}

.travel_variation_area .single_travel p {
    font-size: 16px;
    font-weight: 400;
    color: #6e6e6e;
}

.dropdown .dropdown-menu {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.contact-info {
    margin-bottom: 25px;
}

.contact-info__icon {
    margin-right: 20px;
}

.contact-info__icon i,.contact-info__icon span {
    color: #8f9195;
    font-size: 27px;
}

.contact-info .media-body h3 {
    font-size: 16px;
    margin-bottom: 0;
    font-size: 16px;
    color: #2a2a2a;
}

.contact-info .media-body h3 a:hover {
    color: #ff5e13;
}

.contact-info .media-body p {
    color: #8a8a8a;
}

.contact-title {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px;
}

.form-contact label {
    font-size: 14px;
}

.form-contact .form-group {
    margin-bottom: 30px;
}

.form-contact .form-control {
    border: 1px solid #e5e6e9;
    border-radius: 0;
    height: 48px;
    padding-left: 18px;
    font-size: 13px;
    background: 0 0;
}

.form-contact .form-control:focus {
    outline: 0;
    box-shadow: none;
}

.form-contact .form-control::placeholder {
    font-weight: 300;
    color: #999;
}

.form-contact textarea {
    border-radius: 0;
    height: 100%!important;
}

.modal-message .modal-dialog {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)!important;
    margin: 0;
    max-width: 500px;
    width: 100%;
}

.modal-message .modal-dialog .modal-content .modal-header {
    text-align: center;
    display: block;
    border-bottom: none;
    padding-top: 50px;
    padding-bottom: 50px;
}

.modal-message .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: -15px;
    top: -15px;
    padding: 0;
    color: #fff;
    opacity: 1;
    cursor: pointer;
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

.modal-message .modal-dialog .modal-content .modal-header p {
    display: block;
}

.contact-section {
    padding: 130px 0 100px;
}

@media (max-width:991px) {
    .contact-section {
        padding: 70px 0 40px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .contact-section {
        padding: 80px 0 50px;
    }
}

.contact-section .btn_2 {
    background-color: #191d34;
    padding: 18px 60px;
    border-radius: 50px;
    margin-top: 0;
}

.contact-section .btn_2:hover {
    background-color: #ff5e13;
}

.sample-text-area {
    background: #fff;
    padding: 100px 0 70px 0;
}

.text-heading {
    margin-bottom: 30px;
    font-size: 24px;
}

b,sup,sub,u,del {
    color: #ff5e13;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1.2em;
}

.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6 {
    color: #828bb2;
}

.button-area {
    background: #fff;
}

.button-area .border-top-generic {
    padding: 70px 15px;
    border-top: 1px dotted #eee;
}

.button-group-area .genric-btn {
    margin-right: 10px;
    margin-top: 10px;
}

.button-group-area .genric-btn:last-child {
    margin-right: 0;
}

.genric-btn {
    display: inline-block;
    outline: 0;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.genric-btn:focus {
    outline: 0
}

.genric-btn.e-large {
    padding: 0 40px;
    line-height: 50px;
}

.genric-btn.large {
    line-height: 45px;
}

.genric-btn.medium {
    line-height: 30px;
}

.genric-btn.small {
    line-height: 25px;
}

.genric-btn.radius {
    border-radius: 3px;
}

.genric-btn.circle {
    border-radius: 20px;
}

.genric-btn.arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.genric-btn.arrow span {
    margin-left: 10px;
}

.genric-btn.default {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent;
}

.genric-btn.default:hover {
    border: 1px solid #f9f9ff;
    background: #fff;
}

.genric-btn.default-border {
    border: 1px solid #f9f9ff;
    background: #fff;
}

.genric-btn.default-border:hover {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent;
}

.genric-btn.primary {
    color: #fff;
    background: #ff5e13;
    border: 1px solid transparent;
}

.genric-btn.primary:hover {
    color: #ff5e13;
    border: 1px solid #ff5e13;
    background: #fff;
}

.genric-btn.primary-border {
    color: #ff5e13;
    border: 1px solid #ff5e13;
    background: #fff;
}

.genric-btn.primary-border:hover {
    color: #fff;
    background: #ff5e13;
    border: 1px solid transparent;
}

.genric-btn.success {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent;
}

.genric-btn.success:hover {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff;
}

.genric-btn.success-border {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff;
}

.genric-btn.success-border:hover {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent;
}

.genric-btn.info {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent;
}

.genric-btn.info:hover {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff;
}

.genric-btn.info-border {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff;
}

.genric-btn.info-border:hover {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent;
}

.genric-btn.warning {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent;
}

.genric-btn.warning:hover {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff;
}

.genric-btn.warning-border {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff;
}

.genric-btn.warning-border:hover {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent;
}

.genric-btn.danger {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent;
}

.genric-btn.danger:hover {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff;
}

.genric-btn.danger-border {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff;
}

.genric-btn.danger-border:hover {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent;
}

.genric-btn.link {
    color: #415094;
    background: #f9f9ff;
    text-decoration: underline;
    border: 1px solid transparent;
}

.genric-btn.link:hover {
    color: #415094;
    border: 1px solid #f9f9ff;
    background: #fff;
}

.genric-btn.link-border {
    color: #415094;
    border: 1px solid #f9f9ff;
    background: #fff;
    text-decoration: underline;
}

.genric-btn.link-border:hover {
    color: #415094;
    background: #f9f9ff;
    border: 1px solid transparent;
}

.genric-btn.disable {
    color: #222,.3;
    background: #f9f9ff;
    border: 1px solid transparent;
    cursor: not-allowed;
}

.generic-blockquote {
    padding: 30px 50px 30px 30px;
    background: #f9f9ff;
    border-left: 2px solid #ff5e13;
}

.progress-table-wrap {
    overflow-x: scroll;
}

.progress-table {
    background: #f9f9ff;
    padding: 15px 0 30px 0;
    min-width: 800px;
}

.progress-table .serial {
    width: 11.83%;
    padding-left: 30px;
}

.progress-table .country {
    width: 28.07%;
}

.progress-table .visit {
    width: 19.74%;
}

.progress-table .percentage {
    width: 40.36%;
    padding-right: 50px;
}

.progress-table .table-head {
    display: flex;
}

.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage {
    color: #415094;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500;
}

.progress-table .table-row {
    padding: 15px 0;
    border-top: 1px solid #edf3fd;
    display: flex;
}

.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage {
    display: flex;
    align-items: center;
}

.progress-table .table-row .country img {
    margin-right: 15px;
}

.progress-table .table-row .percentage .progress {
    width: 80%;
    border-radius: 0;
    background: 0 0;
}

.progress-table .table-row .percentage .progress .progress-bar {
    height: 5px;
    line-height: 5px;
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
    background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
    background-color: #e66686;
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
    background-color: #f09359;
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
    background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
    background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
    background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
    background-color: #a367e7;
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
    background-color: #e66686;
}

.single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: cover!important;
    height: 200px;
}
.my-gallery figure{position:relative;margin-bottom: 30px}
.my-gallery a{display: block} 
.my-gallery a img{display: block;width: 100%;height:200px; object-fit: cover}
.my-gallery figure figcaption{display: none}

.gallery-list{ position: relative}
.gallery-list.row{margin-left: 0;margin-right: 0}
.gallery-list .item img{display: block;max-width: 100%}
.gallery-list .item {
      width: 32%;
      /*height: 100px;*/
      margin-bottom: 10px;
      border-radius: 4px;
      overflow: hidden;
      cursor: pointer;
      position: relative;
      opacity: 0;
    }
.gallery-list .item.is-visible {
      animation: Items .6s ease-in forwards;
    }

    @keyframes Items {
      0% {
        opacity: 0;
        -webkit-transform: scale(0.3) rotateY(90deg);
        transform: scale(0.3) rotateY(90deg);
      }
      60% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
      }
      90% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
      }
      100% {
        opacity: 1;
      }
    }
@media (max-width:640px) {	
.gallery-list.row{margin-right: auto;margin-left:auto;}
.gallery-list .item {
      width: 48.5%;}
}

.list-style {
    width: 14px;
    height: 14px;
}

.unordered-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.82em!important;
}

.unordered-list li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #ff5e13;
    background: #fff;
    top: 4px;
    left: 0;
    border-radius: 50%;
}

.ordered-list {
    margin-left: 30px;
}

.ordered-list li {
    list-style-type: decimal-leading-zero;
    color: #ff5e13;
    font-weight: 500;
    line-height: 1.82em!important;
}

.ordered-list li span {
    font-weight: 300;
    color: #828bb2;
}

.ordered-list-alpha li {
    margin-left: 30px;
    list-style-type: lower-alpha;
    color: #ff5e13;
    font-weight: 500;
    line-height: 1.82em!important;
}

.ordered-list-alpha li span {
    font-weight: 300;
    color: #828bb2;
}

.ordered-list-roman li {
    margin-left: 30px;
    list-style-type: lower-roman;
    color: #ff5e13;
    font-weight: 500;
    line-height: 1.82em!important;
}

.ordered-list-roman li span {
    font-weight: 300;
    color: #828bb2;
}

.single-input {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 0;
    outline: 0;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input:focus {
    outline: 0;
}

.input-group-icon {
    position: relative;
}

.input-group-icon .icon {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 40px;
    z-index: 3;
}

.input-group-icon .icon i {
    color: #797979;
}

.input-group-icon .single-input {
    padding-left: 45px;
}

.single-textarea {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 0;
    outline: 0;
    background: #f9f9ff;
    padding: 0 20px;
    height: 100px;
    resize: none;
}

.single-textarea:focus {
    outline: 0;
}

.single-input-primary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: 0;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input-primary:focus {
    outline: 0;
    border: 1px solid #ff5e13;
}

.single-input-accent {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: 0;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input-accent:focus {
    outline: 0;
    border: 1px solid #eb6b55;
}

.single-input-secondary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: 0;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input-secondary:focus {
    outline: 0;
    border: 1px solid #f09359;
}

.default-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.default-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.default-switch input+label {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ff5e13;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.2);
    cursor: pointer;
}

.default-switch input:checked+label {
    left: 19px;
}

.primary-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.primary-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.primary-switch input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.primary-switch input+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    border-radius: 8.5px;
    cursor: pointer;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.primary-switch input+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.2);
    cursor: pointer;
}

.primary-switch input:checked+label:after {
    left: 19px;
}

.primary-switch input:checked+label:before {
    background: #ff5e13;
}

.confirm-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.confirm-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.confirm-switch input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.confirm-switch input+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    border-radius: 8.5px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}

.confirm-switch input+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.2);
    cursor: pointer;
}

.confirm-switch input:checked+label:after {
    left: 19px;
}

.confirm-switch input:checked+label:before {
    background: #4cd3e3;
}

.primary-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.primary-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.primary-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.primary-checkbox input:checked+label {
    background: url(../img/elements/primary-check.png) no-repeat center center/cover;
    border: 0;
}

.confirm-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.confirm-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.confirm-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.confirm-checkbox input:checked+label {
    background: url(../img/elements/success-check.png) no-repeat center center/cover;
    border: 0;
}

.disabled-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.disabled-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.disabled-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.disabled-checkbox input:disabled {
    cursor: not-allowed;
    z-index: 3;
}

.disabled-checkbox input:checked+label {
    background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
    border: 0;
}

.primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.primary-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.primary-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.primary-radio input:checked+label {
    background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
    border: 0;
}

.confirm-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.confirm-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.confirm-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.confirm-radio input:checked+label {
    background: url(../img/elements/success-radio.png) no-repeat center center/cover;
    border: 0;
}

.disabled-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}

.disabled-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.disabled-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.disabled-radio input:disabled {
    cursor: not-allowed;
    z-index: 3;
}

.disabled-radio input:checked+label {
    background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
    border: 0;
}

.default-select {
    height: 40px;
}

.default-select .nice-select {
    border: 0;
    border-radius: 0;
    height: 40px;
    background: #f9f9ff;
    padding-left: 20px;
    padding-right: 40px;
}

.default-select .nice-select .list {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0;
}

.default-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 20px;
}

.default-select .nice-select .list .option.selected {
    color: #ff5e13;
    background: 0 0;
}

.default-select .nice-select .list .option:hover {
    color: #ff5e13;
    background: 0 0;
}

.default-select .current {
    margin-right: 50px;
    font-weight: 300;
}

.default-select .nice-select::after {
    right: 20px;
}

.form-select {
    height: 40px;
    width: 100%;
}

.form-select .nice-select {
    border: 0;
    border-radius: 0;
    height: 40px;
    background: #f9f9ff;
    padding-left: 45px;
    padding-right: 40px;
    width: 100%;
}

.form-select .nice-select .list {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0;
}

.form-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 45px;
}

.form-select .nice-select .list .option.selected {
    color: #ff5e13;
    background: 0 0;
}

.form-select .nice-select .list .option:hover {
    color: #ff5e13;
    background: 0 0;
}

.form-select .current {
    margin-right: 50px;
    font-weight: 300;
}

.form-select .nice-select::after {
    right: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.section-top-border {
    padding: 50px 0;
    border-top: 1px dotted #eee;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.switch-wrap {
    margin-bottom: 10px;
}

.latest-blog-area .area-heading {
    margin-bottom: 70px;
}

.blog_area a {
    color: #666!important;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

.blog_area a:hover,.blog_area a :hover {
    background: -webkit-linear-gradient(131deg,#ff4a52 0,#ff4a52 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

.single-blog {
    overflow: hidden;
    margin-bottom: 30px;
}

.single-blog:hover {
    box-shadow: 0 10px 20px 0 rgba(42,34,123,.1);
}

.single-blog .thumb {
    overflow: hidden;
    position: relative;
}

.single-blog .thumb:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.single-blog h4 {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 34px;
    margin-bottom: 25px;
}

.single-blog a {
    font-size: 20px;
    font-weight: 600;
}

.single-blog .date {
    color: #666;
    text-align: left;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
}

.single-blog .tag {
    text-align: left;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 300;
    margin-right: 22px;
    position: relative;
}

.single-blog .tag:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    background: #acacac;
    right: -12px;
    top: 7px;
}

@media (max-width:1199px) {
    .single-blog .tag {
        margin-right: 8px;
    }

    .single-blog .tag:after {
        display: none;
    }
}

.single-blog .likes {
    margin-right: 16px;
}

@media (max-width:800px) {
    .single-blog {
        margin-bottom: 30px;
    }
}

.single-blog .single-blog-content {
    padding: 30px;
}

.single-blog .single-blog-content .meta-bottom p {
    font-size: 13px;
    font-weight: 300;
}

.single-blog .single-blog-content .meta-bottom i {
    color: #fdcb9e;
    font-size: 13px;
    margin-right: 7px;
}

@media (max-width:1199px) {
    .single-blog .single-blog-content {
        padding: 15px;
    }
}

.single-blog:hover .thumb:after {
    opacity: .7;
    -webkit-transition: .5s;
    transition: .5s;
}

@media (max-width:1199px) {
    .single-blog h4 {
        transition: all 300ms linear 0s;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 14px;
        margin-bottom: 12px;
    }

    .single-blog h4 a {
        font-size: 18px;
    }
}

.full_image.single-blog {
    position: relative;
}

.full_image.single-blog .single-blog-content {
    position: absolute;
    left: 35px;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}

@media (min-width:992px) {
    .full_image.single-blog .single-blog-content {
        bottom: 100px;
    }
}

.full_image.single-blog h4 {
    -webkit-transition: .5s;
    transition: .5s;
    border-bottom: none;
    padding-bottom: 5px;
}

.full_image.single-blog a {
    font-size: 20px;
    font-weight: 600
}

.full_image.single-blog .date {
    color: #fff;
}

.full_image.single-blog:hover .single-blog-content {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .5s;
    transition: .5s;
}

.l_blog_item .l_blog_text .date {
    margin-top: 24px;
    margin-bottom: 15px;
}

.l_blog_item .l_blog_text .date a {
    font-size: 12px;
}

.l_blog_item .l_blog_text h4 {
    font-size: 18px;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    padding-bottom: 20px;
    -webkit-transition: .5s;
    transition: .5s;
}

.l_blog_item .l_blog_text p {
    margin-bottom: 0;
    padding-top: 20px;
}

.causes_slider .owl-dots {
    text-align: center;
    margin-top: 80px;
}

.causes_slider .owl-dots .owl-dot {
    height: 14px;
    width: 14px;
    background: #eee;
    display: inline-block;
    margin-right: 7px;
}

.causes_slider .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.causes_item {
    background: #fff;
}

.causes_item .causes_img {
    position: relative;
}

.causes_item .causes_img .c_parcent {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 3px;
    background: rgba(255,255,255,.5);
}

.causes_item .causes_img .c_parcent span {
    width: 70%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.causes_item .causes_img .c_parcent span:before {
    content: "75%";
    position: absolute;
    right: -10px;
    bottom: 0;
    color: #fff;
    padding: 0 5px;
}

.causes_item .causes_text {
    padding: 30px 35px 40px 30px;
}

.causes_item .causes_text h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    cursor: pointer;
}

.causes_item .causes_text p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 0;
}

.causes_item .causes_bottom a {
    width: 50%;
    border: 1px solid;
    text-align: center;
    float: left;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.causes_item .causes_bottom a+a {
    border-color: #eee;
    background: #fff;
    font-size: 14px;
}

.latest_blog_area {
    background: #f9f9ff;
}

.single-recent-blog-post {
    margin-bottom: 30px;
}

.single-recent-blog-post .thumb {
    overflow: hidden;
}

.single-recent-blog-post .thumb img {
    transition: all .7s linear;
}

.single-recent-blog-post .details {
    padding-top: 30px;
}

.single-recent-blog-post .details .sec_h4 {
    line-height: 24px;
    padding: 10px 0 13px;
    transition: all .3s linear;
}

.single-recent-blog-post .date {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.single-recent-blog-post:hover img {
    transform: scale(1.23) rotate(10deg);
}

.tags .tag_btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    border: 1px solid #eee;
    display: inline-block;
    padding: 1px 18px;
    text-align: center;
}

.tags .tag_btn+.tag_btn {
    margin-left: 2px;
}

.blog_categorie_area {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width:900px) {
    .blog_categorie_area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width:1100px) {
    .blog_categorie_area {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.categories_post {
    position: relative;
    text-align: center;
    cursor: pointer;
}

.categories_post img {
    max-width: 100%;
}

.categories_post .categories_details {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(34,34,34,.75);
    color: #fff;
    transition: all .3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories_post .categories_details h5 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}

.categories_post .categories_details p {
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}

.categories_post .categories_details .border_line {
    margin: 10px 0;
    background: #fff;
    width: 100%;
    height: 1px;
}

.categories_post:hover .categories_details {
    background: rgba(222,99,32,.85);
}

.blog_item {
    margin-bottom: 50px;
}

.blog_details {
    padding: 30px 0 20px 10px;
    box-shadow: 0 10px 20px 0 rgba(221,221,221,.3);
}

@media (min-width:768px) {
    .blog_details {
        padding: 60px 30px 35px 35px;
    }
}

.blog_details p {
    margin-bottom: 30px;
}

.blog_details a {
    color: #ff8b23;
}

.blog_details a:hover {
    color: #ff4a52;
}

.blog_details h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

@media (min-width:768px) {
    .blog_details h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
}

.blog-info-link li {
    float: left;
    font-size: 14px;
}

.blog-info-link li a {
    color: #999;
}

.blog-info-link li i,.blog-info-link li span {
    font-size: 13px;
    margin-right: 5px;
}

.blog-info-link li::after {
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
}

.blog-info-link li:last-child::after {
    display: none;
}

.blog-info-link::after {
    content: "";
    display: block;
    clear: both;
    display: table;
}

.blog_item_img {
    position: relative;
}

.blog_item_img .blog_item_date {
    position: absolute;
    bottom: -10px;
    left: 10px;
    display: block;
    color: #fff;
    background-color: #ff4a52;
    padding: 8px 15px;
    border-radius: 5px;
}

@media (min-width:768px) {
    .blog_item_img .blog_item_date {
        bottom: -20px;
        left: 40px;
        padding: 13px 30px;
    }
}

.blog_item_img .blog_item_date h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.2;
}

@media (min-width:768px) {
    .blog_item_img .blog_item_date h3 {
        font-size: 30px;
    }
}

.blog_item_img .blog_item_date p {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff;
}

@media (min-width:768px) {
    .blog_item_img .blog_item_date p {
        font-size: 18px;
    }
}

.blog_right_sidebar .widget_title {
    font-size: 20px;
    margin-bottom: 40px;
}

.blog_right_sidebar .widget_title::after {
    content: "";
    display: block;
    padding-top: 15px;
    border-bottom: 1px solid #f0e9ff;
}

.blog_right_sidebar .single_sidebar_widget {
    background: #fbf9ff;
    padding: 30px;
    margin-bottom: 30px;
}

.blog_right_sidebar .single_sidebar_widget .btn_1 {
    margin-top: 0;
}

.blog_right_sidebar .search_widget .form-control {
    height: 50px;
    border-color: #f0e9ff;
    font-size: 13px;
    color: #999;
    padding-left: 20px;
    border-radius: 0;
    border-right: 0;
}

.blog_right_sidebar .search_widget .form-control::placeholder {
    color: #999;
}

.blog_right_sidebar .search_widget .form-control:focus {
    border-color: #f0e9ff;
    outline: 0;
    box-shadow: none;
}

.blog_right_sidebar .search_widget .input-group button {
    background: #fff;
    border-left: 0;
    border: 1px solid #f0e9ff;
    padding: 4px 15px;
    border-left: 0;
}

.blog_right_sidebar .search_widget .input-group button i,.blog_right_sidebar .search_widget .input-group button span {
    font-size: 14px;
    color: #999;
}

.blog_right_sidebar .newsletter_widget .form-control {
    height: 50px;
    border-color: #f0e9ff;
    font-size: 13px;
    color: #999;
    padding-left: 20px;
    border-radius: 0;
}

.blog_right_sidebar .newsletter_widget .form-control::placeholder {
    color: #999;
}

.blog_right_sidebar .newsletter_widget .form-control:focus {
    border-color: #f0e9ff;
    outline: 0;
    box-shadow: none;
}

.blog_right_sidebar .newsletter_widget .input-group button {
    background: #fff;
    border-left: 0;
    border: 1px solid #f0e9ff;
    padding: 4px 15px;
    border-left: 0;
}

.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span {
    font-size: 14px;
    color: #999;
}

.blog_right_sidebar .post_category_widget .cat-list li {
    border-bottom: 1px solid #f0e9ff;
    transition: all .3s ease 0s;
    padding-bottom: 12px;
}

.blog_right_sidebar .post_category_widget .cat-list li:last-child {
    border-bottom: 0;
}

.blog_right_sidebar .post_category_widget .cat-list li a {
    font-size: 14px;
    line-height: 20px;
    color: #888;
}

.blog_right_sidebar .post_category_widget .cat-list li a p {
    margin-bottom: 0;
}

.blog_right_sidebar .post_category_widget .cat-list li+li {
    padding-top: 15px;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    padding-left: 20px;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
    transition: all .3s linear;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
    color: #fff;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
}

.blog_right_sidebar .popular_post_widget .post_item+.post_item {
    margin-top: 20px;
}

.blog_right_sidebar .tag_cloud_widget ul li {
    display: inline-block;
}

.blog_right_sidebar .tag_cloud_widget ul li a {
    display: inline-block;
    border: 1px solid #eee;
    background: #fff;
    padding: 4px 20px;
    margin-bottom: 8px;
    margin-right: 3px;
    transition: all .3s ease 0s;
    color: #888;
    font-size: 13px;
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
    background: #ff4a52;
    color: #fff!important;
    -webkit-text-fill-color: #fff;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

.blog_right_sidebar .instagram_feeds .instagram_row {
    display: flex;
    margin-right: -6px;
    margin-left: -6px;
}

.blog_right_sidebar .instagram_feeds .instagram_row li {
    width: 33.33%;
    float: left;
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 15px;
}

.blog_right_sidebar .br {
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 30px 0;
}

.blog-pagination {
    margin-top: 80px;
}

.blog-pagination .page-link {
    font-size: 14px;
    position: relative;
    display: block;
    padding: 0;
    text-align: center;
    margin-left: -1px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    border-radius: 0!important;
    color: #8a8a8a;
    border: 1px solid #f0e9ff;
    margin-right: 10px;
}

.blog-pagination .page-link i,.blog-pagination .page-link span {
    font-size: 13px;
}

.blog-pagination .page-item.active .page-link {
    background-color: #fbf9ff;
    border-color: #f0e9ff;
    color: #888;
}

.blog-pagination .page-item:last-child .page-link {
    margin-right: 0;
}

.single-post-area .blog_details {
    box-shadow: none;
    padding: 0;
}

.single-post-area .social-links {
    padding-top: 10px;
}

.single-post-area .social-links li {
    display: inline-block;
    margin-bottom: 10px;
}

.single-post-area .social-links li a {
    color: #ccc;
    padding: 7px;
    font-size: 14px;
    transition: all .2s linear;
}

.single-post-area .blog_details {
    padding-top: 26px;
}

.single-post-area .blog_details p {
    margin-bottom: 20px;
    font-size: 15px;
}

.single-post-area .quote-wrapper {
    background: rgba(130,139,178,.1);
    padding: 15px;
    line-height: 1.733;
    color: #888;
    font-style: italic;
    margin-top: 25px;
    margin-bottom: 25px;
}

@media (min-width:768px) {
    .single-post-area .quote-wrapper {
        padding: 30px;
    }
}

.single-post-area .quotes {
    background: #fff;
    padding: 15px 15px 15px 20px;
    border-left: 2px solid;
}

@media (min-width:768px) {
    .single-post-area .quotes {
        padding: 25px 25px 25px 30px;
    }
}

.single-post-area .arrow {
    position: absolute;
}

.single-post-area .arrow .lnr {
    font-size: 20px;
    font-weight: 600;
}

.single-post-area .thumb .overlay-bg {
    background: rgba(0,0,0,.8);
}

.single-post-area .navigation-top {
    padding-top: 15px;
    border-top: 1px solid #f0e9ff;
}

.single-post-area .navigation-top p {
    margin-bottom: 0;
}

.single-post-area .navigation-top .like-info {
    font-size: 14px;
}

.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span {
    font-size: 16px;
    margin-right: 5px;
}

.single-post-area .navigation-top .comment-count {
    font-size: 14px;
}

.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span {
    font-size: 16px;
    margin-right: 5px;
}

.single-post-area .navigation-top .social-icons li {
    display: inline-block;
    margin-right: 15px;
}

.single-post-area .navigation-top .social-icons li:last-child {
    margin: 0;
}

.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span {
    font-size: 14px;
    color: #999;
}

.single-post-area .blog-author {
    padding: 40px 30px;
    background: #fbf9ff;
    margin-top: 50px;
}

@media (max-width:600px) {
    .single-post-area .blog-author {
        padding: 20px 8px;
    }
}

.single-post-area .blog-author img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 30px;
}

@media (max-width:600px) {
    .single-post-area .blog-author img {
        margin-right: 15px;
        width: 45px;
        height: 45px;
    }
}

.single-post-area .blog-author a {
    display: inline-block;
}

.single-post-area .blog-author a:hover {
    color: #ff4a52;
}

.single-post-area .blog-author p {
    margin-bottom: 0;
    font-size: 15px;
}

.single-post-area .blog-author h4 {
    font-size: 16px;
}

.single-post-area .navigation-area {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-top: 55px;
}

.single-post-area .navigation-area p {
    margin-bottom: 0;
}

.single-post-area .navigation-area h4 {
    font-size: 18px;
    line-height: 25px;
}

.single-post-area .navigation-area .nav-left {
    text-align: left;
}

.single-post-area .navigation-area .nav-left .thumb {
    margin-right: 20px;
    background: #000;
}

.single-post-area .navigation-area .nav-left .thumb img {
    -webkit-transition: .5s;
    transition: .5s;
}

.single-post-area .navigation-area .nav-left .lnr {
    margin-left: 20px;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.single-post-area .navigation-area .nav-left:hover .lnr {
    opacity: 1;
}

.single-post-area .navigation-area .nav-left:hover .thumb img {
    opacity: .5;
}

@media (max-width:767px) {
    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px;
    }
}

.single-post-area .navigation-area .nav-right {
    text-align: right;
}

.single-post-area .navigation-area .nav-right .thumb {
    margin-left: 20px;
    background: #000;
}

.single-post-area .navigation-area .nav-right .thumb img {
    -webkit-transition: .5s;
    transition: .5s;
}

.single-post-area .navigation-area .nav-right .lnr {
    margin-right: 20px;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.single-post-area .navigation-area .nav-right:hover .lnr {
    opacity: 1;
}

.single-post-area .navigation-area .nav-right:hover .thumb img {
    opacity: .5;
}

@media (max-width:991px) {
    .single-post-area .sidebar-widgets {
        padding-bottom: 0;
    }
}

.comments-area {
    background: 0 0;
    border-top: 1px solid #eee;
    padding: 45px 0;
    margin-top: 50px;
}

@media (max-width:414px) {
    .comments-area {
        padding: 50px 8px;
    }
}

.comments-area h4 {
    margin-bottom: 35px;
    font-size: 18px;
}

.comments-area h5 {
    font-size: 16px;
    margin-bottom: 0;
}

.comments-area .comment-list {
    padding-bottom: 48px;
}

.comments-area .comment-list:last-child {
    padding-bottom: 0;
}

.comments-area .comment-list.left-padding {
    padding-left: 25px;
}

@media (max-width:413px) {
    .comments-area .comment-list .single-comment h5 {
        font-size: 12px;
    }

    .comments-area .comment-list .single-comment .date {
        font-size: 11px;
    }

    .comments-area .comment-list .single-comment .comment {
        font-size: 10px;
    }
}

.comments-area .thumb {
    margin-right: 20px;
}

.comments-area .thumb img {
    width: 70px;
    border-radius: 50%;
}

.comments-area .date {
    font-size: 14px;
    color: #999;
    margin-bottom: 0;
    margin-left: 20px;
}

.comments-area .comment {
    margin-bottom: 10px;
    color: #777;
    font-size: 15px;
}

.comments-area .btn-reply {
    background-color: transparent;
    color: #888;
    padding: 5px 18px;
    font-size: 14px;
    display: block;
    font-weight: 400;
}

.comment-form {
    border-top: 1px solid #eee;
    padding-top: 45px;
    margin-top: 50px;
    margin-bottom: 20px;
}

.comment-form .form-group {
    margin-bottom: 30px;
}

.comment-form h4 {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 22px;
}

.comment-form .name {
    padding-left: 0;
}

@media (max-width:767px) {
    .comment-form .name {
        padding-right: 0;
        margin-bottom: 1rem;
    }
	.blog_details iframe{max-width: 100%;;max-height: 35vh;min-height: 150px}
}

.comment-form .email {
    padding-right: 0;
}

@media (max-width:991px) {
    .comment-form .email {
        padding-left: 0;
    }
}

.comment-form .form-control {
    border: 1px solid #f0e9ff;
    border-radius: 5px;
    height: 48px;
    padding-left: 18px;
    font-size: 13px;
    background: 0 0;
}

.comment-form .form-control:focus {
    outline: 0;
    box-shadow: none;
}

.comment-form .form-control::placeholder {
    font-weight: 300;
    color: #999;
}

.comment-form .form-control::placeholder {
    color: #777;
}

.comment-form textarea {
    padding-top: 18px;
    border-radius: 12px;
    height: 100%!important;
}

.comment-form ::-webkit-input-placeholder {
    font-size: 13px;
    color: #777;
}

.comment-form ::-moz-placeholder {
    font-size: 13px;
    color: #777;
}

.comment-form :-ms-input-placeholder {
    font-size: 13px;
    color: #777;
}

.comment-form :-moz-placeholder {
    font-size: 13px;
    color: #777;
}

.starrating>input {
    display: none;
}

.starrating>label:before {
    content: "\f005";
    margin: 2px;
    font-size: 1.5rem;
    font-family: FontAwesome;
    display: inline-block;
}

.starrating>label {
    color: #96ca5ad;font-size: 10px;margin-right: 5px;margin-bottom: 0;
}

.starrating>input:checked~label {
    color: #ffca08;
}

.starrating>input:hover~label {
    color: #ffca08;
}

.blog_part {
    margin-bottom: 140px;
}

@media (max-width:576px) {
    .blog_part {
        margin-bottom: 0;
        padding: 0 0 70px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .blog_part {
        margin-bottom: 0;
        padding: 0 0 70px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blog_part {
        margin-bottom: 0;
        padding: 0 0 70px;
    }
}

.blog_part .blog_right_sidebar .widget_title {
    font-size: 20px;
    margin-bottom: 40px;
    font-style: inherit!important;
}

@media (max-width:576px) {
    .blog_part .single-home-blog {
        margin-bottom: 140px;
        margin-top: 20px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .blog_part .single-home-blog {
        margin-bottom: 140px;
        margin-top: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blog_part .single-home-blog {
        margin-bottom: 140px;
        margin-top: 20px;
    }
}

.blog_part .single-home-blog .card-img-top {
    border-radius: 0;
}

.blog_part .single-home-blog .card {
    border: 0 solid transparent;
    border-radius: 0;
    background-color: transparent;
    position: relative;
}

.blog_part .single-home-blog .card .card-body {
    padding: 25px 10px 29px 40px;
    background-color: #fff;
    position: absolute;
    left: 20px;
    bottom: -140px;
    box-shadow: -7.552px 9.326px 20px 0 rgba(1,84,85,.1);
    border-radius: 10px;
}

@media (max-width:576px) {
    .blog_part .single-home-blog .card .card-body {
        padding: 15px;
        left: 10px;
        bottom: -140px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .blog_part .single-home-blog .card .card-body {
        padding: 15px;
        left: 10px;
        bottom: -140px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .blog_part .single-home-blog .card .card-body {
        padding: 20px;
    }
}

.blog_part .single-home-blog .card .card-body a {
    color: #ff4a52;
    text-transform: uppercase;
    -webkit-transition: .8s;
    transition: .8s;
}

.blog_part .single-home-blog .card .card-body a:hover {
    background: -webkit-linear-gradient(131deg,#ff7e5f 0,#feb47b 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blog_part .single-home-blog .card .dot {
    position: relative;
    padding-left: 20px;
}

.blog_part .single-home-blog .card .dot:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 5px;
    left: 0;
    background-color: #ff4a52;
    border-radius: 50%;
}

.blog_part .single-home-blog .card span {
    color: #8a8a8a;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 10px;
}

@media (max-width:576px) {
    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
	.mb_70 {
		margin-bottom: 10px;
	}
	.recent_trip_area,.popular_places_area{padding-top: 30px;padding-bottom: 20px}
	.popular_destination_area{padding-top: 30px}
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .blog_part .single-home-blog .card span {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

.blog_part .single-home-blog .card h5 {
    font-weight: 600;
    line-height: 1.5;
    font-size: 20px;
    -webkit-transition: .8s;
    transition: .8s;
    text-transform: capitalize;
    margin-bottom: 22px;
}

@media (max-width:576px) {
    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
        font-size: 16px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .blog_part .single-home-blog .card h5 {
        margin-bottom: 10px;
        font-size: 18px;
    }
}

.blog_part .single-home-blog .card h5:hover {
    -webkit-transition: .8s;
    transition: .8s;
    background: -webkit-linear-gradient(131deg,#feb47b 0,#ff7e5f 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: 1s;
}

.blog_part .single-home-blog .card ul li {
    display: inline-block;
    color: #8a8a8a;
    margin-right: 14px;
}
.fancybox-content .modal-content .btn{border-radius: 5em!important;-webkit-border-radius: 5em!important;background-color:#1877f2!important;color: #fff!important}
.fancybox-content .modal-content{box-shadow: none!important;border: none;border-radius: 0}
@media (max-width:576px) {
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
	.fancybox-slide{max-width: 100vw!important}
	.fancybox-content{max-width: 95vw!important}
}

@media (max-width:480px) {
	.slider_area .single_slider{min-height: 170px;}
    .slider_area .single_slider .slider_text h3 {
        font-size: 40px;
		margin-bottom:20px;
		line-height: 120%;
    }

    .logo img {
        max-width: 140px;
    }

    .group-detail.col2 {
        column-count: 1;
    }

    .group-detail.col2:after {
        display: none;
    }
	.fancybox-content{padding: 10px!important}
	.fancybox-content .modal-header h2{font-size: 18px}
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .blog_part .single-home-blog .card ul li {
        margin-right: 10px;
    }
}

.blog_part .single-home-blog .card ul li span {
    margin-right: 10px;
    font-size: 12px;
}
/*download*/
#features {
  /*background: url(../img/banner/banner.png);*/
  background-color: #3bc6ff;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
#features>.container{display: flex; align-content: center;align-items: center;min-height: 100vh;}
#features>.container .row{padding: 0}
#features .section_title{padding-top: 0}
#features .section_title h3{font-size: 18px; width: 480px; margin: 0 auto 30px; max-width:90vw}
#features .title-small {
  text-align: center;
  color: #ffffff;
}
#features .btn-lg {
  width: 220px;
  margin-top: 20px;
  margin-right: 15px;
  margin-left: 15px;
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}
#features .btn-lg i {
  padding-right: 5px;
}
#features .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #ffffff;
}
#features .content-left,
#features .content-right {
  position: relative;
  top: 60px;
}
#features .content-left span {
  float: right;
  margin-left: 25px;
}
#features .content-right span {
  float: left;
  margin-right: 25px;
}
#features .box-item {
  padding-bottom: 40px;
}
#features .box-item .icon {
  background: #fff;;
  text-align: center;
  margin-top: -4px;
  -webkit-transition: background 0.2s, color 0.2s;
  -moz-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}
#features .box-item .icon i {
  color: #3bc6ff;
  font-size: 24px;
  line-height: 60px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#features .box-item .text{text-shadow: 0px 1px 2px rgba(0,0,0,0.70)}
#features .box-item .text h4 {
  color: #ffffff;
  font-weight: 700;
  font-size: 21px;
  line-height: 22px;
}
#features .box-item .text p {
  color: #efefef;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
#features .box-item:hover .icon {
  background: #1ec6b6;;
}
#features .box-item:hover .icon i {
  color: #ffffff;
}
#features .show-box {
  padding: 22px 0;
  text-align: center;
}
#features .show-box img{ display:block; max-width: 100%;margin: 0 auto}
@media (max-width:991px) {
#features > .container{width: auto;max-width: 100%}
#features .box-item .text h4{font-size: 18px; font-weight: 400}
#features .box-item .text p{font-size: 13px}
}
@media (max-width:480px) {
#features .content-left, #features .content-right{width: 200px; margin: 0 auto 30px; text-align:left!important;display: flex; justify-content: center; align-items:flex-start;flex-flow: column wrap}
#features [class*="content-"] .box-item{white-space: nowrap;display: flex;flex-flow: row nowrap;}
#features [class*="content-"] span{float: left; margin: 0 10px 0 0}
}
.list-disc,.list-order{margin-left:25px}
.list-disc>li{position:relative;list-style:none}
.list-disc>li:before{content:"";display:block;position:absolute;top:5px;left:-18px;width:10px;height:10px;background:#3bc6ff;border-radius:5em;-webkit-border-radius:5em}
.list-order>li{list-style:decimal outside}
#toc .t-green, .t-green {
    color: #3bc6ff;
}