@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

@font-face {
    font-family: Icons;
    src: url(../fonts/open-iconic/open-iconic.eot);
    src: url(../fonts/open-iconic/open-iconic.eot?#iconic-sm) format('embedded-opentype'),url(../fonts/open-iconic/open-iconic.woff) format('woff'),url(../fonts/open-iconic/open-iconic.ttf) format('truetype'),url(../fonts/open-iconic/open-iconic.otf) format('opentype'),url(../fonts/open-iconic/open-iconic.svg#iconic-sm) format('svg');
    font-weight: 400;
    font-style: normal
}

.oi {
    position: relative;
    top: 1px;
    display: inline-block;
    speak: none;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .oi:empty:before {
        width: 1em;
        text-align: center;
        box-sizing: content-box
    }

    .oi.oi-align-center:before {
        text-align: center
    }

    .oi.oi-align-left:before {
        text-align: left
    }

    .oi.oi-align-right:before {
        text-align: right
    }

    .oi.oi-flip-horizontal:before {
        -webkit-transform: scale(-1,1);
        -ms-transform: scale(-1,1);
        transform: scale(-1,1)
    }

    .oi.oi-flip-vertical:before {
        -webkit-transform: scale(1,-1);
        -ms-transform: scale(-1,1);
        transform: scale(1,-1)
    }

    .oi.oi-flip-horizontal-vertical:before {
        -webkit-transform: scale(-1,-1);
        -ms-transform: scale(-1,1);
        transform: scale(-1,-1)
    }

.oi-account-login:before {
    content: '\e000'
}

.oi-account-logout:before {
    content: '\e001'
}

.oi-action-redo:before {
    content: '\e002'
}

.oi-action-undo:before {
    content: '\e003'
}

.oi-align-center:before {
    content: '\e004'
}

.oi-align-left:before {
    content: '\e005'
}

.oi-align-right:before {
    content: '\e006'
}

.oi-aperture:before {
    content: '\e007'
}

.oi-arrow-bottom:before {
    content: '\e008'
}

.oi-arrow-circle-bottom:before {
    content: '\e009'
}

.oi-arrow-circle-left:before {
    content: '\e00a'
}

.oi-arrow-circle-right:before {
    content: '\e00b'
}

.oi-arrow-circle-top:before {
    content: '\e00c'
}

.oi-arrow-left:before {
    content: '\e00d'
}

.oi-arrow-right:before {
    content: '\e00e'
}

.oi-arrow-thick-bottom:before {
    content: '\e00f'
}

.oi-arrow-thick-left:before {
    content: '\e010'
}

.oi-arrow-thick-right:before {
    content: '\e011'
}

.oi-arrow-thick-top:before {
    content: '\e012'
}

.oi-arrow-top:before {
    content: '\e013'
}

.oi-audio-spectrum:before {
    content: '\e014'
}

.oi-audio:before {
    content: '\e015'
}

.oi-badge:before {
    content: '\e016'
}

.oi-ban:before {
    content: '\e017'
}

.oi-bar-chart:before {
    content: '\e018'
}

.oi-basket:before {
    content: '\e019'
}

.oi-battery-empty:before {
    content: '\e01a'
}

.oi-battery-full:before {
    content: '\e01b'
}

.oi-beaker:before {
    content: '\e01c'
}

.oi-bell:before {
    content: '\e01d'
}

.oi-bluetooth:before {
    content: '\e01e'
}

.oi-bold:before {
    content: '\e01f'
}

.oi-bolt:before {
    content: '\e020'
}

.oi-book:before {
    content: '\e021'
}

.oi-bookmark:before {
    content: '\e022'
}

.oi-box:before {
    content: '\e023'
}

.oi-briefcase:before {
    content: '\e024'
}

.oi-british-pound:before {
    content: '\e025'
}

.oi-browser:before {
    content: '\e026'
}

.oi-brush:before {
    content: '\e027'
}

.oi-bug:before {
    content: '\e028'
}

.oi-bullhorn:before {
    content: '\e029'
}

.oi-calculator:before {
    content: '\e02a'
}

.oi-calendar:before {
    content: '\e02b'
}

.oi-camera-slr:before {
    content: '\e02c'
}

.oi-caret-bottom:before {
    content: '\e02d'
}

.oi-caret-left:before {
    content: '\e02e'
}

.oi-caret-right:before {
    content: '\e02f'
}

.oi-caret-top:before {
    content: '\e030'
}

.oi-cart:before {
    content: '\e031'
}

.oi-chat:before {
    content: '\e032'
}

.oi-check:before {
    content: '\e033'
}

.oi-chevron-bottom:before {
    content: '\e034'
}

.oi-chevron-left:before {
    content: '\e035'
}

.oi-chevron-right:before {
    content: '\e036'
}

.oi-chevron-top:before {
    content: '\e037'
}

.oi-circle-check:before {
    content: '\e038'
}

.oi-circle-x:before {
    content: '\e039'
}

.oi-clipboard:before {
    content: '\e03a'
}

.oi-clock:before {
    content: '\e03b'
}

.oi-cloud-download:before {
    content: '\e03c'
}

.oi-cloud-upload:before {
    content: '\e03d'
}

.oi-cloud:before {
    content: '\e03e'
}

.oi-cloudy:before {
    content: '\e03f'
}

.oi-code:before {
    content: '\e040'
}

.oi-cog:before {
    content: '\e041'
}

.oi-collapse-down:before {
    content: '\e042'
}

.oi-collapse-left:before {
    content: '\e043'
}

.oi-collapse-right:before {
    content: '\e044'
}

.oi-collapse-up:before {
    content: '\e045'
}

.oi-command:before {
    content: '\e046'
}

.oi-comment-square:before {
    content: '\e047'
}

.oi-compass:before {
    content: '\e048'
}

.oi-contrast:before {
    content: '\e049'
}

.oi-copywriting:before {
    content: '\e04a'
}

.oi-credit-card:before {
    content: '\e04b'
}

.oi-crop:before {
    content: '\e04c'
}

.oi-dashboard:before {
    content: '\e04d'
}

.oi-data-transfer-download:before {
    content: '\e04e'
}

.oi-data-transfer-upload:before {
    content: '\e04f'
}

.oi-delete:before {
    content: '\e050'
}

.oi-dial:before {
    content: '\e051'
}

.oi-document:before {
    content: '\e052'
}

.oi-dollar:before {
    content: '\e053'
}

.oi-double-quote-sans-left:before {
    content: '\e054'
}

.oi-double-quote-sans-right:before {
    content: '\e055'
}

.oi-double-quote-serif-left:before {
    content: '\e056'
}

.oi-double-quote-serif-right:before {
    content: '\e057'
}

.oi-droplet:before {
    content: '\e058'
}

.oi-eject:before {
    content: '\e059'
}

.oi-elevator:before {
    content: '\e05a'
}

.oi-ellipses:before {
    content: '\e05b'
}

.oi-envelope-closed:before {
    content: '\e05c'
}

.oi-envelope-open:before {
    content: '\e05d'
}

.oi-euro:before {
    content: '\e05e'
}

.oi-excerpt:before {
    content: '\e05f'
}

.oi-expand-down:before {
    content: '\e060'
}

.oi-expand-left:before {
    content: '\e061'
}

.oi-expand-right:before {
    content: '\e062'
}

.oi-expand-up:before {
    content: '\e063'
}

.oi-external-link:before {
    content: '\e064'
}

.oi-eye:before {
    content: '\e065'
}

.oi-eyedropper:before {
    content: '\e066'
}

.oi-file:before {
    content: '\e067'
}

.oi-fire:before {
    content: '\e068'
}

.oi-flag:before {
    content: '\e069'
}

.oi-flash:before {
    content: '\e06a'
}

.oi-folder:before {
    content: '\e06b'
}

.oi-fork:before {
    content: '\e06c'
}

.oi-fullscreen-enter:before {
    content: '\e06d'
}

.oi-fullscreen-exit:before {
    content: '\e06e'
}

.oi-globe:before {
    content: '\e06f'
}

.oi-graph:before {
    content: '\e070'
}

.oi-grid-four-up:before {
    content: '\e071'
}

.oi-grid-three-up:before {
    content: '\e072'
}

.oi-grid-two-up:before {
    content: '\e073'
}

.oi-hard-drive:before {
    content: '\e074'
}

.oi-header:before {
    content: '\e075'
}

.oi-headphones:before {
    content: '\e076'
}

.oi-heart:before {
    content: '\e077'
}

.oi-home:before {
    content: '\e078'
}

.oi-image:before {
    content: '\e079'
}

.oi-inbox:before {
    content: '\e07a'
}

.oi-infinity:before {
    content: '\e07b'
}

.oi-info:before {
    content: '\e07c'
}

.oi-italic:before {
    content: '\e07d'
}

.oi-justify-center:before {
    content: '\e07e'
}

.oi-justify-left:before {
    content: '\e07f'
}

.oi-justify-right:before {
    content: '\e080'
}

.oi-key:before {
    content: '\e081'
}

.oi-laptop:before {
    content: '\e082'
}

.oi-layers:before {
    content: '\e083'
}

.oi-lightbulb:before {
    content: '\e084'
}

.oi-link-broken:before {
    content: '\e085'
}

.oi-link-intact:before {
    content: '\e086'
}

.oi-list-rich:before {
    content: '\e087'
}

.oi-list:before {
    content: '\e088'
}

.oi-location:before {
    content: '\e089'
}

.oi-lock-locked:before {
    content: '\e08a'
}

.oi-lock-unlocked:before {
    content: '\e08b'
}

.oi-loop-circular:before {
    content: '\e08c'
}

.oi-loop-square:before {
    content: '\e08d'
}

.oi-loop:before {
    content: '\e08e'
}

.oi-magnifying-glass:before {
    content: '\e08f'
}

.oi-map-marker:before {
    content: '\e090'
}

.oi-map:before {
    content: '\e091'
}

.oi-media-pause:before {
    content: '\e092'
}

.oi-media-play:before {
    content: '\e093'
}

.oi-media-record:before {
    content: '\e094'
}

.oi-media-skip-backward:before {
    content: '\e095'
}

.oi-media-skip-forward:before {
    content: '\e096'
}

.oi-media-step-backward:before {
    content: '\e097'
}

.oi-media-step-forward:before {
    content: '\e098'
}

.oi-media-stop:before {
    content: '\e099'
}

.oi-medical-cross:before {
    content: '\e09a'
}

.oi-menu:before {
    content: '\e09b'
}

.oi-microphone:before {
    content: '\e09c'
}

.oi-minus:before {
    content: '\e09d'
}

.oi-monitor:before {
    content: '\e09e'
}

.oi-moon:before {
    content: '\e09f'
}

.oi-move:before {
    content: '\e0a0'
}

.oi-musical-note:before {
    content: '\e0a1'
}

.oi-paperclip:before {
    content: '\e0a2'
}

.oi-pencil:before {
    content: '\e0a3'
}

.oi-people:before {
    content: '\e0a4'
}

.oi-person:before {
    content: '\e0a5'
}

.oi-phone:before {
    content: '\e0a6'
}

.oi-pie-chart:before {
    content: '\e0a7'
}

.oi-pin:before {
    content: '\e0a8'
}

.oi-play-circle:before {
    content: '\e0a9'
}

.oi-plus:before {
    content: '\e0aa'
}

.oi-power-standby:before {
    content: '\e0ab'
}

.oi-print:before {
    content: '\e0ac'
}

.oi-project:before {
    content: '\e0ad'
}

.oi-pulse:before {
    content: '\e0ae'
}

.oi-puzzle-piece:before {
    content: '\e0af'
}

.oi-question-mark:before {
    content: '\e0b0'
}

.oi-rain:before {
    content: '\e0b1'
}

.oi-random:before {
    content: '\e0b2'
}

.oi-reload:before {
    content: '\e0b3'
}

.oi-resize-both:before {
    content: '\e0b4'
}

.oi-resize-height:before {
    content: '\e0b5'
}

.oi-resize-width:before {
    content: '\e0b6'
}

.oi-rss-alt:before {
    content: '\e0b7'
}

.oi-rss:before {
    content: '\e0b8'
}

.oi-script:before {
    content: '\e0b9'
}

.oi-share-boxed:before {
    content: '\e0ba'
}

.oi-share:before {
    content: '\e0bb'
}

.oi-shield:before {
    content: '\e0bc'
}

.oi-signal:before {
    content: '\e0bd'
}

.oi-signpost:before {
    content: '\e0be'
}

.oi-sort-ascending:before {
    content: '\e0bf'
}

.oi-sort-descending:before {
    content: '\e0c0'
}

.oi-spreadsheet:before {
    content: '\e0c1'
}

.oi-star:before {
    content: '\e0c2'
}

.oi-sun:before {
    content: '\e0c3'
}

.oi-tablet:before {
    content: '\e0c4'
}

.oi-tag:before {
    content: '\e0c5'
}

.oi-tags:before {
    content: '\e0c6'
}

.oi-target:before {
    content: '\e0c7'
}

.oi-task:before {
    content: '\e0c8'
}

.oi-terminal:before {
    content: '\e0c9'
}

.oi-text:before {
    content: '\e0ca'
}

.oi-thumb-down:before {
    content: '\e0cb'
}

.oi-thumb-up:before {
    content: '\e0cc'
}

.oi-timer:before {
    content: '\e0cd'
}

.oi-transfer:before {
    content: '\e0ce'
}

.oi-trash:before {
    content: '\e0cf'
}

.oi-underline:before {
    content: '\e0d0'
}

.oi-vertical-align-bottom:before {
    content: '\e0d1'
}

.oi-vertical-align-center:before {
    content: '\e0d2'
}

.oi-vertical-align-top:before {
    content: '\e0d3'
}

.oi-video:before {
    content: '\e0d4'
}

.oi-volume-high:before {
    content: '\e0d5'
}

.oi-volume-low:before {
    content: '\e0d6'
}

.oi-volume-off:before {
    content: '\e0d7'
}

.oi-warning:before {
    content: '\e0d8'
}

.oi-wifi:before {
    content: '\e0d9'
}

.oi-wrench:before {
    content: '\e0da'
}

.oi-x:before {
    content: '\e0db'
}

.oi-yen:before {
    content: '\e0dc'
}

.oi-zoom-in:before {
    content: '\e0dd'
}

.oi-zoom-out:before {
    content: '\e0de'
}


html, body {
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
}

a, a:hover {
    text-decoration: none !important;
    color: #4E4F60;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.h4-title {
    font-size: 23px;
    margin-bottom: 30px;
    margin-top: 40px;
}

*, :after, :before {
    box-sizing: border-box
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

.btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn.custom-a:focus {
    box-shadow: none !important;
}

.btn {
    font-family: 'Lato', sans-serif;
}

#stepOneSubmit.fa, #stepTwoSubmit.fa {
    line-height: unset;
    font-weight: 300;
}

select#Country:focus, select#Region:focus {
    box-shadow: none;
}

h1.heading-h1 {
    font-size: 46px;
    color: #A97E54;
    letter-spacing: 0.46px;
    font-weight: 600;
}

h4.custom-h4 {
    text-align: left;
    font-size: 19px;
    letter-spacing: 0px;
    color: #DC604B;
    opacity: 1;
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 20px 10px 15px 0px;
}

ul {
    padding-left: 0;
}

    ul li {
        list-style: none;
    }
/*------------------------------------Navbar-----------------------------------------*/


.body-content {
    margin-top: 6%
}
/*.custom-search-field.mt-2.mb-2 {
    margin-right: 130px;
}*/
.custom-ul-nav-1 {
    /*margin-left: -236px;*/
    margin-left: -86px;
}
/*.custom-ul-nav {
    margin-left: -207px
}*/
.custom-ul-nav .nav-item .nav-link {
    padding-top: 4px;
    padding-bottom: 10px;
    font-size: 13px;
}

.custom-search-field {
    /*margin-right: 74px !important;*/
    margin-right: 55px !important;
}

#navbar-close {
    color: #888;
    width: 22px;
    height: 14px;
}

.navbar-toggler:focus, .navbar-toggler:hover {
    outline: none;
}

#custom-hamburger-3, #navbar-close {
    font-size: 24px;
    width: 50px;
    height: 50px;
    border: 1px solid #52558B;
    border-radius: 40px;
    padding-top: 12px;
    color: #52558B;
}

.hidden {
    display: none;
}

.custom-select-2 select option {
    background: white !important;
    color: black !important;
    height: 40px !important;
}

    .custom-select-2 select option[value="true"] {
        background: #DC604B !important;
        color: white !important;
    }

.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1032;
    top: 0;
    right: 0;
    background-color: #dc604b;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .sidebar a {
        padding: 10px 8px 5px 28px;
        text-decoration: none;
        font-size: 20px;
        color: white;
        display: block;
        transition: 0.3s;
    }



    .sidebar .closebtn {
        position: absolute;
        top: 19px;
        right: 15%;
        font-size: 36px;
        margin-left: 50px;
    }

.custom-hamburger {
    margin-right: 40px;
}



/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidebar {
        padding-top: 15px;
    }

        .sidebar a {
            font-size: 18px;
        }

    .offer-div h3 {
        font-size: 26px !important;
    }
}

header {
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: 0.5s ease-in-out;
}

.custom-navbar {
    background: white;
    z-index: 1000;
    transition: 0.5s ease-in-out;
}

.custom-navbar-2 {
    background: white;
    z-index: 1000;
}

.form-check.form-check-inline label {
    font-weight: 200 !important;
}

.custom-navbar-2 .navbar-brand {
    margin-left: 100px;
    /*margin-right: 190px;*/
    margin-right:40px;
}




.search-panel .dropdown-menu {
    padding: 10px
}

    .search-panel .dropdown-menu li:first-child {
        border-bottom: 1px solid #e4e4e6;
    }

.search-panel .btn-default {
    background-color: #DC604B;
    color: white;
    margin: 2px;
    border-radius: 38px;
    /*font-size: 14px;*/
}

.custom-search-field input[type="text"]:focus {
    border-bottom: none !important;
}

#custom-search-input button {
    border: 0;
    background: none;
    padding: 5px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    color: #cccbcb;
}

.btn.btn-default:focus {
    outline: 0 !important;
    box-shadow: none;
}

span.input-group-btn:focus {
    outline: 0 !important;
    box-shadow: none;
}


.btn-light-custom {
    color: white;
    font-size: 1rem;
    background: #010002 0% 0% no-repeat padding-box;
    border-radius: 22px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

    .btn-light-custom:hover {
        background: white;
        color: black;
    }

@media (min-width: 992px) {
    .navbar-nav.custom-navbar-nav .nav-item {
        margin-left: 0.2em;
        margin-right: 0.2em;
    }

    .ul-owl li {
        margin: 0px;
    }

    .offer-div h3 {
        font-size: 20px !important;
    }
}
/*------------------------------------Navbar ends here-------------------------------------------*/
/*------------------------------------Homepage starts here-------------------------------------------*/
.win-div {
    box-shadow: 0px 10px 30px #99999933;
    border-radius: 8px;
    opacity: 1;
    padding-bottom: 40px;
}

.overlay-form {
    background: white;
    /*padding: 30px 25px;*/
    border-radius: 20px;
}

.row.home-row {
    margin-top: 8%;
}

.overlay-form label {
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.overlay-form h6 {
    color: #DC604B;
    font-size: 20px;
}

.tab-card {
    border: 1px solid #eee;
}

.tab-card-header.custom-tab-card-header {
    background: white;
    border-bottom: 0px;
    text-align: center;
}
    /* Default mode */
    .tab-card-header.custom-tab-card-header > .nav-tabs {
        border: none;
        margin: 0px;
        padding: 0px;
        display: inline-block;
    }

        .tab-card-header.custom-tab-card-header > .nav-tabs > li {
            margin-right: 2px;
            float: left;
        }

            .tab-card-header.custom-tab-card-header > .nav-tabs > li > a {
                border: 0;
                border-bottom: 2px solid #ecebeb;
                color: black;
                padding: 5px 30px;
            }

                /*.tab-card-header.custom-tab-card-header > .nav-tabs > li > a.show {
                    border-bottom: 2px solid #007bff;
                    color: #007bff;
                }*/
                .tab-card-header.custom-tab-card-header > .nav-tabs > li > a.active {
                    color: #DC604B;
                    border-bottom: 2px solid #DC604B;
                    background: white;
                }

    .tab-card-header.custom-tab-card-header > .tab-content {
        padding-bottom: 0;
    }


.hero-image-homepage {
    background-image: linear-gradient(#6AB7D8,#3743484d), url(/assets/img/hero-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 550px;
    color: white;
}

    .hero-image-homepage h5 {
        font-size: 20px;
    }

    .hero-image-homepage h3 {
        font-weight: bold;
        font-size: 36px;
    }

.news-div {
    box-shadow: 0px 10px 30px #99999933;
    border-radius: 8px;
    opacity: 1;
    padding: 20px 10px 50px 15px;
}

.win-icon {
    position: absolute;
    top: 22px;
    right: 0px;
    color: white;
    font-size: 20px;
    left: 0px;
}

.h3-home {
    font-size: 24px;
    letter-spacing: 0px;
    color: #404040;
    opacity: 1;
    text-transform: uppercase;
    margin-top: 5px;
}

.account-div .card-header {
    padding: 5px 20px;
}

.row-p h5 {
    font-size: 18px;
}

.account-div .card-body {
    padding: 0px 20px;
}

.circle-div {
    width: 65px;
    height: 65px;
    text-align: center;
    box-shadow: 0px 10px 30px #99999933;
    opacity: 1;
    border-radius: 50px;
    vertical-align: middle;
    margin: 0 auto;
    display: block;
}

.circle-div-1 {
    background: transparent linear-gradient(319deg, #6294A2 0%, #58C3DD 100%) 0% 0% no-repeat padding-box;
}

.circle-div-2 {
    background: transparent linear-gradient(327deg, #6E3450 0%, #A23638 100%) 0% 0% no-repeat padding-box;
}

.circle-div-3 {
    background: transparent linear-gradient(320deg, #183C77 0%, #36889C 100%) 0% 0% no-repeat padding-box;
}

.circle-div-4 {
    background: transparent linear-gradient(307deg, #1A6C62 0%, #47B18C 100%) 0% 0% no-repeat padding-box;
}

.news-section {
    margin-bottom: 20px;
}

    .news-section h6 {
        color: #404040;
        text-transform: uppercase;
        opacity: 0.24;
    }

h3.reply {
    color: #A97E54;
    font-size: 22px;
    margin-top: 40px;
}

.form-control.custom-input-1 {
    color: #777777 !important;
    font-size: 14px;
    padding-left: 8px !important;
    border: 0.5px solid #CCCCCC !important;
    border-radius: 3px;
    opacity: 1;
}

textarea.custom-textarea::-webkit-input-placeholder {
    opacity: 1;
    font-size: 13px;
}

textarea.custom-textarea:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    font-size: 13px;
}

textarea.custom-textarea::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
    font-size: 13px;
}

textarea.custom-textarea:-ms-input-placeholder {
    opacity: 1;
    font-size: 13px;
}

textarea.custom-textarea::placeholder {
    opacity: 1;
    font-size: 13px;
}

.metatext {
    letter-spacing: 0px;
    color: #999999;
    opacity: 1;
    font-size: 14px;
}

h1.intro.text {
    font-size: 36px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.content-win h5 {
    letter-spacing: 0px;
    color: #404040;
    opacity: 1;
    font-size: 15px;
    margin-top: 20px;
}

.content-win p {
    font-size: 13px;
    color: #404040;
    opacity: 1;
}

.account-div .card-body p {
    font-size: 15px;
    /*text-align:justify;*/
    opacity: 0.57;
}

.circle-div img {
    width: 25px;
    height: 47px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 10px;
}

.news-section h6 a {
    letter-spacing: 0.65px;
    color: #95989A;
    text-transform: uppercase;
    opacity: 1;
    font-size: 13px;
}

.switch {
    position: relative;
    height: 36px;
    /*width: 220px;*/
    background: white;
    border-radius: 23px;
    margin: 3px;
    border: 1px solid #DC604B;
}

.switch-label {
    position: relative;
    z-index: 2;
    width: 90px;
    line-height: 26px;
}

    .switch-label:active {
        font-weight: normal;
    }

.switch-label-off {
    padding-left: 22px;
    color: #DC604B;
}

.switch-label-on {
    padding-right: 6px;
    color: #DC604B;
    text-align: center;
}


.switch-input {
    display: none;
}

    .switch-input:checked + .switch-label {
        color: white;
        background: #DC604B;
        border-radius: 18px;
        padding: 4px 15px;
        text-align: center;
    }

    .switch-input:checked + .switch-label-on ~ .switch-selection {
        left: 60px;
        /* Note: left: 50%; doesn't transition in WebKit */
    }

.switch-selection {
    position: absolute;
    z-index: 1;
    /* top: 2px; */
    left: 2px;
    display: block;
    width: 66px;
    height: 24px;
    border-radius: 14px;
}

.news-section h4 {
    font-size: 16px;
    letter-spacing: 0px;
    color: #404040;
    opacity: 1;
}

.blog-div h5 {
    font-size: 18px;
}

.card.custom-card-product-home .card-img-top {
    height: 190px;
}

.news-section p {
    font-size: 15px;
}

.offer-div h3 {
    color: #6AB7D8;
    font-size: 30px;
}

.offer-div blockquote h5 {
    color: #404040;
    font-size: 20px;
}

/*.offer-div img {
        max-width: 250px;
        height: 170px;
    }*/


.img-content img {
    width: 35px;
    height: 35px;
    box-shadow: 0px 3px 6px #00000014;
    opacity: 1;
    border-radius: 40px;
}

/*.gradient-div {
    background-image:  url(/assets/img/pexels-photo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #F0F0F0;
    width:100%
    padding: 25px 10px 20px 25px;
    border-radius: 7px;
    
  backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}*/

/*.gradient-div-2 {
    background-image: url(/assets/img/Registration.jpg);
    background-repeat: no-repeat;
    background-size: cover;
   width:100%;
    color: #F0F0F0;
    padding: 25px 10px 20px 25px;
    border-radius: 7px;
    
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}*/

 .content-div-show h5 span {
        float: right;
        color: #6AB7D8;
        font-size: 14px;
}

.blog-div {
    box-shadow: 0px 20px 60px #3E3E3E29;
    border-radius: 8px;
    opacity: 1;
    border: none;
    padding-bottom: 30px;
    padding-left: 20px;
}

.blog-img-2 {
    width: 100%;
    background: transparent url('img/94468c094b019f3392acff0bfabb39b1.png') 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #0000000D;
    border-radius: 7px;
    opacity: 1;
}

.right-left span {
    float: right;
    margin-top: 6px;
    margin-right: 12px;
    font-size: 14px;
    color: red;
}

.show-image {
    box-shadow: 0px 5px 10px #0000000D;
    border-radius: 7px;
    opacity: 1;
}

.trade-div .card {
    box-shadow: none;
    border-radius: unset;
    opacity: unset;
    border: none;
}

.trade-div {
    box-shadow: 0px 20px 60px #3E3E3E29;
    border-radius: 8px;
    opacity: 1;
    border: none;
    padding: 0px 10px 30px 10px;
    margin-right: 3px;
    margin-left: 3px;
}

.content-div-show {
    padding-top: 10px;
}

    .content-div-show p {
        font-size: 14px;
        text-align: justify;
    }

.custom-quote {
    color: #6AB7D8;
    opacity: 1;
    font-size: 23px;
}

.font-italic-h6 {
    text-align: left;
    font-style: italic;
    letter-spacing: 0.5px;
    color: #404040;
    font-weight: 400;
    line-height: 1.5;
    font-size: 13px;
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
}

    .flex-container > div {
        display: block;
        margin: 0 auto;
    }

    .flex-container div img {
        margin: 10px 10px 10px 10px;
        width: 200px;
        height: 200px;
        padding: 10px;
    }

.action-div {
    height: 269px;
    border-radius: 7px;
    background-image: radial-gradient(rgba(160, 167, 206, 0.52), #114256), url(/assets/img/fullwidth.jpg);
    opacity: 1;
    background-size: cover;
    background-repeat: no-repeat;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    text-align: center;
    color: white;
    padding: 85px 10px 55px 10px;
}

    .action-div div h3 {
        font-size: 32px;
    }
/*------------------------------------Homepage ends here-------------------------------------------*/
/*-----------------------------------------product page starts here-------------------------------*/
.custom-search-border {
    border: 1px solid #D7DDF5;
    border-radius: 20px;
    padding-right: 5px;
    color: #cecdcd;
    padding-left: 7px;
}

.search-bar-btn {
    left: 6px;
}

input.search-query.form-control::placeholder {
    padding-left: 25px;
    color: #C2C2C2 !important;
    opacity: 1;
}

div#ProductsList .custom-box label {
    margin: 0px 4px 0px 0px;
    font-weight: 100 !important;
    text-transform: uppercase;
}

.custom-search-border-4 {
    border: none !important;
}

    .custom-search-border-4:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.custom-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 40px #50302029;
    border-radius: 5px;
    opacity: 1;
    padding-top: 7px;
}

.footer-div {
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    left: 20%;
    right: 20%;
}

.card.custom-card-product {
    min-height: 350px;
}

.card-footer-custom-product {
    background-color: unset;
    border-top: none;
    margin: 0px 15px 25px 0px;
}

.custom-card-product-home, .custom-card-company {
    /* position: relative; */
    min-height: 200px;
}

    .custom-card-company .card-footer {
        background-color: white !important;
        border: unset;
        margin-bottom: 20px;
    }

.custom-card-product p {
    font-size: 14px;
    color: #777777;
    margin-bottom: 0px !important;
    font-weight: 600;
}

.custom-card-product-home p, .custom-card-company p {
    font-size: 14px;
    color: #777777;
    margin-bottom: 0px !important;
}

.custom-card-product-home footer, .custom-card-company footer {
    margin: 30px 0px 20px 0px;
}

.card-custom-img-product {
    max-height: 170px;
    width: 100%;
    /*height: 165px !important;
    width: 135px;

    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px*/
}

.card-custom-img {
    height: 165px !important;
    width: 135px;
    border-radius: 66%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px
}

.cutom-card-product {
    border-radius: 20% !important;
}

img.logo-custom {
    width: 130px;
}

.custom-card-product p {
    font-size: 14px;
    color: #777777;
    margin-bottom: 0px !important;
    font-weight: 600;
}

    .custom-card-product p span {
        font-weight: 300;
    }

select.custom-select-1 {
    border-top-style: hidden;
    border-left-style: hidden;
    border-bottom-style: hidden;
}

.form-control.custom-select-1 {
    padding: 0 !important;
    font-size: 16px;
    border-right: 1px solid #ced4da;
    border-bottom: 0 !important;
    margin-left: -4px;
    color: black !important;
}

    .form-control.custom-select-1#CityID {
        border-right: none;
    }

    .form-control.custom-select-1:focus {
        background-color: #fff;
        border-color: none !important;
        outline: 0;
        box-shadow: 0 0 0 0.1rem rgba(227, 228, 228, 0.25);
    }

.product-label {
    color: #9496B5;
    font-size: 14px !important;
}

.form-control.custom-select-2, .form-control.custom-select-2::placeholder {
    font-size: 16px !important;
    padding: 0 !important;
    border-bottom: none !important;
    color: #C2C2C2 !important;
    opacity: 1;
}

    .form-control.custom-select-2:focus {
        background-color: #fff;
        border-bottom: inset;
        outline: 0;
        box-shadow: 0 0 0 0.1rem rgba(227, 228, 228, 0.25);
    }
/*.page-item:first-child .page-link {
    padding-right: 20px;
    padding-left:25px;
}

.page-item:last-child .page-link {
    padding-right: 25px;
    padding-left: 20px;
}*/
.custom-page {
    margin-top: 50px;
}

.first {
    border-left: none !important;
}

.horizontal {
    display: inline;
    border-left: 1px solid #efecec;
}

.pagination-ul a.page-link {
    border: none !important;
    color: #777777;
    padding: 8px 20px 8px 20px;
    margin: 0;
}

    .pagination-ul a.page-link:hover {
        border: 1px solid #DC604B !important;
        background: white !important;
        border-radius: 4px;
        text-decoration: none !important;
        color: #DC604B;
        opacity: 1;
        margin: 0;
        height: 36px;
        width: 49.8px;
    }

.pagination-ul > li:first-child > a:hover {
    /*padding-right: 20px;
    padding-left: 25px;*/
    padding: 8px 20px 8px 20px;
    margin: 0;
    height: 36px;
    width: 101.44px;
    ;
}

.pagination-ul > li:last-child > a:hover {
    /*padding-right: 25px;
    padding-left: 20px;*/
    padding: 8px 20px 8px 20px;
    margin: 0;
    height: 36px;
    width: 74.05px;
}

.pagination-ul > li:first-child > a:hover, .pagination-ul > li:first-child > a:focus, .pagination-ul > li:last-child > a:hover, .pagination-ul > li:last-child > a:focus {
    border: 0 !important;
}

.page-link:first-child:hover {
    border: none !important;
}

.page-link:focus {
    box-shadow: none !important;
}

.custom-product-div {
    padding: 30px;
    width: 270px;
    height: 202px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #99999933;
    border-radius: 8px;
    opacity: 1;
}

.company-reg .form-horizontal label {
    margin-bottom: 0px;
}

.member-reg .form-horizontal label {
    margin-bottom: 0px;
}

#stepOneFormContainer label {
    margin-bottom: 0px;
}

.center-div-1 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    width: 100%;
    padding: 0px 20px 15px 15px;
}

.center-div {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #99999933;
    border-radius: 8px;
    opacity: 1;
    width: 100%;
    padding: 30px 20px 15px 15px;
}

.your-class button.slick-next.slick-arrow, .your-class button.slick-prev.slick-arrow {
}

.slick-arrow.slick-prev {
    z-index: 1;
}

.slick-arrow.slick-next {
}

.p-grey-2 {
    font-size: 15px;
    color: #777777;
    opacity: 1;
}

.pro-img .big-img {
    box-shadow: 0px 5px 10px #0000001A;
    border-radius: 7px;
    opacity: 1;
}

.your-class {
    background-color: white;
    border: 1px solid #f5eeee;
    border-radius: 8px;
    opacity: 1;
    padding: 10px 15px 10px 15px;
}

/*----------------------------------------product page end here-------------------------------*/
/*---------------------------------------Account starts here---------------------------------------------*/
.account-div .card {
    box-shadow: 0px 10px 30px #99999933;
}

.account-div .card-header {
    background-color: transparent;
    border-bottom: none;
}

/*.card-body p{
    margin-top:-22px;
}*/

.custom-h2 {
    font-size: 36px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.frm-ctr .form-control {
    padding: 0px !important;
}

.frm-ctr input::placeholder {
    font-size: 13px;
}

.row-p p {
    font-size: 18px;
    margin-left: -2px;
}

.tags {
    width: 100%;
    height: auto;
}

    .tags a.tags-block {
        display: inline-block;
        padding: 5px;
        background-color: white;
        font-size: 13px;
        color: #777777;
        border: 1px solid #4E4F60;
        opacity: 0.43;
        margin: 0px 2px 2px 3px;
    }

span.select2-dropdown {
    z-index: 0 !important;
}
/*---------------------------------------Account ends here---------------------------------------------*/
/*---------------------------------------Product page starts here---------------------------------------------*/
.p-grey {
    color: #777777;
    opacity: 1;
    font-size: 10px;
}

.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

.arrow-div.form-control {
    background: transparent;
    box-shadow: none !important;
    border-bottom: 1px solid #c2c2c24d !important;
    border-radius: 0;
}

a.arrow-down {
    padding: 5px 0px 3px 3px !important;
    color: #6866664d !important;
    font-size: 13px;
}

.arrow-down.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    color: #DC604B;
    position: absolute;
    right: 17px;
    top: 45px;
}

button.close:active, button.close:focus {
    outline: none;
}
/*---------------------------------------Product page ends here---------------------------------------------*/
/*---------------------------------------complete company profile starts here---------------------------------------------*/
.hero {
    height: 50%;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.button-div #select_banner {
    transform: translate(-56%, -117%);
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 100;
}
/*.section-mtb .container {
    padding-left: 5px;
    margin-left: 35px;
}*/
.company-logo-div {
    position: relative;
    /*left: 20%;*/
    /*width: 230px;*/
    height: auto;
    /*border: 2px solid #A97E54 !important;*/
    text-align: center;
    padding: 5px;
    border-radius: 0 !important;
    box-shadow: 0px 0px 0px #eae9e936 !important;
}

.accordion .custom-accordion-header:after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f107";
    font-size: 20px;
    float: left;
    margin-right: 20px;
}

.custom-accordion-header-2.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f105";
    font-size: 20px;
}

.custom-accordion-header-2:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    font-size: 20px;
    float: left;
    margin-right: 20px;
}

.accordion .custom-accordion-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f105";
    font-size: 20px;
}

.form-register .custom-accordion-header-2 label, .form-register .custom-accordion-body-2 label {
    font-size: 15px;
    font-weight: 100 !important;
}

.address-div {
    position: relative;
    /*left: 20%;*/
    /*width: 230px;*/
    height: auto;
    /*border: 1px solid black !important;*/
    text-align: center;
    padding: 5px;
    border-radius: 0 !important;
}

.company-logo-div img {
    /*width: 200px;*/
    height: 208px;
    box-shadow: 0 4px 16px 0 rgba(158, 156, 156, 0.2), 0 6px 37px 0 rgba(136, 133, 133, 0.19);
    padding: 10px;
    filter: blur(2px);
    -webkit-filter: blur(2px);
    background: white;
}

.second-row {
    position: relative;
    top: -100px;
}

.address-div p {
    text-align: left;
    margin-bottom: 5px !important;
    font-size: 15px;
}

.account-div .card .card-footer {
    border-top: none !important;
    background-color: white !important;
    text-align: center;
}
/*h4.h4-service{
    color:#777777;

}*/
/*.overlap-div .col-12{
    padding-left:0px;
}*/
.blog-img {
    height: 180px;
    border-radius: 5px;
}

.arrow-div .custom-font-arrow {
    margin-right: 50px !important;
}

.arrow-div {
    padding: 0px 0px 0px 77px;
}

.forum-img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
}

.h6-color {
    color: lightgray;
    font-size: 13px;
}

.blog-div p {
    font-size: 15px;
}

.logo-btn #select_logo {
    position: absolute;
    bottom: 6px;
    right: 4px;
}

.bullet-ul {
    padding-left: 0px;
}

    .bullet-ul li {
        display: inline;
        white-space: pre;
        color: #777777;
        font-size: 20px;
    }

        .bullet-ul li:after {
            content: "  \00b7  ";
            font-size: 25px;
        }

.overlap-div {
    position: relative;
    top: -120px;
}

.custom-text-p {
    padding-top: 13%;
}

.bullet-ul li:last-child:after {
    content: "";
}

.address-div {
    border: 1px solid black;
    padding: 15px 20px 8px 20px;
}
/*----------------------------------------complete company profile ends here------------------------------------------*/
/*-----------------------------------sign in starts here----------------------------------*/
.custom-bg {
    background-color: #6AB7D8;
}

.img-right-top img {
    width: 120px;
    height: 120px;
}

.custom-form-body {
    margin-right: 20px;
    margin-left: 20px;
}

.testimonial {
    overflow-y: hidden;
}

    .testimonial .card-body {
        margin-bottom: 0.75rem;
    }

.card-body img {
    margin-bottom: 13%;
}

.testimonial .card-body h1 {
    font-weight: 600;
    margin-top: 25px;
}

.section-mtb {
    padding-top: 60px;
    margin-bottom: 50px;
}

.custom-bg .card-body {
    padding: 7.65rem 7.65rem 10.65rem 7.65rem !important;
}

.right-section {
    position: relative;
}

.img-right-top {
    position: absolute;
    top: 0;
    right: 0;
}

.form-section {
    position: relative;
    top: 150px;
}

.custom-form-body .form-control {
    border-radius: 35px !important;
    border: 1px solid #D7DDF5;
}

    .custom-form-body .form-control:focus {
        color: #000000;
        background-color: #fff;
        border: 1.5px solid #52558B !important;
        outline: 0;
        box-shadow: none !important;
    }

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

    .icon-addon .fa,
    .icon-addon .fa {
        position: absolute;
        z-index: 2;
        left: 10px;
        font-size: 14px;
        width: 20px;
        margin-left: -2.5px;
        text-align: center;
        padding: 10px 0;
        top: 1px
    }

    .icon-addon.addon-lg .form-control {
        line-height: 1.33;
        height: 46px;
        font-size: 15px;
        padding: 10px 16px 10px 60px;
    }

    .icon-addon:after,
    .icon-addon:before {
        display: table;
        content: " ";
    }

    .icon-addon:after {
        clear: both;
    }

    .icon-addon.addon-lg .fa,
    .icon-addon.addon-lg .glyphicon {
        font-size: 18px;
        margin-left: 0;
        left: 20px;
        top: 4px;
    }

/*---------------------------sign in ends here----------------------------------*/

/*---------------------------button css----------------------------------*/
.cutom-red-btn {
    color: white;
    background-color: #DC604B;
    padding: 8px 20px 8px 20px;
    border-radius: 35px;
    font-size: 14px;
    width: 100%;
    opacity: 1;
}

.custom-white-btn {
    border-radius: 35px;
    padding: 8px 20px 8px 20px;
    border: 2px solid white;
    font-size: 14px;
}

    .custom-white-btn:hover {
        transition: 0.3s;
        color: #6AB7D8;
    }

.cutom-red-btn:hover {
    color: #DC604B;
    border: 1px solid #DC604B;
    background-color: white;
    transition: 0.3s;
}

.btn-outline-red-custom {
    border: 1px solid #DC604B;
    color: #DC604B !important;
    background-color: white;
    padding: 8px 20px;
    border-radius: 35px;
    font-size: 14px;
}

    .btn-outline-red-custom:hover {
        border: 1px solid #DC604B;
        color: white !important;
        background-color: #DC604B;
    }

.btn-blue {
    color: white;
    background: #6AB7D8 !important;
    border: 1px solid #6AB7D8;
}

    .btn-blue:hover {
        color: white !important;
    }

.btn-outline-blue-custom {
    border: 1px solid #6AB7D8;
    color: #6AB7D8 !important;
    background-color: white;
    padding: 8px 20px;
    border-radius: 35px;
    font-size: 14px;
}

    .btn-outline-blue-custom:hover {
        border: 1px solid #6AB7D8;
        color: white !important;
        background-color: #6AB7D8;
    }

.btn-red-custom {
    border: 1px solid #DC604B;
    color: white !important;
    background-color: #DC604B;
    padding: 8px 20px;
    border-radius: 35px;
    font-size: 14px;
}

    .btn-red-custom:hover {
        border: 1px solid #DC604B;
        color: #DC604B !important;
        background-color: white;
    }

.btn-outline-card {
    border: 1px solid #6AB7D8;
    color: #6AB7D8 !important;
    background-color: white;
    padding: 7px 24px;
    border-radius: 35px;
}

.btn.custom-primary {
    border-radius: 38px;
    border-color: #6AB7D8;
    color: #6AB7D8;
}

    .btn.custom-primary:hover {
        border: 1px solid #6AB7D8;
        color: white !important;
        background-color: #6AB7D8;
    }

    .btn.custom-primary:focus {
        outline: 0;
    }
/*---------------------------button css ends here----------------------------------*/
/*------------------------ breadcrumbs & registration page------------------------------*/
.card {
    box-shadow: 0px 20px 60px #c3bbbb36;
    border-radius: 8px;
    opacity: 1;
    border: none;
}

.card-block .nav-tabs {
    background-color: #d7ddf54f;
}


    .card-block .nav-tabs .nav-item.show .nav-link, .card-block .nav-tabs .nav-link.active {
        background-color: #f8f8f84f !important;
        border-color: none !important;
        color: #DC604B;
        border: none !important;
        opacity: 1 !important;
    }

    .card-block .nav-tabs .nav-link {
        border: none !important;
        color: #4E4F60;
        opacity: 0.43;
    }

.card-block .nav-link {
    /*padding: 0.8rem;*/
    padding: 10px 35px 10px 35px;
}

.card-block .nav-tabs .nav-item a {
    text-decoration: none !important;
    color: #4E4F60;
    opacity: 0.43;
}

.card-block .nav-item a {
    color: #4E4F60 !important;
}

.custom-nav-item + .custom-nav-item::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    padding-right: 10px;
    opacity: 0.49;
    color: black;
}

.form-register .custom-accordion-header label, .form-register .custom-accordion-body label {
    font-size: 15px;
    font-weight: 100 !important;
}

label {
    font-weight: 600 !important;
}

.form-register h6 {
    color: #A97E54;
    font-size: 20px;
    font-weight: 500;
}

.form-control.custom-input {
    padding: 0 !important;
    color: #777777 !important;
    font-size: 14px;
}

    .form-control.custom-input::placeholder {
        padding: 0 !important;
        color: #6866664d !important;
        font-size: 13px;
    }

.form-group textarea.form-control::placeholder {
    padding-left: 0 !important;
    color: #6866664d !important;
    font-size: 13px;
}

.form-control.custom-input::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #6866664d !important;
    font-size: 13px;
}

.mainLoginInput::-ms-input-placeholder { /* Microsoft Edge */
    color: #6866664d !important;
    font-size: 13px;
}

.form-control.custom-input:focus {
    border-color: none !important;
    opacity: 0.43;
}

.form-control:focus {
    border-color: #D7DDF5 !important;
    -moz-box-shadow: 0 1px 0px #D7DDF5;
    -webkit-box-shadow: 0 1px 0px #D7DDF5;
    box-shadow: 0 1px 0px #D7DDF5 !important;
}
/*input[type="text"] {
    padding-left: 0;
}*/
input[type="text"],
select.form-control.custom-input, input[type="date"], input[type="password"], select.form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #c2c2c24d;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding-left: 0px;
}

.member-reg input {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .member-reg input.btn.btn-outline-red-custom {
        padding: 8px 20px;
    }

select.form-control {
    padding: 0px;
}

    input[type="text"]:focus,
    select.form-control.custom-input:focus {
        -moz-box-shadow: 0 1px 0px #D7DDF5;
        -webkit-box-shadow: 0 1px 0px #D7DDF5;
        box-shadow: 0 1px 0px #D7DDF5 !important;
        border-bottom-color: none !important;
    }

.card-block .nav-tabs {
    border-bottom: none !important;
}
/* The radio */
.radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    /* Hide the browser's default radio button */
    .radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkround {
    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-color: #f8204f;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f8204f;
}

/* The check */
.check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label {
    font-size: 14px;
}
/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-color: #666666;
    border-style: solid;
    border-width: 0.5px;
}



/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid;
    border-color: #49BE55;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cust-btn {
    margin-bottom: 10px;
    background-color: #f8204f;
    border-width: 2px;
    border-color: #f8204f;
    color: #fff;
}

    .cust-btn:hover {
        border-color: #f8204f;
        background-color: #fff;
        color: #f8204f;
        border-radius: 20px;
        transform-style: 2s;
    }

.badge-outline-grey {
    color: #777777;
    /*border: 0.5px solid #777777;*/
    padding: 8px;
    font-weight: 100 !important;
    border-radius: 0 !important;
    margin: 0px 2px 2px 3px;
}

.badge-outline-blue {
    color: #6AB7D8;
    border: 0.5px solid #6AB7D8;
    padding: 4px;
    font-weight: 100 !important;
    border-radius: 0 !important;
    margin: 0px 2px 2px 0px;
    font-size: 15px;
}

label.check {
    font-weight: normal;
}

.bg-grey {
    text-align: center;
    background-color: #D7DDF5;
    border-radius: 8px;
    opacity: 0.33;
    border: 1px dotted;
    padding: 10px;
}

.image-upload > input {
    display: none;
}

.image-upload img {
    width: 80px;
    cursor: pointer;
}

.card-body h6.h6-body {
    border: 1px solid #9496B5;
    color: #9496B5 !important;
    padding: 6px 5px !important;
    font-size: 13px;
    font-weight: 600;
}

.card-body h6.h6-body-2 {
    border: 1px solid #A97E54;
    color: #A97E54 !important;
    padding: 6px 5px !important;
    font-size: 13px;
    font-weight: 600;
}

.card-body h6.h6-body-3 {
    border: 1px solid #6AB7D8;
    color: #6AB7D8 !important;
    padding: 6px 5px !important;
    font-size: 13px;
    font-weight: 600;
}

.card-body h6.h6-body-4 {
    border: 1px solid #DC604B;
    color: #DC604B !important;
    padding: 6px 5px !important;
    font-size: 13px;
    font-weight: 600;
}

p.card-text {
    font-size: 12px;
    color: #777777;
    margin-bottom: 10px;
}

.card.custom-card-height {
    min-height: 625px;
}

.custom-card-height .card-footer {
    margin-bottom: 20px;
    background-color: unset;
    border-top: none;
}

.carousel-container .card {
    -webkit-box-shadow: 0 0 5px 2px #f7f5f5;
    -moz-box-shadow: 0 0 5px 2px #f7f5f5;
    box-shadow: 0 0 5px 2px #f7f5f5;
}
/*------------------------ breadcrumbs & registration end here------------------------------*/
/*-----------------------------------------media query at last----------------------------------*/
@media screen and (max-width: 768px) {
    .custom-bg .card-body {
        padding: 1rem !important;
    }

    .body-content {
        margin-top: 17%;
    }

    .custom-bg {
        padding-top: 60px;
    }

        .custom-bg img {
            width: 20% !important;
        }

    .testimonial .card-body h1 {
        font-size: 30px;
    }

    .navbar-nav.custom-navbar-nav .nav-item:hover:after {
        width: 0;
    }

    .hero-image-homepage .home-row {
        padding-top: 26%;
    }

    .custom-search-border {
        margin-top: 20px;
    }

    .hero-image-homepage {
        height: auto;
    }

    .search-query {
        margin-bottom: 5px !important;
    }

    .form-section {
        top: 45px;
    }

    .custom-search-div {
        margin-left: -45px;
    }

    .account-div .col-md-3 {
        margin-bottom: 10px;
    }

    .overlap-div, .second-row {
        position: relative;
        top: 0 !important;
    }

    .h4-service {
        font-size: 18px;
    }

    .custom-text-p {
        padding-top: 0;
    }

    .overlap-div {
        position: relative;
    }

    .custom-footer {
        padding-left: 15px !important;
    }

    .company-logo-div, .address-div {
        left: 0 !important;
        margin-bottom: 10px;
    }

    .button-div #select_banner {
        transform: translate(178%, 65%);
    }

    .arrow-div {
        padding: 0px !important;
    }

        .arrow-div .custom-font-arrow {
            margin-right: 17px !important;
        }

    .manage-product h1 {
        font-size: 24px;
    }

    .account-div .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .news-div {
        padding-left: 15px;
    }

    .trade-div {
        margin-left: 4px;
        margin-right: 4px;
    }

    .h3-home {
        font-size: 22px;
    }

    .action-div div h3 {
        font-size: 20px;
    }

    .action-div {
        padding: 50px 10px 55px 10px;
    }

    .custom-product-div {
        width: 100%;
    }

    .custom-mobile-nav .col-md-3 {
        margin-left: 33px;
    }

    .custom-navbar-2 .navbar-brand {
        margin-left: 0px;
        margin-right: 0px;
    }

    .custom-hamburger {
        margin-right: 0px;
    }

    .navbar-nav .btn-red-custom, .navbar-nav .btn-outline-red-custom {
        padding: 6px 15px;
    }

    .custom-search-field.mt-2.mb-2 {
        margin-right: 0px !important;
    }

    .custom-ul-nav-1 {
        margin-left: 0px;
    }

    .custom-ul-nav {
        margin-left: 0px
    }

    .custom-hamburger {
        display: none;
    }

    .heed, .intorhed, .descrp li {
        padding: 0px !important;
    }

    .offer-div h3 {
        font-size: 26px !important;
    }
    /*.ul-owl li, .ul-owl-2 li {
        margin: 10px 10px 10px 0px;
        float: left;
    }*/
    .ul-owl li {
        margin: 5px !important;
    }

    .hero-image-homepage h3 {
        font-size: 30px;
        margin-top: 60px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

    .custom-text-p {
        padding-top: 15% !important;
    }

    .arrow-div {
        padding: 0px !important;
    }

        .arrow-div .custom-font-arrow {
            margin-right: 17px !important;
        }

    .action-div div h3 {
        font-size: 24px;
    }

    .custom-navbar-2 .navbar-brand {
        margin-right: 0px;
        margin-left: 20px;
    }

    .navbar-nav .btn-red-custom, .navbar-nav .btn-outline-red-custom {
        padding: 7px 15px;
    }

    .heed, .intorhed, .descrp li {
        padding: 0px !important;
    }

    .custom-search-field.mt-2.mb-2 {
        margin-right: 0px;
    }

    .custom-ul-nav-1 {
        margin-left: 0px;
    }

    .custom-ul-nav {
        margin-left: 6px;
        font-size: 10px;
    }

    .custom-hamburger {
        margin-right: 0px;
    }

    .button-div #select_banner {
        transform: translate(41%, -35%);
        position: absolute;
        right: 0;
        cursor: pointer;
        z-index: 100;
    }

    .tags a.tags-block {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .custom-navbar-2 .navbar-brand {
        margin-left: 10px;
        margin-right: 150px;
    }

    .custom-hamburger {
        margin-right: 10px 15px 10px 0px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .custom-hamburger {
        display: block;
    }

    .logo-btn {
        position: absolute;
        bottom: -10px !important;
    }
}
/*-----------------------------------------footer-------------------------*/
.custom-footer {
    padding-top: 50px;
    padding-bottom: 30px;
}

    .custom-footer ul li {
        padding: 8px 2px;
        font-size: 13px;
    }

.adress span, .contact span, .social span, .form span {
    font-weight: 800;
    padding-bottom: 10px;
    margin-bottom: 5px;
    display: block;
    font-size: 15px;
    letter-spacing: 1px;
}

.social li a {
    position: relative;
    left: 12px;
}

.adress li p, .contact li a, .social li a {
    letter-spacing: 2px;
    text-decoration: none;
    font-size: 13px;
}

.social li {
    float: left;
    background-color: #52558B;
    width: 42px;
    margin-right: 15px;
    border-radius: 60%;
    height: 40px;
}


.adress, .contact, .social {
    list-style: none;
}


    .social li a .fab {
        color: #52558B;
        margin-right: 15px;
        font-size: 24px;
        width: 30px;
        border-radius: 35px;
    }

.form li input[type="text"], .form li input[type="email"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #c2c2c24d;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

    .form li input[type="text"]:focus, .form li input[type="email"]:focus {
        outline: 0;
        /*border-bottom: 1px solid #D7DDF5;*/
        -moz-box-shadow: 0 1px 0px #D7DDF5;
        -webkit-box-shadow: 0 1px 0px #D7DDF5;
        box-shadow: 0 1px 0px #D7DDF5;
    }

ul.form li input::placeholder {
    color: #6866664d !important;
    font-size: 13px;
    padding-left: 0 !important;
}
/*-----------------------------------footer ends here------------------------------------------*/
/*------------------------ Blogs page css starts here------------------------------*/
.color-blue, .color-blue:hover {
    color: #6AB7D8;
    font-size: 15px;
    padding-bottom: 20px;
}

.blog-img-cust {
    padding: 18px 20px 0px 18px;
    max-height: 225px;
}

.blogitem {
    padding: 20px 20px 0px 20px;
    box-shadow: 0px 10px 30px rgba(224, 224, 224, 0.7);
    margin: 15px;
    border-radius: 8px;
}

.blog-entry {
    overflow: hidden;
}

@media (min-width: 768px) {
    .blog-entry {
        margin-bottom: 30px;
    }

    .win-icon {
        position: absolute;
        top: 20px;
        color: white;
        font-size: 20px;
    }
}

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

.blog-entry .text {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

    .blog-entry .text .heading {
        font-size: 18px;
        margin-bottom: 16px;
        font-weight: 400;
    }

        .blog-entry .text .heading a {
            color: #000000;
        }

            .blog-entry .text .heading a:hover, .blog-entry .text .heading a:focus, .blog-entry .text .heading a:active {
                color: #1162fb;
            }

.blog-entry .meta > div {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 14px;
}

    .blog-entry .meta > div a {
        color: #b3b3b3;
        font-size: 15px;
    }

        .blog-entry .meta > div a:hover {
            color: #666666;
        }

.w3-card-4 {
    min-height: 580px;
    border-radius: 8px;
    margin-top: 15px;
}

.w3-card-4, .w3-hover-shadow:hover {
    box-shadow: 0px 10px 30px rgba(224, 224, 224, 0.7);
    position: relative;
}

.w3-container {
    height: auto;
}

.w3-container, .w3-panel {
    padding: 20px 20px 0px 20px;
    margin-bottom: 15px;
}

    .w3-container:after, .w3-container:before {
        content: "";
        display: table;
        clear: both
    }

.w3-hover-shadow:hover {
    transition: 0.2s ease-in-out;
    box-shadow: 0px 1px 6px 0px rgba(51,50,50,0.42);
}

.w3-center h4 {
    font-weight: bold;
    margin: 10px 0px 20px 0px;
}

/*@media (min-width: 768px) {
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 30.33333%;
    }
}*/

.label {
    padding: 0.4em 0.6em;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 0.75em;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 5px;
}

.label-category {
    background-color: #C6BAF8;
}

.label-sector {
    background-color: #D7A577;
}

.blogimage {
    width: 100%;
}

.next {
    padding-left: 40px
}

.previ {
    padding-right: 40px
}

.block-27 ul {
    padding: 0;
    margin: 0;
}

    .block-27 ul li {
        display: inline-block;
        margin-bottom: 4px;
        font-weight: 400;
    }

        .block-27 ul li a, .block-27 ul li span {
            color: #777777;
            text-align: center;
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 0%;
            border: 1px solid #e6e6e6;
        }

        .block-27 ul li.active a, .block-27 ul li.active span {
            background: #fff;
            color: #DC604B;
            border: 1px solid #DC604B;
        }

/*.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}*/

.detailslink {
    color: #6AB7D8;
    font-weight: 500;
}

.blogdescription {
    font-size: 15px;
    font-family: lato;
}
/*---------------------------Blogs page css ends here----------------------------------*/

.heed {
    margin-top: 20px;
    padding: 0px 50px 0px 80px;
    font-size: 20px;
}

.descrp li {
    font-size: 15px;
    margin: 5px 0px;
    padding: 0px 50px 0px 80px;
}

.intorhed {
    padding: 0px 50px 0px 90px;
    font-size: 26px;
}

.membs {
    padding: 20px;
    min-height: 480px;
}

.descrp .fa-check {
    color: #DC604B;
    font-size: 20px;
}

.mems {
    margin-top: 50px
}

.icon-div-user {
    background: white;
    border-radius: 60px;
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 auto;
    border: 1px solid #DC604B;
    position: relative;
    margin-bottom: 30px;
}

    .icon-div-user .fa {
        font-size: 19px;
        color: #DC604B;
        position: absolute;
        bottom: 19px;
    }





ul.chat {
    padding-left: 0;
}

    ul.chat .from {
        color: #c6cbd3;
        font-size: 11px;
        font-style: italic;
    }

    ul.chat .time {
        color: #c6cbd3;
        font-size: 11px;
        font-style: italic;
    }

    ul.chat li {
        font-size: 13px;
        list-style: outside none none;
        margin: 10px auto;
        padding: 5px 0;
    }

        ul.chat li.right img.avatar {
            float: right;
            margin-left: 10px;
        }

        ul.chat li.left img.avatar {
            float: left;
            margin-right: 10px;
        }

        ul.chat li img.avatar {
            border: 1px solid #ebebeb;
            height: 50px;
            padding: 1px;
            width: 50px;
        }


        ul.chat li.right .message {
            margin-right: 65px;
            margin-left: 65px;
            min-height: 45px;
            text-align: right;
            padding-right: 15px;
        }

        ul.chat li.left .message {
            margin-left: 65px;
            margin-right: 65px;
            min-height: 45px;
            text-align: left;
            padding-left: 15px;
        }

        ul.chat li .message {
            /*border: 1px solid #ddd;*/
            border-radius: 4px;
            /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 -1px 1px rgba(0, 0, 0, 0.05) inset;*/
            display: block;
            padding: 5px;
            position: relative;
            background: #485563;
        }

        ul.chat li.right .message .arrow {
            /*background: rgba(0, 0, 0, 0) url("/content/images/chat-right.png") no-repeat scroll 0 0;
            display: block;
            height: 10px;
            position: absolute;
            right: -10px;
            top: 5px;
            width: 10px;*/
        }

        ul.chat li.left .message .arrow {
            /*background: rgba(0, 0, 0, 0) url("/content/images/chat-left.png") no-repeat scroll 0 0;
            display: block;
            height: 10px;
            left: -10px;
            position: absolute;
            top: 5px;
            width: 10px;*/
        }

        ul.chat li.right .message {
            text-align: right;
        }

        ul.chat li.left .message {
            text-align: left;
        }

.chat-user-status {
    font-style: italic;
    font-size: 12px;
    min-height: 15px;
    margin-left: 10px;
}

.user-bio p {
    font-size: 16px !important;
    min-height: 146px;
}

.custom-badge {
    background-color: #2B3E50;
    border-radius: 10px;
    color: #ebebeb;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    float: right;
    margin-top: 10px;
}

.hide {
    display: none;
}

.chat-message-status {
    color: #c6cbd3;
    font-size: 11px;
    font-style: italic;
    float: left;
}

.chat-user-online-status {
    margin-right: 5px;
    margin-top: 0 !important;
}

div.show-image {
    float: left;
    position: relative;
}

    div.show-image:hover .img-corner {
        display: block;
    }

    div.show-image .img-corner {
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    div.show-image .img-uploading {
        display: none;
        position: absolute;
        left: 0;
        bottom: 0;
    }

a.normal-link {
    color: white !important;
}

.friends-panel {
    height: 475px !important;
    overflow-y: scroll !important;
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px white;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: gray;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: white;
    }



ul.ul-owl, ul.ul-owl-2 {
    padding: 0px;
    list-style: none;
}

.ul-owl li, .ul-owl-2 li {
    margin: 10px 30px 10px 0px;
    float: left;
}

.ul-owl .card img, .ul-owl-2 .card img {
    display: block;
    max-width: 100%;
    height: auto;
}
/*.owl-theme .owl-controls .owl-page {
    display: none !important;
}
.owl-theme .owl-controls {
    display: none !important;
}*/
.btn-outline-grey-custom {
    border: 1px solid #777777;
    color: #777777 !important;
    background-color: white;
    padding: 4px 13px;
    border-radius: 35px;
    font-size: 17px;
}

.sponsors_item {
    border: 3px solid #F6F7F8;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 10px;
}

.accordion label {
    font-weight: 100 !important;
}

.sponsors_item p {
    color: #777777;
    font-size: 14px;
    margin-top: 20px;
}

.sponsors_item h4 {
    text-align: center;
    font-size: 14px;
    color: #000000;
}

.sponsors_item img {
    width: 100%;
}




ul.chat {
    padding-left: 0;
}

    ul.chat .from {
        color: #c6cbd3;
        font-size: 11px;
        font-style: italic;
    }

    ul.chat .time {
        color: #c6cbd3;
        font-size: 11px;
        font-style: italic;
    }

    ul.chat li {
        font-size: 13px;
        list-style: outside none none;
        margin: 15px auto;
        padding: 10px 0;
    }

        ul.chat li.right img.avatar {
            float: right;
            margin-left: 10px;
        }

        ul.chat li.left img.avatar {
            float: left;
            margin-right: 10px;
        }

        ul.chat li img.avatar {
            border: 1px solid #ebebeb;
            height: 50px;
            padding: 1px;
            width: 50px;
        }


        ul.chat li.right .message {
            margin-right: 65px;
            margin-left: 65px;
            min-height: 45px;
            text-align: right;
            padding-right: 15px;
        }

        ul.chat li.left .message {
            margin-left: 65px;
            margin-right: 65px;
            min-height: 45px;
            text-align: left;
            padding-left: 15px;
        }

        ul.chat li .message {
           
            border-radius: 4px;
           
            display: block;
            padding: 5px;
            position: relative;
            background: #485563;
        }

       
      

        ul.chat li.right .message {
            text-align: right;
        }

        ul.chat li.left .message {
            text-align: left;
        }

.chat-user-status {
    font-style: italic;
    font-size: 12px;
    min-height: 15px;
    margin-left: 10px;
}

.user-bio p {
    font-size: 16px !important;
    min-height: 146px;
}

.custom-badge {
    background-color: #2B3E50;
    border-radius: 10px;
    color: #ebebeb;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    float: right;
    margin-top: 10px;
}

.hide {
    display: none;
}

.chat-message-status {
    color: #c6cbd3;
    font-size: 11px;
    font-style: italic;
   
}

.chat-user-online-status {
    margin-right: 5px;
    margin-top: 0 !important;
}

div.show-image {
    float: left;
    position: relative;
}

    div.show-image:hover .img-corner {
        display: block;
    }

    div.show-image .img-corner {
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    div.show-image .img-uploading {
        display: none;
        position: absolute;
        left: 0;
        bottom: 0;
    }

a.normal-link {
    color: white !important;
}

.friends-panel {
    height: 475px !important;
    overflow-y: scroll !important;
}
/* Let's get this party started */

::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px white;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: gray;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: white;
    }




.ul-owl .card img, .ul-owl-2 .card img {
    display: block;
    max-width: 100%;
    height: auto;
}

/*.owl-theme .owl-controls .owl-page {
    display: none !important;
}

.owl-theme .owl-controls {
    display: none !important;
}*/

.gradient-div h6 {
    color: white;
    opacity: 0.70;
}

.gradient-div h3 {
    font-size: 24px;
}

.gradient-div p {
    font-size: 14px;
    color: white;
    opacity: 0.70;
}



/*---------------------------------------About us --------------------------------*/
.hero-image {
    background-image: linear-gradient(#6AB7D8,#3743484d), url(/assets/img/hero-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    color: white;
}
.hero-image-about-us {
    background-image: linear-gradient(#6AB7D8,#3743484d), url(/assets/img/hero-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    color: white;
}
.win-icon-1 {
    position: absolute;
    top: 20px;
    right: 130px;
    color: white;
    font-size: 25px;
}

.hero-image-service {
    background-image: linear-gradient(#6AB7D8,#3743484d), url(/assets/img/hero-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    color: white;
}

    .hero-image-service h3 {
        font-size: 32px;
    }

    .hero-image-service h2 {
        font-weight: bold;
        font-size: 48px;
    }

.motto h4 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
}

    .motto h4 span {
        font-size: 24px;
        line-height: 30px;
        display: block;
        margin-bottom: 20px;
    }

.details p, .about-win p {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 20px;
}

.motto .share h6 {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 2px;
    padding: 5px 0;
    font-weight: bold;
}

.share .social li a {
    position: relative;
    left: 1px;
    top: 3px;
}

.share .social {
    justify-content: center;
    display: flex;
}

.h4-heading {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 50px;
}

.hero-image h2 {
    font-weight: bold;
    font-size: 48px;
}

/*--------------------------------------Membership option-----------------------------*/
.hero-image-membership {
    background-image: linear-gradient(#6AB7D8,#3743484d),url(/assets/img/fullwidth.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    display: flex;
    width: 100%;
    height: 400px;
    color: white;
    justify-content: center;
    align-items: center;
}

    .hero-image-membership h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .hero-image-membership h3 {
        font-size: 32px;
    }

.card-row-member p {
    text-align: justify;
}

.form-row.member-reg label {
    margin-bottom: 0px;
    margin-left: 3px;
}

.card-member .icon-div-user {
    width: 60px;
    height: 60px;
}

    .card-member .icon-div-user .fa {
        font-size: 20px;
        color: #DC604B;
        position: absolute;
        bottom: 21px;
    }

.card-member .intorhed {
    padding: 0px 50px 0px 75px;
    font-size: 26px;
}

.card-member .descrp li {
    font-size: 15px;
    margin: 5px 0px;
    padding: 0px 50px 0px 75px;
}

.event-list.row .card {
    padding: 10px;
}

.content-div-show .fa-arrow-right {
    color: #6AB7D8;
}

/*----------------------contact us-------------------------*/


.contact-form {
    background: #fff;
    padding-top: 30px;
    box-shadow: 0px 20px 60px #c3bbbb36;
}

.contact-form-row label {
    margin-bottom: 0px;
}

.contact-form form {
    padding-bottom: 10%;
}

.contact-image {
    text-align: center;
    background: white;
    width: 60px;
    height: 59px;
    margin: 0 auto;
    border: 1px solid #6AB7D8;
    border-radius: 59%;
    position: relative;
    bottom: 25px;
}


    .contact-image .fa-email-custom {
        border-radius: 6rem;
        position: absolute;
        top: 20px;
        right: 22px;
        color: #6AB7D8;
    }



.contact-form form .row {
    margin-bottom: -7%;
}

.contact-form h3 {
    font-size: 30px;
}

.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.btnContactSubmit {
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

/*--------------------services----------------------------*/
.show-image-2 {
    font-size: 40px;
    color: #6AB7D8;
}

.services-con .card-body {
    padding: 10px 10px 10px 0px;
}

#market p, .market-ul {
    text-align: justify;
}

.diff-section {
    padding: 60px 0px 20px 0px;
}

.services-con section hr {
    border-top: 1px solid white !important;
}

/*--------------------Why Join---------------*/
.hero-image-why-join {
    background-image: linear-gradient(#6AB7D8,#3743484d),url(/assets/img/fullwidth.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    width: 100%;
    height: 400px;
    color: white;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .hero-image-why-join h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .hero-image-why-join h3 {
        font-size: 32px;
    }


.overlay-3, .overlay-1, .overlay-2, .overlay-4{
    position:relative;
}
.content-overlay {
    position: absolute;
    color: white;
    top: 0px;
    left: 0px;
    padding: 45px 20px 20px 20px;
    background: #67201485;
    height: 210px;
    text-align: center;
}
    .content-overlay h4{
        font-weight:bold;
        font-size:22px;
    }
    .content-overlay p{
        font-size:14px;
    }
    .card-ul-join .fa-check {
        color: #DC604B;
    }

.card-ul-join li {
    line-height: 1.7;
}

.bg-padding {
    padding: 30px 100px 30px 100px;
}

.row.overlay-card-img {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.overlay-card-img .column {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 50%;
}

    .overlay-card-img .column img {
        height: 210px;
        vertical-align: middle;
        width: 100%;
    }

.overlay-card-img {
    max-width: 100%;
    width: 800px;
    margin: auto;
}

    .overlay-card-img .overlay-1::after {
        display: block;
        position: relative;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #DC604B 100%);
        width: 100%;
        content: '';
    }
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .overlay-card-img .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }

        .overlay-card-img .column img {
            margin-bottom: 5px;
        }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .overlay-card-img .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}
/*-----------------------Insights---------------*/
.hero-image-insights {
    background-image: linear-gradient(#6AB7D8,#3743484d),url(/assets/img/fullwidth.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    width: 100%;
    height: 400px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .hero-image-insights h2 {
        font-size: 48px;
        font-weight: bold;
    }

.custom-card-insights h5 {
    font-weight: bold;
}

/*----------------------------FAQ---------------------*/
.hero-image-FAQ {
    background-image: linear-gradient(#6AB7D8,#3743484d),url(/assets/img/fullwidth.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    color: white;
}

.faq-accordion a {
    font-size: 22px;
    /*font-weight:bold;*/
}

.faq-accordion .card-header {
    border-bottom: unset;
}

.how-work {
    background: #f0f0f0;
    padding: 50px 20px 50px 80px;
}

faq-p {
    margin-bottom: 0px
}

span.faq-span {
    font-size: 0.75rem
}

.faq-container {
    background-color: lightblue;
    min-height: 520px;
}

.faq-row > div {
    padding: 0 5px;
}

    .faq-row > div > div {
        background-color: #f7f7f7;
        box-sizing: border-box;
        padding: 1px 17px 10px;
        height: 100px;
    }

.right-pane > div {
    position: relative;
}

.circle {
    position: absolute;
    top: 0px;
    left: -16px;
    background-color: white;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 3px solid #174658;
}

    .circle > div {
        position: absolute;
        top: 5px;
        left: 5px;
        background-color: #174658;
        width: 9px;
        height: 9px;
        border-radius: 50%;
    }

/*Left Pane - for  mobile screens */
.left-pane > div {
    position: relative;
}

p.font-weight-bold {
    margin-bottom: 0px;
}

.circle-left {
    position: absolute;
    top: 0px;
    left: -16px;
    background-color: white;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 3px solid #174658;
}

    .circle-left > div {
        position: absolute;
        top: 4px;
        left: 4px;
        background-color: #174658;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }

.faq-span {
    font-size: 13px;
}

.btnColor {
    background-color: #FFA500;
}

.headingBox {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.headColor {
    background-color: rgba(0,0,0,.03);
}

@media (max-width:768px) {
    .faq-row > div {
        padding: 0px 0px 0px 5px;
    }

    .empty {
        display: none;
    }
}

@media (max-width: 576px) {
    .faq-container {
        /*background-color: lightblue;
        height: 900px;*/
    }

    .circle, .circle-left {
        position: absolute;
        top: -1px;
        left: -18px;
    }

    .faq-row > div {
        padding: 0px 0px 0px 5px;
    }

        .faq-row > div > div {
            padding: 0px 17px 0;
        }
}

@media (min-width: 992px) {
    .headingBox {
        max-width: 960px !important;
    }
}




@media screen and (max-width: 768px) {

    .hero-image-membership h5 {
        font-size: 18px;
    }
   


    .hero-image-service h3 {
        font-size: 20px;
    }

    .hero-image h2, .hero-image-about-us h2 .hero-image-why-join h2, .hero-image-FAQ h2, .hero-image-homepage h2, .hero-image-membership h2, .hero-image-service h2 {
        font-size: 30px;
    }

    .hero-image-why-join h3 {
        font-size: 20px;
    }

    .faq-accordion a {
        font-size: 15px;
    }

    .how-work {
        background: #f0f0f0;
        padding: 28px 20px 50px 20px;
    }
    .win-icon-1 {
      
        top: 20px;
        right: 0;
      
        font-size: 25px;
        left: 0;
    }
}

.required:after {
    content: " *";
    font-weight: bold;
    color: red;
}

.news-section a:hover h4 {
    font-weight: bold;
}