/*============================================
  Project Name : ListLand
  Company Name : G-Projects
  Company URL: https://themeforest.net/user/g-projects
  Project Description: ListLand is a Listing & Directory HTML Template
============================================*/
/*============================================
  Connect Plugins
============================================*/
@import url("../../stylesheets/font-awesome.css");
@import url("../../stylesheets/ionicons.css");
@import url("../../stylesheets/themify-icons.css");
@import url("../../stylesheets/et-line.css");
@import url("../../stylesheets/tether.css");
@import url("../../stylesheets/jquery.fancybox.css");
@import url("../../stylesheets/owl.carousel.css");
@import url("../../stylesheets/flexslider.css");
@import url("https://fonts.googleapis.com/css?family=Nunito:Nunito:300,300i,400,400i,600,600i,700,700i,800,800i,900|Poppins:300,400,500,600,700|Raleway:400,500,600,700");

/*============================================
  START TABLE OF CONTENT
==============================================
  1.  Reset Styles
  2.  Repeatable Patterns
  3.  Top Area
  4.  Social Links
  5.  Header Styles
  6.  Mobile Navigation
  7.  Page Title
  8.  Breadcrumbs
  9.  Blog Listing
  10. Blog Single
  11. Pagination
  12. Login Form
  13. Listing Grid
  14. General Pagination
  15. Listing Full
  16. About Us Page
  17. Contact Us Page
  18. Profile Page
  19. Add Listing Page
  20. Map Listing Page
  21. Sidebar Area
  22. Go Top Button
  23. Footer Area
  24. Footer Bottom
  25. Parallax
  26. Other Styles
  27. Preloader
  *	Site-off-canvas
  *	Porfolio Detail
==============================================
  END TABLE OF CONTENT
============================================*/

/*============================================
  1. Reset Styles
=============================================*/

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

figure {
    margin: 0;
}

:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

legend {
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button,
input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: button;
    border: none;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*============================================
  2. Repeatable Patterns
=============================================*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font: 14px/24px "Nunito", sans-serif;
    font-weight: 400;
    background-color: #fff;
    color: #787878;
}

a {
    color: #333333;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
    color: #0081FF;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul, ol {
    padding: 0;
}

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

b, strong {
    font-weight: 900;
}

button {
    border: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    padding: 15px 45px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #0081FF;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    height: 50px;
    padding-left: 15px;
    font-size: 13px;
    outline: none;
    margin-bottom: 19px;
    border-radius: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    border: 1px solid #0081FF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea {
    width: 100%;
    height: 173px;
    padding: 11px 16px;
}

input[type="checkbox"] {
    display: inline;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
    color: #b1b1b1;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #b1b1b1;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #b1b1b1;
    opacity: 1;
}

textarea,
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    -webkit-appearance: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #b1b1b1;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Nunito", sans-serif;
    color: #333333;
    font-weight: 600;
    margin-bottom: 20px;
}

h1 {
    font-size: 40px;
    line-height: 40px;
}

h2 {
    font-size: 35px;
    line-height: 35px;
}

h3 {
    font-size: 30px;
    line-height: 30px;
}

h4 {
    font-size: 25px;
    line-height: 25px;
}

h5 {
    font-size: 20px;
    line-height: 20px;
}

h6 {
    font-size: 16px;
    line-height: 16px;
}

/*============================================
  3. Top Area
=============================================*/

#mainnav > ul > li > a, .wrap-pagetitle, .textbox .text-content a, .flat-popupform .modal-header, .blog-shortcode article.post .more-link a {
    position: relative;
}

.header, .header .logo, #mainnav > ul > li > a::before, #mainnav ul.submenu, #mainnav ul.submenu > li > a, .flat-popupform .modal-header button.close:before, .blog-shortcode article.post .more-link a:before,
.flat-user.profile ul.info li i, .textbox .text-content a:before, .flat-select ul > li > ul li label, article.post .featured-post img, .blog-pagination .flat-pagination li a, .flat-select .sortby ul.unstyled li a i, .blog-pagination .flat-pagination li.prev i {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#mainnav > ul > li > a::before, .widget .widget-title::before, .textbox .text-content a:before, .blog-shortcode article.post .more-link a:before {
    position: absolute;
    content: "";
}

#mainnav ul.submenu, #mainnav > ul > li > a::before, .go-top, .flat-select ul > li > ul, .textbox .text-content a:before,
.flat-popupform .modal-header button.close:before, .blog-shortcode article.post .more-link a:before {
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
}

#mainnav ul li:hover > ul.submenu, .textbox .text-content a:hover:before, .blog-shortcode article.post .more-link a:hover:before, #mainnav > ul > li:hover > a::before, .flat-popupform .modal-header button.close:hover:before, .flat-select .current:hover ul, #mainnav > ul > li.home > a::before, .go-top.show {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
}

.comment-respond .comment-submit:before, .sidebar .book-form .book-submit:before, article.post .more-link a:before {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#mainnav ul.submenu, .widget.widget_tag .tag-list a:hover {
    background-color: #252525;
}

.social-links a:hover, .blog-single article.post ul.meta-post li a:hover, .blog-single .direction .tag-single a,
.blog-single .direction .social-links a:hover, .comments-area ol.comment-list article .comment-text h5 a,
.listing-list .flat-product .rate-product .info-product h6 a:hover, .profile ul.add-section li a:hover, .flat-user.profile ul.info li a:hover, .flat-user.profile ul.info li a:hover i, .flat-user .edit:hover, .section-filter .widget-form .flat-button:hover, .widget-form .flat-button:hover, article.post .more-link a:hover, .content-listing .rating-listing .social-links a:hover, article.post ul.meta-post li a:hover, .content-listing .comments-area ol.comment-list article .comment-text h5 a:hover, .blog-shortcode ul.meta-data li.category a, .blog-shortcode article.post .more-link a {
    color: #0081FF;
}

.blog-single .direction .tag-single a:hover, .comments-area ol.comment-list article .comment-text h5 a:hover,
.blog-shortcode ul.meta-data li.category a:hover {
    color: #787878;
}

.blog-shortcode article.post {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.blog-shortcode article.post .featured-post {
    position: relative;
    margin-bottom: 21px;
}

.blog-shortcode article.post .featured-post .post-comment {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #0081FF;
    color: #fff;
    text-align: center;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding: 14px 11px 2px 12px;
}

.blog-shortcode article.post .post-comment li.date {
    font-size: 30px;
    font-weight: 700;
}

.blog-shortcode article.post .post-comment li.month {
    font-weight: 600;
}

.blog-shortcode article.post .featured-post img {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.blog-shortcode ul.meta-data {
    margin-bottom: 8px;
}

.blog-shortcode ul.meta-data li {
    display: inline-block;
    margin-right: 25px;
    font-size: 15px;
}

.blog-shortcode article.post .title-post {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 7px;
}

.blog-shortcode article.post .content-post p {
    line-height: 22px;
}

.blog-shortcode article.post .more-link a {
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 11px;
}

/*============================================
  4. Social Links
=============================================*/
.social-links {
    padding-right: 3px;
}

.social-links a {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 2%;
    border-radius: 2%;
    line-height: 40px;
    color: #fff;
    background-color: #343434;
    margin-left: 7px;
}

ul.flat-infomation li {
    color: #9c9c9c;
    line-height: 30px;
}

ul.flat-infomation li i {
    margin-right: 7px;
}

.widget .flat-infomation li {
    padding: 0;
}

/*============================================
  5. Header Styles
=============================================*/
.header {
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}

.header .logo {
    margin: 26px 0 0 0;
}

.header.downscrolled {
    position: fixed;
    width: 100%;
    z-index: 9999;
    opacity: 0;
    top: -121px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.header.upscrolled {
    opacity: 1;
    top: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.button-addlist {
    margin: 25px 0 0 0;
}

.button-addlist .flat-button {
    font-size: 14px;
}

.nav-wrap {
    position: relative;
}

#mainnav {
    padding-left: 15px;
}

#mainnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainnav ul li {
    position: relative;
}

#mainnav > ul > li {
    display: inline-block;
}

#mainnav > ul > li > a {
    font-size: 15px;
    line-height: 90px;
    margin: 0 18px 0 17px;
}

#mainnav > ul > li:last-child > a {
    margin: 0 0px 0 6px;
}

#mainnav > ul > li:hover > a,
#mainnav > ul > li.home > a {
    color: #0081FF;
}

#mainnav > ul > li > a::before, .blog-shortcode article.post .more-link a:before, .textbox .text-content a:before {
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background-color: #0081FF;
}

#mainnav > ul > li:hover a::before, .blog-shortcode article.post .more-link a:hover:before, .textbox .text-content a:hover:before {
    width: 100%;
    left: 0;
}

#mainnav > ul > li.home a::before {
    width: 100%;
}

#mainnav > ul > li:last-child > a {
    margin: 0 0 0 20px;
}

#mainnav ul.submenu {
    position: absolute;
    left: 0;
    top: 150%;
    width: 200px;
    z-index: 9999;
}

#mainnav ul li:hover > ul.submenu {
    top: 100%;
}

#mainnav ul li ul li {
    margin-left: 0;
}

#mainnav ul.submenu li ul {
    position: absolute;
    left: 200px;
    top: 0 !important;
}

#mainnav ul.submenu > li {
    border-top: 1px solid #333333;
    background: #787878;
}

#mainnav ul.submenu li:first-child {
    border-top: none;
}

#mainnav ul.submenu > li > a {
    display: block;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 20px;
    line-height: 45px;
}

#mainnav ul.submenu > li > a:hover, #mainnav ul.submenu > li.active > a {
    background-color: #0081FF;
    color: #fff;
}

/*============================================
  6. Mobile Navigation
=============================================*/
#mainnav-mobi {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    background-color: #222222;
    z-index: 1000;
}

#mainnav-mobi ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainnav-mobi ul li {
    margin: 0;
    position: relative;
    text-align: left;
    border-top: 1px solid #333333;
    cursor: pointer
}

#mainnav-mobi ul > li > a {
    display: block;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    color: #fff;
    font-size: 15px;
}

#mainnav-mobi ul.sub-menu {
    top: 100%;
    left: 0;
    z-index: 2000;
    position: relative;
    background-color: #333333;
}

#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
    position: relative;
    border-top: 1px solid #333333;
    padding-left: 15px;
}

#mainnav-mobi > ul > li > ul > li > ul > li a {
    padding-left: 15px !important
}

#mainnav-mobi ul.sub-menu > li > a {
    display: block;
    text-decoration: none;
    padding: 0 60px;
    border-top-color: rgba(255, 255, 255, .1);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
    border-top: none;
}

#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
    color: #fff;
}

#mainnav-mobi ul li.button {
    padding: 20px 0;
    text-align: center;
}

#mainnav-mobi ul li.button a {
    display: inline-block;
    width: 180px;
}

.btn-menu {
    display: none;
    position: relative;
    background: transparent;
    cursor: pointer;
    margin: 35px 0;
    width: 26px;
    height: 16px;
    float: right;
    margin-right: 15px;
    -webkit-transition: all ease .238s;
    -moz-transition: all ease .238s;
    transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after,
.btn-menu span {
    background-color: #0081FF;
    -webkit-transition: all ease .238s;
    -moz-transition: all ease .238s;
    transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.btn-menu span {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    overflow: hidden;
    text-indent: 200%;
}

.btn-menu:before {
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
}

.btn-menu:after {
    -webkit-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
}

.btn-menu.active span {
    opacity: 0;
}

.btn-menu.active:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.btn-menu.active:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.btn-submenu {
    position: absolute;
    right: 20px;
    top: 0;
    font: 20px/50px 'FontAwesome';
    text-align: center;
    cursor: pointer;
    width: 70px;
    height: 44px;
}

.btn-submenu:before {
    content: "\f107";
    color: #fff;
}

.btn-submenu.active:before {
    content: "\f106"
}

.btn-menu {
    display: none
}

/*============================================
  7. Page Title
=============================================*/
.page-title {
    position: relative;
    padding: 60px 0 60px;
}

.page-title-heading h1 {
    color: #ffffff;
}

.page-title.style2 {
    padding: 0;
}

.flat-pagetitle {
    position: absolute;
    left: 0;
    top: -181px;
}

.breadcrumbs.style2 ul li i {
    margin-right: 16px;
}

/*============================================
  8. Breadcrumbs
=============================================*/
.breadcrumbs ul {
    padding-left: 2px;
}

.breadcrumbs ul li {
    display: inline-block;
    color: #fff;
}

.breadcrumbs ul li a {
    color: #fff;
    font-weight: 400;
}

.breadcrumbs ul li a:hover {
    color: #0081FF;
}

/*============================================
  9. Blog Listing
=============================================*/
section.main-content {
    padding: 60px 0 60px;
}

.entry p {
    margin-bottom: 20px;
}

article.post {
    border-bottom: 1px solid #eff0f4;
    padding-bottom: 35px;
    margin-bottom: 20px;
}

article.post .featured-post {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

article.post .featured-post a {
    display: block;
}

article.post .featured-post a:hover img {
    opacity: 0.8;
}

article.post .title-post {
    font-size: 22px;
    margin-bottom: 5px;
}

article.post ul.meta-post {
    margin-bottom: 15px;
}

article.post ul.meta-post li {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    margin-right: 17px;
    list-style: none;
}

article.post ul.meta-post li:last-child, .blog-shortcode ul.meta-data li:last-child {
    margin-right: 0;
}

article.post ul.meta-post li a,
article.post ul.meta-post li {
    font-size: 12px;
    color: #535353;
}

article.post ul.meta-post li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Ionicons";
    font-size: 16px;
    content: "\f3b3";
}

article.post ul.meta-post li.author:before {
    content: "\f3a0";
}

article.post ul.meta-post li.categories:before {
    content: "\f12c";
}

article.post ul.meta-post li.vote:before {
    content: "\f3f9";
}

article.post .more-link a {
    position: relative;
    display: inline-block;
    margin-top: 15px;
    color: #fff;
    padding: 8px 22px 8px 18px;
    border-radius: 3px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

article.post .more-link a i {
    margin-left: 7px;
}

/*============================================
  10. Blog Single
=============================================*/
section.main-content.blog-single {
    padding: 60px 0 60px;
}

.blog-single .sidebar {
    padding-top: 0;
}

.blog-single article.post {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 29px;
}

.blog-single article.post .featured-post {
    margin-bottom: 34px;
}

.blog-single article.post .title-post {
    margin-bottom: 16px;
}

.blog-single article.post ul.meta-post {
    margin-bottom: 19px;
}

.blog-single article.post ul.meta-post li a, .blog-single article.post ul.meta-post li {
    font-size: 14px;
    font-weight: 600;
    color: #666;
}

.blog-single .entry p {
    margin-bottom: 25px;
}

.blog-single ul.list-single {
    padding: 40px 140px 12px 52px;
}

.blog-single ul.list-single li {
    position: relative;
    padding-left: 17px;
    margin-bottom: 15px;
}

.blog-single ul.list-single li:before {
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #424242;
}

/*============================================
  11. Pagination
=============================================*/
.blog-single .direction {
    padding: 50px 0px 20px;
}

.blog-single .direction span {
    color: #424242;
    font-weight: 700;
}

.blog-single .direction .tag-single {
    padding-top: 6px;
}

.blog-single .direction .social-links {
    padding-right: 101px;
}

.blog-single .direction .social-links span {
    margin-right: 13px;
}

.blog-single .direction .social-links a {
    background-color: #f3f3f3;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #787878;
}

.comment-list article {
    margin-bottom: 5px;
}

.comment-list ol.children {
    margin-left: 30px;
}

.comments-area ol.comment-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.comments-area ol.comment-list article {
    padding: 15px 0;
}

.comments-area ol.comment-list article .comment-author {
    float: left;
    margin-right: 24px;
}

.comments-area ol.comment-list article .comment_content .comment_meta {
    margin-bottom: 20px;
}

.comments-area ol.comment-list article .comment-text {
    overflow: hidden;
    position: relative;
}

.comments-area ol.comment-list article .comment-text h5 {
    font-size: 18px;
    line-height: 23px;
    color: #333;
    font-weight: 600;
    margin: -3px 0 13px;
}

.comments-area ol.comment-list article .comment_text {
    padding-bottom: 37px;
    overflow: hidden;
}

.comment-respond .comment-reply-title {
    position: relative;
    margin-top: 5px;
    margin-bottom: 30px;
    font-size: 19px;
    font-weight: 700;
    color: #424242;
}

.comment-respond .comment-reply-title:before {
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 40px;
    height: 4px;
    content: "";
    background-color: #0081FF;
}

.comment-respond .comment-form {
    padding-right: 100px;
}

.comment-respond .comment-notes,
.comment-respond .comment-form-email {
    width: 50%;
    float: left;
}

.comment-respond .comment-notes {
    padding-right: 10px;
}

.comment-respond .comment-form-email {
    padding-left: 10px;
}

.comment-respond .message,
.comment-respond input[type="email"],
.comment-respond input[type="text"] {
    width: 100%;
}

.comment-respond .name-container,
.comment-respond .email-container,
.comment-respond .message {
    position: relative;
}

.comment-respond .name-container:before,
.comment-respond .email-container:before,
.comment-respond .message:before {
    content: "\f007";
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: 23px;
    position: absolute;
    top: 14px;
    left: 15px;
    color: #bcbcbc;
}

.comment-respond .email-container:before {
    content: "\f0e0";
    left: 30px;
}

.comment-respond .message:before {
    content: "\f075";
}

.comment-respond textarea {
    margin-bottom: 10px;
}

.comment-respond .comment-submit {
    padding: 15px 30px 15px 29px;
    font-size: 13.5px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 1;
}

/*============================================
  12. Login Form
=============================================*/
.flat-popupform .modal-dialog {
    max-width: 400px;
}

.modal {
    z-index: 9999;
}

.flat-popupform .modal-header {
    border-bottom: none;
}

.flat-popupform .modal-header button.close:before {
    position: absolute;
    left: 16px;
    top: 21px;
    font-weight: 300;
    font-size: 12px;
}

.flat-popupform .modal-header button.close:hover:before {
    left: 33px;
}

.flat-popupform .modal-body {
    padding: 10px 50px 30px;
}

.flat-popupform .modal-content {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.form-listing h3.title-formlogin {
    font-size: 40px;
    color: #0081FF;
    margin-bottom: 25px;
}

.form-listing .icon-form {
    position: relative;
}

.form-listing .flat-fogot {
    margin: 0 0 25px;
    color: #666;
}

.form-listing .flat-fogot .remember {
    margin-left: 0;
}

.form-listing .flat-fogot .input-check label:before,
.form-listing .flat-fogot .input-check label:after {
    top: 0;
}

.form-listing .link-register a {
    text-decoration: underline;
    color: #666;
}

.form-listing .icon-form input {
    color: #C3C3C3;
    font-size: 14px;
    margin-bottom: 20px;
}

.form-listing .icon-form i {
    position: absolute;
    right: 14px;
    top: 0;
    color: #d7d7d7;
    font-size: 16px;
}

.form-listing .wrap-button button {
    padding: 12px 24px 12px;
}

.form-listing .wrap-button button, .form-listing .wrap-button button:before {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.form-listing .wrap-button.signup {
    margin-top: 10px;
}

/*============================================
  13. Listing Grid
=============================================*/
.main-content.page-listing-grid {
    padding: 60px 0 60px;
}

.page-listing-grid .sidebar {
    padding-top: 0;
    margin-top: -4px;
}

.flat-select {
    margin-bottom: 21px;
}

.flat-select .width50 {
    width: 50%;
}

.col-lg-12 .flat-select .width50 {
    width: 37%;
}

.flat-select .one-three {
    float: left;
    width: 28.4%;
}

.flat-select .showing p span {
    color: #222;
}

.flat-select .one-three.more-filter {
    width: 26%;
}

.flat-select .one-three.sortby {
    width: 45.6%;
}

.flat-select ul.unstyled li {
    position: relative;
}

.flat-select ul.unstyled li .title {
    border: 1px solid #f2f2f2;
    padding: 5px 12px 5px 11px;
}

.flat-select ul.unstyled li .title i {
    margin-left: 4px;
}

.flat-select ul.unstyled li:hover .title {
    color: #222;
}

.flat-select ul.unstyled li:hover .title, .flat-select ul > li > ul {
    border: 1px solid #0081FF;
}

.flat-select ul > li > ul {
    position: absolute;
    left: 0;
    top: 120%;
    width: 240px;
    margin-top: 8px;
    background-color: #FFF;
    padding: 22px 20px 15px;
    z-index: 999;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.flat-select .current:hover ul {
    top: 100%;
}

.flat-select ul > li > ul li {
    line-height: 35px;
    color: #777;
}

.flat-select ul > li > ul li label, .flat-select .sortby ul.unstyled li a {
    color: #777;
}

.flat-select ul > li > ul li:hover label, .flat-select ul > li > ul li:hover, .flat-select .sortby ul.unstyled li a:hover {
    color: #222;
}

.flat-select .sortby ul.unstyled li a:hover {
    padding-left: 10px;
}

.flat-select .sortby ul.unstyled li a i {
    margin-right: 10px;
}

.flat-select .sortby ul.unstyled li a:hover i {
    color: #0d29ff;
}

.flat-select .sortby ul.unstyled li a i {
    color: #777;
}

.flat-select ul > li > ul li input[type="checkbox"],
.flat-check input[type="checkbox"],
.form-listing .input-check input[type="checkbox"] {
    opacity: 0;
}

.flat-select ul > li > ul li label,
.flat-check label,
.form-listing .input-check label {
    position: relative;
    cursor: pointer;
    color: #484848;
    padding-left: 15px;
}

.more-filter .flat-check label {
    padding-left: 12px;
}

.flat-select ul > li > ul li label:before,
.flat-select ul > li > ul li label:after,
.flat-check label:before,
.flat-check label:after,
.form-listing .input-check label:before,
.form-listing .input-check label:after {
    content: '';
    position: absolute;
    left: -15px;
    top: 8px;
    width: 20px;
    height: 20px;
}

.flat-select ul > li > ul li label:before,
.flat-check label:before,
.form-listing .input-check label:before {
    border: 1px solid #f2f2f2;
    background-color: #fff;
    border-radius: 4px;
}

.flat-select ul > li > ul li input[type="checkbox"]:checked + label:before,
.flat-select ul > li > ul li input[type="checkbox"]:checked + label::after,
.flat-check input[type="checkbox"]:checked + label:before,
.flat-check input[type="checkbox"]:checked + label::after,
.form-listing .input-check input[type="checkbox"]:checked + label:before,
.form-listing .input-check input[type="checkbox"]:checked + label::after {
    background-color: #0081FF;
}

.flat-select ul > li > ul li label:after,
.flat-check label:after,
.form-listing .input-check label:after {
    content: '\f00c';
    font-family: 'fontawesome';
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    z-index: 3;
}

.flat-sort a {
    font-size: 25px;
    color: #999;
}

.flat-sort a.active {
    color: #222;
}

.listing-grid .flat-product {
    padding: 5px;
    margin-bottom: 30px;
}

.listing-grid .flat-product .featured-product .time {
    left: 9px;
}

.listing-grid .flat-product .featured-product .rate-product {
    padding: 35px 17px 16px 10px;
}

.listing-grid .flat-product .content-product {
    padding: 15px 0 10px;
}

.listing-grid .flat-product .content-product .tm {
    margin-right: 4px;
}

/*============================================
  14. General Pagination
=============================================*/
.blog-pagination .flat-pagination {
    padding-top: 15px;
}

.blog-pagination .flat-pagination li {
    display: inline-block;
    margin-right: 5px;
}

.blog-pagination .flat-pagination li a {
    color: #333;
    font-weight: 700;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    background-color: #f7f7f7;
}

.blog-pagination .flat-pagination li a:hover, .blog-pagination .flat-pagination li.active a {
    background-color: #0081FF;
    color: #fff;
}

.blog-pagination .flat-pagination li i {
    font-weight: 700;
    font-size: 16px;
}

.blog-pagination.style2 .flat-pagination {
    padding-top: 5px;
}

.blog-pagination.style2 .flat-pagination li {
    margin-right: 0;
}

.blog-pagination.style2 .flat-pagination li a {
    color: #999;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    font-weight: 600;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.blog-pagination.style2 .flat-pagination li.active {
    background-color: transparent;
}

.blog-pagination.style2 .flat-pagination li a:hover,
.blog-pagination.style2 .flat-pagination li.active a {
    background-color: #f8f8f8;
    color: #0d29ff;
}

section.main-content.page-listing {
    padding: 60px 0 30px;
}

.tf-gallery {
    margin-bottom: 25px;
}

.tf-gallery #tf-slider {
    margin-bottom: 11px;
}

.tf-gallery #tf-carousel ul li {
    cursor: pointer;
}

.content-listing {
    padding-right: 82px;
}

.content-listing h3.title-listing {
    font-size: 24px;
    margin-bottom: 10px;
}

.content-listing .text {
    margin-bottom: 20px;
}

.content-listing .text h3.title-listing {
    margin-bottom: 0;
}

.content-listing .rating-listing {
    margin-bottom: 0;
}

.content-listing .rating-listing li {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    margin-right: 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #777;
}

.content-listing .rating-listing li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.content-listing .rating-listing li:before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #f2f2f2;
}

.content-listing .rating-listing li:last-child:before {
    content: none;
}

.content-listing .rating-listing .flat-start {
    margin-right: 15px;
}

.content-listing .rating-listing .like {
    font-size: 12px;

}

.content-listing .rating-listing .flat-start i {
    font-size: 16px;
    color: #FFC600;
    margin-right: -2px;
}

.content-listing .rating-listing .heart i {
    font-size: 16px;
    color: #0081FF;
    margin-right: 10px;
}

.content-listing .rating-listing .social-links a {
    width: auto;
    height: auto;
    background-color: transparent;
    color: #787878;
    font-size: 14px;
    margin-left: 19px;
}

.content-listing .text p {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #666;
    line-height: 24px;
}

.listing-wrap .wrap-list {
    margin-bottom: 15px;
}

.listing-wrap .list {
    padding-right: 80px;
}

.listing-wrap .list:last-child {
    padding-right: 0;
}

.listing-wrap .wrap-list ul li {
    margin-bottom: 13px;
}

.listing-wrap .list li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 19px;
    line-height: 20px;
    color: #fff;
    background-color: #0081FF;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.listing-wrap .list-tab h3.title-listing {
    margin-bottom: 10px;
}

.content-listing .list-comment h3.title-listing {
    margin-bottom: 8px;
}

.content-listing .comments-area ol.comment-list {
    margin-bottom: 0;
}

.content-listing .comments-area ol.comment-list article {
    padding: 0 0 20px;
    margin-bottom: 0;
}

.content-listing .comments-area ol.comment-list article .comment-author {
    margin-right: 29px;
}

.content-listing .comments-area ol.comment-list article .comment-text h5 {
    margin: 0 0 2px;
}

.content-listing .comments-area ol.comment-list article .comment-text h5 a {
    color: #222;
}

.content-listing .comments-area article .comment-text .flat-start {
    position: absolute;
    right: 19px;
    top: -4px;
}

.content-listing .comments-area article .comment-text p {
    margin-bottom: 0;
}

.content-listing .comment-respond {
    margin-bottom: 30px;
}

.content-listing .list-comment .comment-respond h3.title-listing {
    margin-bottom: 17px;
}

.content-listing .comment-respond .comment-form {
    padding-right: 0;
    margin-right: -11px;
}

.comment-respond textarea {
    height: 171px;
    margin-bottom: 14px;
}

.content-listing .comment-respond .comment-form .start-review {
    margin-bottom: 21px;
}

.content-listing .comment-respond .comment-submit {
    padding: 17px 39px 17px 37px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.page-listing .sidebar {
    padding-top: 0;
    margin-top: -3px;
}

.sidebar .widget.widget_listing {
    margin-bottom: 41px;
}

.sidebar .widget.widget_listing ul li {
    border-bottom: 1px solid #f7f7f7;
}

.sidebar .widget.widget_listing ul li:last-child {
    border-bottom: none;
}

.sidebar .widget.widget-form {
    margin-bottom: 40px;
}

.sidebar .form-group {
    margin-bottom: 23px;
}

.sidebar .book-form textarea {
    height: 141px;
    margin-bottom: 18px;
}

.sidebar .book-form .book-submit {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 17px 34px 15px 34px;
    letter-spacing: 3px;
    font-weight: 700;
}

.page-listing .widget.widget-contact .widget-title {
    margin-bottom: 33px;
}

.sidebar .widget.widget-contact ul {
    margin-bottom: 25px;
}

.sidebar .widget.widget-contact ul li {
    position: relative;
    padding: 0 0 3px 32px;
    color: #666;
    line-height: 30px;
}

.sidebar .widget.widget-contact ul li.time {
    line-height: 24px;
}

.sidebar .widget.widget-contact ul li span, .sidebar .widget.widget-contact ul li:before {
    color: #0081FF;
}

.sidebar .widget.widget-contact ul li span {
    font-weight: 700;
}

.sidebar .widget.widget-contact ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    content: "\f1ff";
    font-family: "Ionicons";
}

.sidebar .widget.widget-contact ul li.email:before {
    content: "\f3c3";
}

.sidebar .widget.widget-contact ul li.phone:before {
    content: "\f2d2";
}

.sidebar .widget.widget-contact ul li.time:before {
    content: "\f4bf";
}

.sidebar .social-links a:first-of-type {
    margin-left: 0;
}

.sidebar .social-links a {
    background-color: #0081FF;
}

.sidebar .social-links a:hover {
    background-color: #787878;
}

/*============================================
  15. Listing Full
=============================================*/
.flat-row.section-filter {
    padding: 60px 0 30px;
}

.section-filter .widget-form .filter-form p select,
.section-filter .widget-form .filter-form p input {
    margin-bottom: 30px;
}

.section-filter .widget-form p.input-location.form-filter {
    margin-bottom: 46px;
}

.section-filter .widget-form .flat-button {
    padding: 16px 38px 16px 38px;
    font-size: 14px;
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 0 2px #0081FF;
    color: #FFF;
}

.section-filter .widget-form .flat-button:before {
    content: "";
    -webkit-border-radius: 0;
    border-radius: 0;
}

.section-filter .widget-form .form-filter .slider.slider-horizontal {
    background-color: #FFF;
}

.main-content.page-listing-full {
    padding: 60px 0 60px;
}

.page-listing-full .flat-select {
    margin-bottom: 25px;
}

.page-listing-full .flat-select .width50 {
    width: 37%;
}

.page-listing-full .blog-pagination.style2 .flat-pagination {
    padding-top: 15px;
}

.flat-row.page-services {
    padding: 60px 0 70px;
}

.flat-row.page-services.our-services {
    padding: 60px 0 40px;
}

.iconbox.home-service {
    border: 1px solid #ffffff;
    margin-bottom: 0;
}

.iconbox:hover {
    cursor: pointer;
    border: 1px solid #0081FF;
}

.home-banner .img-fluid {
    min-height: calc(100vh - 91px);
    overflow: hidden;
}

/*============================================
  16. About Us Page
=============================================*/
.flat-row.section-about1 {
    padding: 60px 0 60px;
}

.section-about1 .title-section {
    margin-bottom: 66px;
}

.section-about1 .title-section .title {
    margin-bottom: 19px;
}

.flat-row.section-step {
    padding: 60px 0 60px;
}

.flat-row.section-team {
    padding: 60px 0 60px;
}

.section-team .title-section {
    margin-bottom: 52px;
}

.flat-row.page-pricing {
    padding: 121px 0 100px;
}

/*============================================
  17. Contact Us Page
=============================================*/
.flat-row.page-contact1 {
    padding: 60px 0 70px;
}

.flat-row.page-contact1 .iconbox {
    border: 1px solid #FFFFFF;
}

.flat-row.page-contact1 .iconbox:hover {
    border: 1px solid #0081FF;
}

.flat-row.page-contact2 {
    padding: 60px 0 60px;
}

.page-contact1 .title-section {
    margin-bottom: 25px;
}

.page-contact1 .title-section .sub-title {
    font-size: 18px;
    color: #777;
    line-height: 30px;
}

#contactform textarea {
    height: 142px;
}

#contactform .effect-button {
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    padding: 16px 34px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
}

/*============================================
  18. Profile Page
=============================================*/
.flat-row.page-user {
    padding: 60px 0 70px;
}

.flat-user .edit {
    background-color: #fff;
    padding: 3px 16px 1px 12px;
    border: 1px solid #e5e5e5;
    color: #777;
    display: inline-block;
    margin-bottom: 25px;
}

.flat-user .edit i {
    margin-left: 3px;
}

.flat-user .avatar {
    margin-bottom: 35px;
}

.flat-user .name {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 14px;
}

.flat-user ul.info li {
    line-height: 50px;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
}

.flat-user ul.info li i {
    margin-right: 17px;
    color: #18BA60;
}

.flat-user ul.info li.email i {
    color: #0081FF;
}

.flat-user ul.info li.face i {
    color: #29487d;
}

.flat-user ul.info li.twiter i {
    color: #1da1f2;
}

.author-review .comments-area ol.comment-list article .comment-text h5 {
    font-weight: 700;
}

.author-review.content-listing .comments-area ol.comment-list article .comment-text h5 span {
    color: #C2C2C2;
    font-size: 14px;
    font-weight: 600;
}

.author-review.content-listing {
    padding-right: 28px;
}

.content-listing .comments-area article .comment-text p {
    font-family: 'Montserrat', sans-serif;
    color: #666;
    font-weight: 300;
}

.author-review.content-listing .comments-area ol.comment-list {
    margin-bottom: 0;
}

.author-review .flat-start i {
    color: #F1C40F;
}

.flat-row.page-profile {
    padding: 101px 0 102px;
}

.profile h5 {
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: -15px;
}

.flat-tabs.style2 .content-tab.profile {
    padding: 30px 15px 30px 30px;
}

.flat-user.profile ul.info {
    border-top: 1px solid #e5e5e5;
}

.flat-user.profile ul.info li a, .flat-user.profile ul.info li i {
    color: #777;
}

.profile form.form-profile {
    margin-top: 0;
    margin-left: -20px;
    margin-bottom: 40px;
}

.profile .basic-info {
    margin-bottom: 18px;
}

.profile ul.add-section li {
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px;
}

.profile ul.add-section li a {
    color: #777;
}

.profile ul.add-section li span, .profile ul.add-section li i.twitter {
    color: #1DA1F2;
}

.profile ul.add-section li span {
    width: 70px;
    margin: 0 10px 0 5px;
    display: inline-block;
}

.profile ul.add-section li.face span, .profile ul.add-section li i.face {
    color: #3b5998;
}

.profile ul.add-section li.youtube span, .profile ul.add-section li i.youtube {
    color: #FF0000;
}

.profile ul.add-section {
    margin-bottom: 38px;
    margin-top: -18px;
}

.profile ul.add-section li a.add {
    font-style: italic;
}

.profile ul.add-section li i.float-right {
    margin-top: 17px;
}

.profile .update-button .flat-button {
    padding: 15px 32px 15px 32px;
    margin-left: -44px;
}

.profile .dropzone .dz-message {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    background-image: url(../../images/about/upload.jpg);
    background-repeat: no-repeat;

}

.profile .dropzone .dz-message span {
    display: none;
}

.profile .dropzone .dz-preview.dz-image-preview {
    background-color: transparent;
    margin: 0;
    min-height: 240px;
}

.profile .dropzone .dz-preview .dz-image {
    width: 240px;
    height: 240px;
}

/*============================================
  19. Add Listing Page
=============================================*/
.flat-row.flat-note {
    padding: 28px 0px 27px;
}

.flat-note p {
    font-size: 18px;
    color: #FFF;
    font-style: italic;
    padding-top: 11px;
}

.flat-note .flat-button {
    background-color: #fff;
    box-shadow: 0 0 0 2px #fff;
    font-size: 14px;
    color: #0081FF;
    letter-spacing: 1.5px;
    padding: 17px 52px 15px 50px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.flat-note .flat-button:before {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFF;
}

.flat-row.page-addlisting {
    padding: 60px 0 70px;
}

.page-addlisting h5.title-list {
    font-size: 19px;
    font-weight: 700;
    color: #222;
    margin-top: 6px;
}

.page-addlisting label.nhan {
    font-size: 16px;
    color: #222;
    margin-bottom: 10px;
}

.add-filter .widget-form .filter-form p.icon i {
    top: 53px;
}

.add-filter .widget-form .filter-form p input,
.add-filter .widget-form .filter-form p textarea {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.add-filter .widget-form .filter-form p textarea {
    height: 140px;
    margin-bottom: 10px;
}

.more-filter {
    margin-bottom: 10px;
}

.more-filter .flat-check {
    margin-bottom: 7px;
}

.flat-check label:before, .flat-check label:after {
    top: 2px;
}

.add-images .dropzone {
    min-height: 120px;
    background-color: #F2F2F2;
    border: 2px dashed #e0e0e0;
    margin-bottom: 25px;
}

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

.info-contact .form-contact {
    margin-bottom: 7px;
}

.info-contact .profile ul.add-section {
    margin-bottom: 12px;
}

.page-addlisting .info-contact label.nhan {
    margin-bottom: 0;
}

.info-contact .form-contact input {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.info-contact .list-hour {
    margin-bottom: 40px;
}

.info-contact .list-hour li {
    line-height: 50px;
}

.info-contact .list-hour li .day {
    width: 28%;
    margin-right: 1%;
}

.info-contact .list-hour li .day, .info-contact .list-hour li .time {
    float: left;
    border-bottom: 1px solid #e0e0e0;
}

.info-contact .list-hour li .time {
    width: 71%;
    font-size: 14px;
}

.info-contact .list-hour li .time span.hour {
    color: #0081FF;
}

.info-contact .list-hour li .time span.am {
    color: #777;
    background-color: #f2f2f2;
    padding: 2px 3px;
    margin: 0 5px;
}

.info-contact .list-hour li .time span.to {
    font-weight: 700;
    color: #222;
}

.form-profile li p.input-info {
    position: relative;
    float: left;
    margin-right: 3%;
}

.form-profile li p.input-info span {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 14px;
    color: #777;
}

.form-profile li.excep p.input-info input::placeholder {
    color: #777;
}

.form-profile li p.input-info.title {
    width: 28%;
}

.form-profile li p.input-info.descrip {
    width: 45%;
}

.form-profile li p.input-info.pricing {
    width: 18%;
    margin-right: 0;
}

.form-profile li p.input-info.add-icon {
    width: 3%;
    margin-right: 0;
    padding: 5px 4px 0 13px;
}

.button-addlisting .flat-button {
    margin-top: 45px;
    font-size: 14px;
    padding: 15px 48px 18px 49px;
}

/*============================================
  20. Map Listing Page
=============================================*/
.scroll-product .content {
    overflow: auto;
    position: relative;
    height: 868px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.listing-maps .widget-form {
    padding: 2.5% 3% 1% 2.7%;
    background-color: #FFF;
}

.listing-maps .wrap-select a {
    display: inline-block;
    padding: 5px 17px 5px;
    margin: 0 7px 10px 0;
    color: #666666;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
}

.listing-maps .wrap-select a:hover, .listing-maps .wrap-select a.active {
    background-color: #0d29ff;
    border-color: #0d29ff;
    color: #fff;
}

.listing-maps .widget-form .filter-form .title, .listing-maps .widget-form .filter-form .location {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    font-family: "Nunito", sans-serif;
    margin-bottom: 23px;
}

.listing-maps .widget-form .filter-form .location {
    margin-top: 19px;
}

.listing-maps .widget-form p.input-location.form-filter {
    margin-bottom: 35px;
}

.listing-maps .more-filter {
    margin-bottom: 17px;
}

.listing-maps .more-filter .flat-check {
    margin-bottom: 11px;
}

.listing-maps .wrap-select {
    margin-bottom: 32px;
}

.listing-maps .button-search .effect-button {
    width: 100%;
    padding: 16px 0 18px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.listing-maps .scroll-product {
    background-color: #f9f9f9;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.listing-maps .scroll-product .wrap-product {
    padding: 6.5% 5% 0 11%;
}

.show-item p {
    font-size: 13px;
    color: #999;
    font-family: "Poppins";
}

.show-item {
    margin-bottom: 35px;
}

.show-item p i {
    display: inline-block;
    font-size: 18px;
    color: #999;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #e5e5e5;
    margin-right: 10px;
}

.show-item .flat-sort a {
    font-size: 18px;
}

.scroll-product.style2 .flat-product {
    margin: 0 15px 30px;
}

.listing-maps .scroll-product.style2 .wrap-product {
    padding: 3.5% 10% 0 4%;
}

.maps2 {
    width: 100%;
    height: 280px;
}

/*============================================
  21. Sidebar Area
=============================================*/
.sidebar {
    padding-top: 5px;
}

.sidebar .widget {
    margin-bottom: 40px;
}

.sidebar .widget:last-of-type {
    margin-bottom: 0;
}

.widget ul li {
    list-style: none;
    padding: 12px 0 15px;
}

.widget .widget-title {
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 22px;
}

.widget .widget-title::before {
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    background-color: #0081FF;
}

.widget.widget_categories {
    margin-bottom: 61px;
}

.widget.widget_categories .widget-title {
    margin-bottom: 32px;
}

.widget.widget_categories ul li {
    position: relative;
    border-bottom: 1px solid #ebebeb;
    padding: 12px 0 13px 16px;
}

.widget.widget_categories ul li:before {
    position: absolute;
    left: 0;
    top: 12px;
    content: "\f0da";
    font-family: "FontAwesome";
}

.widget.widget-recent-news ul li {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 4px;
}

.widget.widget-recent-news ul li .text p {
    color: #b9c1cf;
}

.widget.widget-recent-news ul li .text h6 {
    line-height: 20px;
    margin-bottom: 8px;
}

.widget.widget_tag .widget-title {
    margin-bottom: 32px;
}

.widget.widget_tag .tag-list a {
    display: inline-block;
    color: #fff;
    background-color: #0081FF;
    text-align: center;
    line-height: 38px;
    padding: 0 25px 0 21px;
    margin: 0 5px 5px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.widget .input-group.date .input-group-addon span {
    position: relative;
}

.widget .input-group.date .input-group-addon span:before {
    position: absolute;
    left: 0;
    top: 0;
    color: #FFF;
    content: "\f073";
    font-family: "FontAwesome";
}

.book-form .form-control, .book-form .input-group-addon {
    background-color: #0d29ff;
    border-color: #0d29ff;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.sidebar .widget.widget-form.style2 {
    margin-bottom: 69px;
}

.widget.widget-form.style2 .widget-title {
    font-size: 20px;
    color: #FFF;
    background-color: #0d29ff;
    padding: 15px 20px;
}

.widget.widget-form.style2 .widget-title:before {
    content: none;
}

.widget-form .filter-form p {
    position: relative;
}

.widget-form .filter-form p select:focus {
    border: 1px solid #0d29ff;
}

.widget-form .filter-form p select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #C3C3C3;

}

.widget-form .filter-form p select, .widget-form .filter-form p input {
    background-color: #FFF;
    -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.widget-form .filter-form p input::placeholder {
    color: #c3c3c3;
}

.widget-form .filter-form p.icon i {
    position: absolute;
    top: 16px;
    right: 17px;
    color: #C3C3C3;
}

.widget-form .filter-form p.location {
    color: #222;
    margin-bottom: 10px;
    font-family: "Poppins";
    margin-top: -3px;
}

.widget-form .filter-form p.location i {
    font-size: 16px;
    color: #999;
}

.widget-form .form-filter .slider.slider-horizontal {
    background-color: #f7f7f7;
}

.widget-form p.input-location.form-filter {
    margin-bottom: 30px;
}

.widget-form .flat-button {
    color: #777;
    border: 1px solid #f2f2f2;
    padding: 15px 38px 13px 38px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.widget-form .flat-button:before {
    content: none;
}

.widget.widget-map .widget-title {
    margin-bottom: 32px;
    padding-bottom: 20px;
}

.widget.widget-map p {
    line-height: 22px;
    font-style: italic;
    margin-bottom: 13px;
}

/*============================================
  22. Go Top Button
=============================================*/
.go-top {
    position: fixed !important;
    right: -35px;
    bottom: 15px;
    width: 45px;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    text-align: center;
    -webkit-border-radius: 2%;
    -moz-border-radius: 2%;
    -ms-border-radius: 2%;
    -o-border-radius: 2%;
    border-radius: 2%;
}

.go-top:before {
    -webkit-border-radius: 2%;
    border-radius: 2%;
}

.go-top.show {
    right: 15px;
    z-index: 99;
}

.go-top i {
    font-size: 18px;
    color: #fff;
    padding-bottom: 3px;
}

.go-top:hover i {
    color: #0081FF;
}

/*============================================
  23. Footer Area
=============================================*/
footer {
    background-color: #252525;
    padding: 60px 0 25px;
    color: #646464;
}

footer a, footer p, .bottom .copyright a:hover {
    color: #9c9c9c;
}

footer a:hover {
    color: #0d29ff;
}

.effect {
    display: block;
    position: relative;
    overflow: hidden;
}

.effect:before {
    background: #fff;
    content: "";
    height: 300px;
    left: -150px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 25px;
    z-index: 10;
}

.effect:hover:before {
    left: 130%;
    -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.one-half {
    float: left;
    width: 50%;
}

.widget ul.menu li {
    padding: 0;
    line-height: 32px;
}

.footer .widget .widget-title {
    font-weight: 700;
    font-size: 19px;
    padding-bottom: 19px;
    margin-bottom: 30px;
    color: #FFF;
}

.footer .widget .widget-title::before {
    background-color: #515151;
    height: 2px;
}

.widget.widget_text.widget_info .textwidget p {
    line-height: 22px;
    margin-bottom: 25px;
}

.footer .widget.widget_nav_menu .one-half:last-of-type {
    margin-left: -5px;
}

.widget.widget_listing ul li {
    padding: 0 0 28px;
    border-bottom: 1px solid #343434;
    margin-bottom: 18px;
}

.widget.widget_listing ul li .featured {
    float: left;
    margin-right: 20px;
}

.widget.widget_listing ul li .featured img {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.widget.widget_listing ul li .info-listing h6 {
    margin-bottom: 11px;
}

.widget.widget_listing ul li .info-listing .review {
    margin-left: 6px;
}

.flat-start i {
    color: #ffaa30;
}

.widget.widget_contact ul {
    margin: 0 -5px;
    padding-top: 6px;
}

.widget.widget_contact ul li {
    width: 90px;
    float: left;
    padding: 0 5px;
    margin-bottom: 10px;
}

/*============================================
  24. Footer Bottom
=============================================*/
.bottom {
    border-top: 1px solid #343434;
    padding-top: 30px;
    margin-top: 30px;
}

.bottom .copyright {
    padding-top: 8px;
    margin-left: -2px;
    letter-spacing: 0.7px;
}

.bottom .copyright a {
    color: #0d29ff;
    font-weight: 600;
}

/*============================================
  25. Parallax
=============================================*/
.parallax {
    width: 100%;
    background-attachment: fixed;
    background-position: 50% 0;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.parallax1 {
    background-image: url(../../images/parallax/bg-parallax1.jpg);
}

.parallax2 {
    background-image: url(../../images/parallax/bg-parallax2.jpg);
}

.parallax3 {
    background-image: url(../../images/parallax/bg-parallax3.jpg);
}

.section-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

/*============================================
  26. Other Styles
=============================================*/
.tparrows.zeus:hover {
    background: #0081FF;
}

.carousel-caption {
    top: 40%;
}

.carousel-caption p {
    font: 17px/24px "Nunito", sans-serif;
}

.carousel-caption p span {
    color: #0081FF;
    font-weight: 600;
}

.carousel-indicators {
    bottom: 25px;
}

.carousel-indicators .active {
    background-color: #0081FF;
}

.carousel-control-prev, .carousel-control-next {
    width: 5%;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    cursor: pointer;
    background: rgba(255, 255, 255, .3);
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    z-index: 1000;
    color: #fff;
}

.carousel-control-prev-icon:before {
    font-family: revicons;
    content: '\e824';
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 50px;
    text-align: center;
}

.carousel-control-next-icon:before {
    font-family: revicons;
    content: '\e825';
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 50px;
    text-align: center;
}

.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover {
    background-color: #0081FF;
}

.home-slider-title {
    font-size: 60px;
    color: #FFFFFF;
}

#tf-slider .flex-direction-nav .flex-prev {
    left: 30px;
}

#tf-slider .flex-direction-nav .flex-next {
    right: 30px;
}

#tf-slider .flex-direction-nav a {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, .3);
    line-height: 52px;
    top: 8.2%;
}

#tf-slider .flex-direction-nav a:hover {
    background-color: #0081FF;
}

.contct-map {
    width: 100%;
    height: 420px;
}

form.dropzone {
    cursor: pointer;
}

.dz-default.dz-message {
    text-align: center;
    margin-top: 5%;
}

.error-page {
    font-size: 22px;
    margin: 20px auto 30px auto;
}

.owl-theme .owl-controls .owl-nav div.owl-prev {
    left: 20px;
}

.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 20px;
}

.widget ul.menu li:first-child {
    margin-top: -5px;
}

.modal-header {
    display: table-row;
}

.owl-theme .owl-controls .owl-nav div {
    -webkit-border-radius: 2%;
    border-radius: 2%;
}

/*============================================
  27. Preloader
=============================================*/
#loading {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999999;
    margin-top: 0;
    top: 0;
    opacity: 1;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.object {
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-top: 5px solid #0081FF;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #0081FF;
    border-right: 5px solid transparent;
    -webkit-animation: animate 2s infinite;
    animation: animate 2s infinite;
}

#object_one {
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px;
}

#object_two {
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#object_three {
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#object_four {
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-webkit-keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -moz-transform: rotate(360deg) scale(0.8);
        -o-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}

@keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -moz-transform: rotate(360deg) scale(0.8);
        -o-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}