@import "bootstrap.min.css";
@import "animate.css";
@import "font-awesome.css";
@import "primary_content.css";
@import "slick.css";
@import "slick-theme.css";
@import "magnific-popup.css";
@import "datepicker.css";

@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&amp;display=swap');


/*font-family: 'Courgette', cursive;*/
/* - - - - - - - - - - - - - - - - - - - - -
TITLE    :   NAKCSS HTML 5 VERSION 3
- - - - - - - - - - - - - - - - - - - - - */



* {
    outline: 0 !important;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
}

#nakainer,
#primary-content {
    height: 100%;
}

body {
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    overflow-x: hidden;
    color: #000
}

p {
    color: #000;
}

h2 {
    color: #063b81;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: -0.4px;
}

:focus {
    outline: 0;
}

a {
    color: #000;
    transition: all .3s;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #0b3462;
    z-index: 1;
}

ul {
    list-style: none;
}

.disabled,
.disabled1 {
    display: none !important;
}

.courgette {
    font-family: 'courgette';
}

.kg-font {
    font-family: 'kg-all';
}

.no-js #loader {
    display: none;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(188, 50, 37, .8);
}

#header {
    z-index: 200;
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    z-index: 200;
    -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    -moz-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
}

.head-menu {
    position: relative;
    z-index: 999;
    width: 100%;
    background: transparent;
    top: 0;
}

.logopart {

    margin: 5px 0;
}

.logopart img {
    max-width: 120px;
}

.logopart a {
    display: flex;
    align-items: center;
}

.logopart a .slogan {
    font-size: 30px;
    font-weight: 700;
    margin-left: 15px;

    line-height: 1.2;
    color: #023260;
}

.logopart a .slogan em {
    font-size: 12px;
    display: block;
    font-weight: 600;
    margin-top: 5px;
    font-style: normal;
}


.sticking .logopart a .slogan {
    font-size: 24px;
}

.sticking .logopart img {
    max-width: 90px;
}

img {
    vertical-align: middle;
}

img {
    max-width: 100%;
}

.menuicon {
    padding: 0;
    padding-top: 20px;
}

.mobrowleft {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

#cssmenu {
    width: auto;
    line-height: 1;
}

#menu-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background: #fa6441;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

#cssmenu #menu-button {
    display: none;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.head_buttons input[type=button].back_prev {
    border: 2px solid #a66835;
    background: transparent;
    color: #6c4423;
}

input[type=button],
input[type=submit] {
    color: #fff;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border: 2px solid #5498c7;
    border-radius: 3px;
    padding: 6px 20px;
    background: #238fda;
    white-space: normal;
    font-size: 16px;
}

.head_buttons input[type=button],
.head_buttons input[type=submit] {
    color: #fff;
    margin-right: 15px;
}

.head_buttons input[type=button],
.head_buttons input[type=submit] {
    color: #fff;
    margin-right: 15px;
}

.head_buttons {
    text-align: right;
}

.head_buttons a {
    font-weight: 600;
    margin-left: 15px;
}

input[type=button]:hover,
input[type=submit]:hover {
    text-decoration: none;
    background: #6c4423;
    border-color: #a66835;
}

@media (min-width: 768px) {
    #header .col-md-3 {
        padding: 0;
    }

    .head-menu .row {
        align-items: center;
    }
}

.views-check_filter {
    margin-left: 0 !important
}

#primary-content.main,
-details #primary-content.main {
    background: #f9f9f9;
}

.view-filters {
    margin-top: 20px;
    padding-top: 20px;
}

.views-exposed-form {
    background-color: #fff;
    box-shadow: none;
    padding: 20px;
    border-radius: 0;
    border: 1px solid #f1f1f1;
    position: relative;
    width: 100%;
}

.views-exposed-widgets {
    margin: 0;
    position: relative;
    padding: 0 !important;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0 2%;
    align-items: center;
    justify-content: space-between;
}

.views-exposed-widgets:after,
.views-exposed-widgets:before {
    content: none !important;
}

.views-exposed-widgets>.views-exposed-widget,
.views-exposed-widgets>.view-pata-destinations {
    margin: 0 0 15px 0;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
}

.views-exposed-widgets>.views-exposed-widget {
    border: none;
    padding: 0;
    float: none;
    width: 23%;
}

.views-exposed-widgets>.views-exposed-widget.views-submit-button {
    width: 230px;
    margin-bottom: 0;
}

.views-exposed-widgets>.view-pata-destinations .views-exposed-widget {
    float: none;
    padding: 0;
}

.views-exposed-widgets>.views-exposed-widget input[type="text"],
.views-exposed-widgets>.views-exposed-widget select,
.views-exposed-widgets>.view-pata-destinations select {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    height: 40px;
    margin: 0;
    padding: 5px 10px;
    width: 100%;
    box-shadow: none;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    resize: vertical;
}

.detail-list-items {
    margin: 10px 0
}

.offender-filters {
    display: flex;
    gap: 14px;
    margin-top: 0px;
    flex-wrap: wrap;
}

/* Label style */
.modern-check {
    position: relative;
    padding-left: 34px;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
    display: flex;
    line-height: 1.4;
    font-weight: 600;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 31%;
    align-items: start;
}

/* Hide default checkbox */
.modern-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Custom box */
.modern-check .checkmark {
    position: absolute;
    left: 0;
    top: 2px;
    width: 26px;
    height: 26px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 8px;
    transition: 0.3s;
}

/* Hover effect */
.modern-check:hover .checkmark {
    border-color: #0b3462;
    box-shadow: 0 0 6px rgb(11 52 98 / 30%);
}

/* Checked style */
.modern-check input:checked~.checkmark {
    background: #0b3462;
    border-color: #0b3462;
}

/* Tick */
.modern-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show tick */
.modern-check input:checked~.checkmark:after {
    display: block;
}

/* Tick design */
.modern-check .checkmark:after {
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.views-exposed-widgets>.views-exposed-widget input[type="text"]:focus,
.views-exposed-widgets>.views-exposed-widget select:focus,
.views-exposed-widgets>.view-pata-destinations select:focus {
    border-color: #999;
    background: #f9f9f9;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    outline: 0;
}

.views-exposed-widgets>.views-exposed-widget label,
.views-exposed-widgets>.view-pata-destinations label {
    font-size: 16px;
    font-weight: bold;
}

.views-exposed-widgets>.views-exposed-widget.views-submit-button .form-submit {
    height: 40px;
    border: 0;
    border: 2px solid #0b3462;
    border-radius: 3px;
    padding: 6px 20px;
    background: #0b3462;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
}

.views-exposed-widgets>.views-exposed-widget.views-submit-button .form-submit:hover {
    background: #c8972a;
    border-color: #c8972a;
    color: #fff;
}

.widget.Blog {
    background: #fff;
}

.post.tiles {
    margin-bottom: 0px;
    padding: 20px 0;
    border: 0px;
    border-top: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff !important;
}

.for_details_offended ul {
    padding-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    clear: both;
}

.for_details_offended ul li {
    width: 33.33%;
    margin-bottom: 8px;
}

.widget.Blog>.row:first-child .post.tiles {
    border-top: 0 !important;
}

a.img-thum {
    display: block;
}

h2.post-title,
h1.post-title {
    margin-bottom: 0 !important;
}

h2.post-title a,
h1.post-title a,
.entry-details a {
    color: #000 !important;
}

h2.post-title a:hover,
h1.post-title a:hover,
.entry-details a:hover {
    color: #0b3462 !important;
}

.post-info {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
}

.entry-details p,
.entry-details div {
    display: inline-block;
    padding-right: 15px;
    width: 49%;
    vertical-align: top;
    padding-left: 20px;
    padding-bottom: 10px;
    position: relative;
    margin: 0 !important;
    font-size: 14px !important;
}

.post.tiles input[type=button],
.post.tiles input[type=submit],
-details input[type=button],
-details input[type=submit] {
    border: 2px solid #0b3462;
    border-radius: 3px;
    padding: 4px 16px;
    font-size: 14px;
    background: #0b3462;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    margin: 10px 0;
}

.widget.Blog .post.tiles input[type=button]:hover,
.post.tiles input[type=submit]:hover,
-details input[type=button]:hover,
-details input[type=submit]:hover {
    background: #c8972a;
    border-color: #c8972a;
    color: #fff;
}

.entry-details p.address:before {
    content: "\f041";
}

.entry-details p:before,
.entry-details div:before,
.entry-details .phone ul:before {
    position: absolute;
    font-family: fontAwesome;
    left: 1px;
    top: 0px;
    text-align: left;
    width: 15px;
    height: 20px;
    font-weight: normal;
    color: #000;
    text-align: center;
    font-size: 14px;
}

.entry-details .phone ul:before {
    content: "\f095";
}

.ec-directory-option li:first-child:before {
    content: '';
    border: none;
}

.ec-directory-option li:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 5px;
    border-right: 1px solid #dddddd;
    height: 14px;
    width: 1px;
}

.entry-details .phone ul {
    margin: 0;
    padding: 0 !important;
}

.entry-details .phone ul li {
    line-height: normal !important;
    display: inline-block;
}

.entry-details .phone ul li:after {
    content: ",";
}

.entry-details .phone ul li:last-child:after {
    content: none;
}

.entry-details p.time:before {
    content: "\f017";
}

.entry-details p.email:before {
    content: "\f0e0";
}


-details .directory_listing {
    margin-top: 20px;
    padding-top: 20px;
}

-details .directory_description {
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
}

-details .list-item-top-image,
-details .detail-items {
    background: #fff;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
}

-details .list-item-top-image {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}


-details .ListItem-image {
    position: relative;

}

-details .list-name-business h3 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

-details .directory_description .ListItem-content {
    width: auto;
}

-details .detail-items {
    margin-bottom: 10px;
}

-details .detail-items {

    float: left;
    clear: left;
    width: 100%;
}

-details #primary-content .detail-items h3:before {
    content: "";
    background: #6c4423;

}

-details .mar-top-1 {
    margin: 8px 0;
    font-size: 14px;
    padding-left: 15px;
}

-details .featured-list ul {
    /*padding-left: 0 !important;*/
    padding-top: 10px;
}

-details .featured-list ul li {
    /*    float: left;
    list-style: none;
    width: 33.33%;*/
}

-details .featured-list ul li i {
    color: #6c4423;
    margin: 0px 14px 0px 0px;
}

-details .featured-list ul li i.fa-times-circle {
    color: #cccccc;
}

-details .item-list {
    text-align: left;
}

-details .item-list ul li {
    margin: 0;
    padding: 0;
}

-details .directory_description_right .right_content {
    padding: 10px;
    background-color: #f1f5fc;
    border: 2px solid #d8dee9;
    border-radius: 4px;
    box-shadow: -2px 4px 6px rgba(0, 0, 0, .01);
}


-details .directory_db_contact_info ul.inline1>li {
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    padding-top: 6px;
    line-height: normal !important;
    font-size: 13px;
}

-details .directory_db_contact_info ul.inline1>li {
    border-bottom: 1px solid #e8e8e8;
}

-details .directory_db_contact_info ul.inline1>li:last-child {
    border-bottom: 0px;
}

.pager-current {
    font-weight: bold;
    background: #c8972a !important;
    color: #fff !important;
}

-details .inline1 a,
.pager a {
    color: #000 !important;
}

-details .inline1 a:hover,
.pager a:hover {
    color: #c8972a !important;
}

.pager-current {
    color: #238fda;
}

-details .map-view-right {
    margin-top: 20px;
}

-details .directory_description_right .contact_form {
    margin-top: 20px;
}

-details .directory_description_right .contact_form .block-webform {
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 4px;
    border-radius: 4px;
    box-shadow: -2px 4px 6px rgba(0, 0, 0, .01);
    background-color: #f1f5fc;
    border: 2px solid #d8dee9;
}

-details .form-actions {
    margin: 0 !important;
}

-details #primary-content h5 {
    margin-top: 4px;
}

-details .item-tag-right ul {
    padding: 0 !important;
    margin-top: 15px;
}

-details .item-tag-right ul li {
    list-style: none;
    display: inline-block;
    margin: 4px 3px;
}

-details .item-tag-right ul li a {
    padding: 0px 6px;
    background: #a66835;
    border-radius: 4px;
    color: #fff !important;
    display: block;
    border: 1px solid transparent;
    font-size: 11px;
}

-details .item-tag-right ul li a:hover {
    background: #238fda;
}

-details .mar-top-1-map {
    margin-top: 15px;
}

-details .mar-top-1-map .map-area {
    padding: 3px;
    border: 1px solid #ddd !important;
    border-radius: 3px;
}

-details .geolocation-help,
-details .geolocation-map {
    margin: 0;
    max-width: 100%;
}



#primary-content.main,
-details #primary-content.main {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    min-height: auto;
}

@media(max-width:991px) {

    .views-exposed-widgets>.views-exposed-widget,
    .views-exposed-widgets>.view-pata-destinations {
        display: block;
    }
}

@media(max-width:767px) {

    .entry-details p,
    .entry-details div {
        width: 100%;
        font-size: 12px;
    }

    .post.tiles {
        padding: 20px 0;
    }

    -details .featured-list ul li {
        width: 100%;
    }

    -details .featured-list ul li i {
        margin: 0px 8px 0px 0px;
    }
	.disclaimer-footer .btn {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
}
}

.views-widget-per-page {
    display: none !important;
}

div#singlepage {
    margin: 20px 0;
    padding: 20px 0;
}

.sorts-by-results {
    padding: 15px 0px;
}

.pata-directory-per-page label,
.directory_perpage label {
    font-size: 14px;
    margin-right: 5px;
}

form input[type="text"],
form input[type="password"],
form select {
    height: 34px;
}

.ec-directory-list .col-lg-4.col-md-3.col-sm-12.col-xs-12.left-img {
    float: right;
}

.page-pata-directory .post.tiles {
    margin-bottom: 0px;
    padding: 20px;
    border: 0px;
    border-top: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff !important;
}

#primary-content h2.post-title,
h1.post-title {
    font-size: 26px;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 0;
}

#primary-content.main a {
    text-decoration: none;

}

.ec-directory-option li a {
    line-height: 24px;
    font-size: 14px;
}

#primary-content .page-title-small {
    padding: 15px 0;
    background-color: #0b3462;
    color: #fff;
    margin-bottom: 20px;
}

::placeholder {
    color: #000;
}

.title_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#primary-content .page-title-small h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
}

.element-invisible {
    display: none;
}

#primary-content .breadcrumb {
    -webkit-padding-start: 0;
    text-align: left;
    display: block;
    padding: 0;
}

.bck_previous a {
    color: #fff !important;
    font-size: 14px !important;
}

.bck_previous a:hover {
    text-decoration: underline !important;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

.rteright {
    text-align: right;
}

.list-item-top-image,
.detail-items {
    background: #fff;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    float: left;
}

.list-item-top-image {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.ListItem-image {
    float: left;
    margin-left: 15px;
    overflow: hidden;
    position: relative;
    max-width: 280px;
    margin-bottom: 10px;
}

.pata-detail-img.ListItem-image {
    margin-left: 0;
    margin-right: 15px;
}

.ListItem-image {
    position: relative;
}

.ListItem-image img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.ListItem-image img {
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 2px;
    max-width: 100%;
}

.pata-detail-img+.list-name-business {
    width: calc(100% - 300px);
    float: left;
    padding: 20px 20px;
    float: left;
}

#primary-content h3 {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 8px;
    font-weight: 700;
    color: #000;
}

.list-name-business h3 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.detail-subtext {
    font-size: 16px;
}

#primary-content .detail-items h3 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    border-bottom: 1px solid #dadada;
    padding: 10px 0 15px 0;
    margin-bottom: 10px;
    position: relative;
}

#primary-content .ListItem-info h3 {
    margin: 0;
}

.detail-items.featured-list .mar-top-1 {
    font-size: 13px !important;
}

.mar-top-1 {
    margin: 8px 0;
    font-size: 14px;
    padding-left: 15px;
}

#primary-content .detail-items h3:before {
    content: "";
    background: #6c4423;
    position: absolute;
    height: 2px;
    width: 30px;
    bottom: -1px;
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.directory_description_right .right_content {
    padding: 10px;
    background-color: #f1f5fc;
    border: 2px solid #d8dee9;
    border-radius: 4px;
    box-shadow: -2px 4px 6px rgba(0, 0, 0, .01);
}

#primary-content .directory_db_contact_info h4 {
    margin-bottom: 15px;
    font-weight: 700;
    color: #089ba5;
}

#primary-content ul {
    list-style: inherit;
    -webkit-padding-start: 20px;
}

.directory_db_contact_info ul.inline1 {
    padding-left: 15px !important;
}

.page-pata-directory-details .directory_db_contact_info ul.inline1>li {
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    padding-top: 6px;
    line-height: normal !important;
    font-size: 13px;
}

.page-pata-directory-details .directory_db_contact_info ul.inline1>li {
    border-bottom: 1px solid #e8e8e8;
}

.directory_db_contact_info ul {
    padding: 0 !important;
}

.directory_db_contact_info .label_image {
    text-indent: -15px;
}

#primary-content h5 {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 4px;
    font-weight: 600;
    color: #000;
}

#primary-content ul li {
    line-height: 24px;
}

.breadcrumb {
    margin: 0;
    color: #fff;
    font-size: 14px;
}

.breadcrumb:hover {
    text-decoration: underline;
}

.directory_listing {
    margin-top: 20px;
    padding-top: 20px;
}

.directory_db_contact_info ul.inline1>li {
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    padding-top: 6px;
    line-height: normal !important;
    font-size: 13px;
}

@media (max-width: 991px) {
    .bck_previous {
        margin-bottom: 10px;
    }

    .pata-detail-img+.list-name-business {
        width: 100%;
        float: left;
    }

    .pata-detail-img.ListItem-image {
        margin: 0 auto;
    }

    .ListItem-image {
        float: none;
    }
}

.hide {
    display: none !important;
}

.ec-directory-option li a {
    line-height: 24px;
    font-size: 12px;
}

.hentry .left-img .right-img {
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    padding: 5px;
    width: 100%;
}

.page-pata-directory a.img-thum {
    display: block;
}

.hentry .left-img .right-img img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-user-drag: none;
    user-drag: none;
    pointer-events: auto;
}

.main_grid_view .hentry .left-img .right-img img {
    min-height: 322px;
    object-fit: cover;
}

.right-img img {
    max-width: 100%;
    border: none;
    padding: 0;
    border-radius: 0;
    height: auto;
    width: 100%;
}

.hentry .left-img .right-img img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    opacity: .70;
}

.hentry .left-img .right-img:hover {
    background: #000;
}

.ListItem-image:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    opacity: .85;
    -webkit-user-drag: none;
    user-drag: none;
    pointer-events: auto;
}

.ListItem-image img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.ListItem-image img {
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-bottom: 10px;
}

.directory_db_contact_info ul li li {
    padding-bottom: 0;
    display: inline-block;
}

.directory_db_contact_info ul li:first-child {
    padding-left: 0;
}

.contact_content ul {
    display: inline;
    padding-left: 0 !important;
}

.map-view-right {
    margin-top: 20px;
}

.footer {
    background-color: #363435;
    color: #FFF;
    padding: 20px 0px;
}

ul.backlinks {
    text-align: center;
    margin: 0px;
}

ul.backlinks li {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-right: solid 1px #808184;
    line-height: 12px;
    padding: 0 8px 0 5px;
}

ul.backlinks li a {
    color: #fff;
}

ul.backlinks li:last-child {
    border: 0;
}

/*Back To Top*/

#back-top {
    position: fixed;
    bottom: 20px;
    right: 0;
    margin-right: 20px;
    z-index: 9999;
    _position: absolute;
    _top: expression(documentElement.scrollTop+body.scrollTop);
    _margin-top: 500px;
}

#back-top a,
#back-top-prev a {
    width: 50px;
    display: block;
    text-align: center;
    font: 11px/100% lato, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top span#button {
    background-color: #CCCCCC;
}

#back-top span#button,
#back-top-prev span#button-prev {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background-color: #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

i.fa.fa-arrow-circle-o-up {
    font-size: 44px;
    color: #999;
    padding-top: 4px;
}

/*End Back To top*/

.inline1 a,
.pager a {
    color: #6c4423 !important;
}

.inline1 a:hover,
.pager a:hover {
    color: #c8972a !important;
}

@media(max-width:767px) {

    .btn-decline {
    margin-bottom: 20px;
}
    ul.backlinks li {
        display: block;
        border: none;
        padding: 7px 0px;
    }

    .head_buttons {
        text-align: center;
    }

    .mobile-text-center {
        text-align: center;
    }

    .head_buttons input[type="button"],
    .head_buttons input[type="submit"] {
        width: auto;
        font-size: 13px;
        margin-right: 2px;
    }

    .head_buttons {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    input[type="button"],
    input[type="submit"] {
        padding: 6px 10px;
        width: 100%;
    }

    input[type="button"],
    input[type="submit"] {
        padding: 6px 10px;
        width: 100%;
    }

    #primary-content .page-title-small h1 {
        font-size: 28px;
    }
}

.profile-row {
    display: flex;
    margin-bottom: 5px;
}

.profile-label {
    width: 170px;
    font-weight: bold;
}

.profile-value {
    color: #333;
}

.profile-value strong {
    font-weight: bold;
}

.section {
    margin-top: 0px;
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #f1f1f1
}

.section table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.section table tbody tr th {
    text-align: left;
    background: #f7f7f7;
    padding: 6px;
    border: 1px solid #c9c1b3;
    color: #0b3462;
}

.section td {
    padding: 6px;
    border: 1px solid #c9c1b3;
    font-size: 14px;
}

.notice {
    color: red;
    padding: 8px 0;
    display: block
}

.for_button_in_view li a {
    display: block;
    padding: 15px 20px;
    background: #ddd;
    color: #000 !important;
    border-radius: 5px;
    font-weight: 600;
    position: relative
}

.for_button_in_view li.active_btn a {
    background: #0b3462;
    color: #fff !important;
}

.for_button_in_view li a:hover {
    background: #c8972a;
    color: #fff !important;
}

.for_button_in_view li.active_btn a:after {
    position: absolute;
    content: '\f0dd';
    font: normal normal normal 14px/1 FontAwesome;
    bottom: -15px;
    left: 0;
    color: #0b3462;
    font-size: 40px;
    text-align: center;
    width: 100%;
    transition: all .3s;
}

.alert-top {
    background: #fffbe8;
    padding: 10px 70px;
    border-bottom: 3px solid #dd9900;
}

.alert-top .close_sec {
    float: right;
    position: absolute;
    right: 10px;
    font-size: 14px;
    top: 5px;
}

.alert-top p {
    margin: 0px;
    font-size: 16px;
    text-align: center;
    color: #b17d08;
}

span.circle-box {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: red;
    border-radius: 100px;
    border: 2px solid #000000;
    margin-right: 10px;
}

.alert-top p a {
    color: #b17d08;
    font-weight: 600;
}

.for_button_in_view li.active_btn a:hover:after {
    color: #c8972a;
}

.for_button_in_view ul {
    display: flex;
    padding: 0;
    gap: 0 15px;
    padding-left: 0 !important;
}

.dflex_with_center {
    display: flex;
    align-items: center;
    justify-content: end;
}

.offender-list h3 {
    padding: 15px 10px;
    color: #fff !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mobile_top_bar {
    display: none;
}

.only_table_scroll_text {
    font-size: 12px;
    text-align: center;
    display: none
}

ul.backlinks {
    padding-left: 0
}

@media(max-width:991px) {
    .only_table_scroll_text {
        display: block
    }

    .logopart a .slogan {
        font-size: 24px;

        text-align: left;
    }

    .logopart img {
        max-width: 90px;
        margin-bottom: 0;
    }

    .mobile_top_bar {
        display: block;
        background: #0b3462;
        padding: 5px 0;
    }

    .mobile_top_bar .head_buttons {
        margin: 0;
    }

    .mobile_top_bar .head_buttons a {
        color: #fff;
        margin: 0 10px;
    }

    .mobile_top_bar .head_buttons a:hover {
        color: #c8972a
    }

    .top-head-bar .head_buttons {
        display: none
    }

    .views-exposed-widgets,
    .offender-filters {
        display: block
    }

    .views-exposed-form {
        padding: 20px 0px;
    }

    .views-exposed-widgets>.views-exposed-widget,
    .views-check_filter {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .backtop {
        display: none
    }

    label.modern-check {
        margin-bottom: 20px;
        width: 100%
    }

    .dflex_with_center {
        justify-content: center;
    }

    .post-outer .left-img {
        order: unset !important
    }

    .post-outer .col-lg-10.text-left {
        padding: 0
    }

    #primary-content h2.post-title,
    h1.post-title {
        line-height: 1.2
    }

    .for_details_offended ul {
        display: block
    }

    .for_details_offended ul li {
        width: 100%;
    }

    .detail-items .section {
        margin-bottom: 15px;
    }

    .pata-detail-img+.list-name-business {
        padding-left: 0;
        padding-right: 0
    }

    .directory_description_right .right_content {
        margin-top: 30px;
    }

    .detail-items .section {
        border: 0
    }

    .map-container {
        display: block !important;
    }

    #map {
        min-height: 400px;
        width: 100%;
    }

    .row.align-items-center .rteright {
        text-align: center;
        margin-top: 30px;
    }

    .views-exposed-widgets>.views-exposed-widget.views-submit-button {
        width: auto;
    }

    .for_button_in_view ul {
        justify-content: center;
    }

    .offender-list {
        width: 100% !important
    }


    .views-submit-button .form-submit {
        max-width: 120px;
    }

    .views-submit-button {
        justify-content: start !important;
    }


}

.for_details_offended ul {
    list-style: none !important;
}

/* Collapse Form */


.directory-search-form {
    display: block;
}


.search-toggle-btn {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 0;
    border: 2px solid #999;
    border-radius: 3px;
    padding: 10px 20px;
    background: #999;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    margin-bottom: 20px;
    position: relative;
    border: none;
    cursor: pointer;
    margin: 0 auto;
}

.search-toggle-btn:hover,
.search-toggle-btn:focus {
    background: #777;
    border-color: #777;
    color: #fff;
}


.for_sor_new_search a {
    color: #fff !important;
}

.for_sor_new_search a:hover {
    color: #c8972a !important
}

.directory-search-form {
    /* display: none;*/
    margin-top: 0px;
}

.arrow {
    transition: transform 0.3s ease;
}

/* Rotate arrow when active */
.search-toggle-btn.active .arrow {
    transform: rotate(178deg);
}





.sorting_bt_name {
    margin-right: 25px;
}


.main_grid_view article.row.post.hentry.tiles.text-center {
    margin: 0;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: 15px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.main_grid_view article.row.post.hentry.tiles.text-center .left-img {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}

.main_grid_view .col-xs-12.text-left {
    width: 100%;
    margin: 0;
    max-width: 100%;
    padding: 0 15px;
}

.main_grid_view .for_details_offended ul li {
    width: 100%
}

.main_grid_view .for_details_offended ul {
    margin-bottom: 0
}


.main_grid_view h2.post-title,
.main_grid_view h1.post-title {
    font-size: 24px;
    line-height: 1.3
}

@media(max-width:991px) {

    header#header.sticking {
        position: absolute !important;
    }

    .for_button_in_view li a {
        padding: 8px 10px;
        font-size: 13px;
    }
}

a.for_back_btn_off {
    border: 2px solid #0b3462;
    border-radius: 3px;
    padding: 4px 16px;
    font-size: 14px;
    background: #0b3462;
    color: #fff !important;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    margin: 10px 0;
}

a.for_back_btn_off:hover {
    background: #c8972a;
    border-color: #c8972a;
    color: #fff;
}

.item-list ul.pager {
    padding-left: 0 !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.item-list ul.pager span.current {
    border-left: 1px solid #ddd;
    font-weight: bold;
    background: #c8972a !important;
    color: #fff !important;
}

.item-list ul.pager span.pager-previous {
    border-left: 1px solid #ddd;
}

.item-list ul.pager a,
.item-list ul.pager span.current {
    background-image: none;
    list-style-type: none;
    margin: 0;
    display: block;
    padding: 5px 14px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}


.disclaimer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Modal Box */
.disclaimer-box {
    width: 760px;
    max-width: 95%;
    background: #f8f9fa;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.4);
    animation: popup .35s ease;
}

/* Header */
.disclaimer-header {
    background: #0b3462;
    color: #fff;
    padding: 18px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
}

.disclaimer-title i {
    color: #ffc107;
    margin-right: 10px;
}

.required-badge {
    background: transparent;
    color: #dd9900;
    padding: 0;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 700;
}

/* Body */
.disclaimer-overlay .disclaimer-body {
    padding: 25px;
    font-size: 14px;
    line-height: 1.7;
    color: #333;
    max-height: 70vh;
    overflow-y: auto;
}

@media(max-width:991px){
.disclaimer-overlay .disclaimer-body{max-height: 50vh;}
}

.notice-box {
    background: #fff8e1;
    border: 2px solid #ffc107;
    padding: 14px 18px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #8a6d3b;
}

.disclaimer-overlay .disclaimer-footer {
    padding: 20px 25px;
    background: #eef1f4;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.disclaimer-footer .btn {
    border-radius: 6px;
}

.btn-accept {
    background: #1e7e34;
    color: #fff;
    font-weight: 600;
}

.btn-decline {
    background: #e30000;
    color: #fff;
    font-weight: 600
}

.btn-decline:hover {
    background: #a10000 !important;
    color: #fff !important
}


.btn-accept:hover {
    background: #0b3462 !important;
    color: #fff;
}
@media(max-width:767px) {
    .disclaimer-overlay .disclaimer-footer{
        display: block!important;
    }
    .disclaimer-header {
    padding: 18px 18px!important;
}
.text-right-top {
    font-size: 12px !important;
    text-align: left !important;
}
.alert-top {
     padding: 10px 10px;
        padding-top: 20px;
}
.alert-top p a:first-of-type {
    display: inline-block;
}
}
@media(max-width:991px) {
form.pull-right.directory_perpage.pata-directory-per-page.hideSubmitButton-processed .d-flex {
    display: block !important;
}
.d-flex {
    flex-wrap: wrap;
}
.sorting_bt_name,
.sorting_view {
    width: 100%;
    margin-bottom: 10px;
}
 select.form-select {
        font-size: 12px;
        margin-left: 20px;
    }
    .pata-directory-per-page label, .directory_perpage label {
    margin-left: 20px;
}
.text-cn {
    text-align: center !important;
}
}
.item-list ul.pager span {
    margin-bottom: 5px;
}