/*--------------------------------------------------------------------------
                                                             Typography
---------------------------------------------------------------------------*/
body {color:#414146; font-size:14px; line-height: 1.6; font-family: 'Open Sans', sans-serif; padding: 0 !important;}

/*----------- Heading -----------*/
h1,h2,h3,h4,h5,h6 {margin:0px 0px 10px 0px; color:#000000; font-family: 'Open Sans', sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}

/*----------- Links -----------*/
a {color:#43b4f9; text-decoration:none;}
a,a:focus, a:hover, a:active {outline:0 !important;}
a:focus {text-decoration: none;}
a:hover {color:#0077bf; text-decoration:none;}
a:hover,a:focus{text-decoration:none; outline:none;}

/*----------- Lists -----------*/
ul {list-style:none;}
ul, ol {margin:0; padding:0;}
li ul, li ol {padding:0; margin:0;}

/*----------- Paragraph -----------*/
p {font-size:14px; line-height:24px; margin-bottom:10px;}
p img.left {float:left; margin:1.5em 1.5em 1.5em 0; padding:0;}
p img.right {float:right; margin:1.5em 1.5em 1.5em 0;}
strong {font-weight:600; }
em, dfn {font-style:italic; }
dfn {font-weight:600;}
sup{line-height:0; vertical-align:super; font-size:smaller;}
sub {line-height:0; vertical-align:sub; font-size:smaller;}
abbr, acronym {border-bottom:1px dashed #ccc; }
address {margin:0 0 1.5em; font-style:normal; }
del {color:#666;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace; line-height:1.5em; display:block; }
code {background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em; }
pre {margin:1.5em 0; white-space:pre; }
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.hide { display:none}
.block { display:block !important;}
.inline { display:inline !important;}
.bold { font-weight:600;}
.italic { font-style:italic;}
.uppercase{text-transform:uppercase;}

/*----------- Margin -----------*/
.mr_none {margin:0px !important;}
.mr_b5,.mr_b10,.mr_b15,.mr_b20,.mr_b25,.mr_b30,.mr_b35,.mr_b40,.mr_b45,.mr_b50,.mr_b55,.mr_b60 {clear:both;}

.mr_b5 {margin-bottom:5px;}
.mr_b10 {margin-bottom:10px;}
.mr_b15 {margin-bottom:15px;}
.mr_b20 {margin-bottom:20px;}
.mr_b25 {margin-bottom:25px;}
.mr_b30 {margin-bottom:30px;}
.mr_b35 {margin-bottom:35px;}
.mr_b40 {margin-bottom:40px;}
.mr_b45 {margin-bottom:45px;}
.mr_b50 {margin-bottom:50px;}
.mr_b55 {margin-bottom:55px;}
.mr_b60 {margin-bottom:60px;}
.mr_auto{margin:0 auto;}
.mr_t30 {margin-top:30px;}
/*----------- Padding -----------*/
.pd_none {padding:0px !important;}

/*----------- Fonts -----------*/
.ft6{font-size:6px;}
.ft7{font-size:7px;}
.ft8{font-size:8px;}
.ft9{font-size:9px;}
.ft10{font-size:10px;}
.ft11{font-size:11px;}
.ft12{font-size:12px;}
.ft13{font-size:13px !important;}
.ft14{font-size:14px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft17{font-size:17px;}
.ft18{font-size:18px;}
.ft19{font-size:19px;}
.ft20{font-size:20px;}

/*----------- Color -----------*/
.col-red{color: #f35747;}
.col-blue{color: #4a90e2;}
.col-white{color: #ffffff;}

/*----------- Heading -----------*/
.heading{padding: 15px 0; text-align: center;}
.heading h2{color: #062E39; font-size: 37px; font-weight: 400; font-family: 'adobe_garamondregular';}
.heading h2 span{font-style: italic; color: #28328c;}
.heading hr {height: 1px; color: #36aae0; background-color: #36aae0; border: none; width: 50px; margin-top: 15px; margin-bottom: 0px;}
.heading p{font-size: 16px; margin: 12px 0 0 0;}
.heading p strong{color: #2cb7df; font-weight: bold;}

/*-------------------------------------------------------------------
        Details Page
-------------------------------------------------------------------*/

/*--------------- Our Package ---------------*/
#our-package{padding:25px 0; background:#f5f5f5;}
#our-package .offer-inner{margin:15px 0px; background:#ffffff; position:relative;}
#our-package .offer-inner .offer-images img{}
#our-package .offer-inner .offer-days {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
#our-package .offer-inner .offer-days{font-size: 14px; color: #ffffff; width: 100%; padding: 15px 5px; text-align: center; display: block; background-color: rgba(38,48,119,0.9); font-weight: bold;}

/*--------------- Our Filter ---------------*/
#banner-filter{padding: 30px 0 5px 0; background: url(../images/banner.jpg) center bottom no-repeat; background-size: cover; position: relative;}
#banner-filter .banner-filter-lists{text-align: center; position: relative; z-index: 9999; margin-bottom: 20px;}
#banner-filter .banner-filter-lists ul li{font-weight: bold; color: #ffffff; margin-right: 10px;}
#banner-filter .banner-filter-lists ul li a{color: #ffffff; font-weight: bold; padding: 6px 15px; display: inline-block; border: 1px solid #fff; border-radius: 3px; font-size: 11px; transition: all 300ms; text-transform: uppercase;}
#banner-filter .banner-filter-lists ul li a:hover{background: #2cb7df; border-color: #2cb7df;}
#banner-filter .banner-filter-search{position: relative; z-index: 9999;}
#banner-filter .banner-filter-search .header_search input{box-shadow: none; border-color: #ffffff; font-size: 14px; height: 44px;}
#banner-filter .banner-filter-search .header_search button{height: 44px; background: #ffa800; border-color: #ffa800; width: 70px;}
#banner-filter .banner-filter-search .header_search p{font-size: 13px; margin-top: 10px; color: #ffffff; font-weight: normal;}
#banner-filter .banner-filter-search .header_search button {height: 44px; background: #2cb7df; border-color: #2cb7df; width: 70px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
#banner-filter .banner-filter-search .header_search button img{position: relative; top: -4px;}
#banner-filter .fadebg { width: 100%; position: absolute; top: 0; height: 100%; right: 0; bottom: 0; left: 0; background-color: rgba(38,48,119,0.9); z-index: 1; }
#banner-filter .country-filter-list{margin: 0px 0 20px 0; text-align: center; position: relative; z-index: 9999;}
/*#banner-filter .country-filter-list select {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;*/
                                            /*background: #434ea2 url(../images/icons/down-arrow.png) right 8px top 6px no-repeat; background-size: 14px; color: #ffffff;     padding: 3px 20px 4px 8px; font-size: 13px; border: 1px solid #ffffff; border-radius: 2px; width: 150px; margin: 0px 20px;}*/

#banner-filter .country-filter-list select {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background: #434ea2 url(../images/icons/down-arrow.png) right 8px top 6px no-repeat; background-size: 14px; color: #ffffff;     padding: 3px 20px 4px 8px; font-size: 13px; border: 1px solid #ffffff; border-radius: 2px; width: 150px; margin: 0px 20px;}

/*----------- Happy Customer -----------*/
#happy-customer{padding: 45px 0;}
#happy-customer .customer-review-list{padding-top: 25px; padding-left: 80px;}
#happy-customer .customer-review-list ul li{font-size: 16px; margin-bottom: 8px; padding-bottom: 8px; background: url(../images/check-mark.png) 0 5px no-repeat; padding-left: 45px;}
#happy-customer .customer-review-list ul li span{color: #2cb7df; font-weight: bold; display: block; }
#happy-customer .customer-review-list .stand-up-msg li{background: none; margin-left: 10px; margin-top: 5px; border-radius: 2px;}
#happy-customer .customer-review-list .stand-up-msg li:last-child{padding: 0;}
#happy-customer .customer-review-list .stand-up-msg li a.sign-up{width: 175px; height: 50px; font-size: 14px; line-height: 50px; text-transform: uppercase; color: #ffffff; background: #28328c; display: inline-block; text-align: center; border-color: #28328c;}
#happy-customer .customer-review-list .stand-up-msg li a{font-size: 14px; color: #2cb7df; border: 1px solid #2cb7df; height: 50px; line-height: 50px; display: block; padding: 0 15px; text-transform: uppercase;}
#happy-customer .property-app img{margin: 40px auto;}

/*----------- Your House -----------*/
#your-house{padding: 45px 0; background-color: #1e2e32;}
#your-house .your-house-content h2{color: #ffffff; font-size:2.7em; margin:0px 0px 12px 0px;}
#your-house .your-house-content p{font-size: 15px;  margin:12px 0px 0px 0px; color: #ffffff;}
#your-house .instant-value a{width:100%; height:50px; font-size:1.1em; text-transform:none; color:#ffffff; margin:10px 0px 0px 0px; background-color: #ff8400; display: block; text-align: center; line-height: 50px; margin-top: 15px; border-radius: 2px;}

/*----------- Quick Contact -----------*/
#quick-contact{background: #36aae0; padding: 9px 0; text-align: center; text-transform: uppercase;}
#quick-contact .contact{font-size: 16px; line-height: 44px; color: #ffffff;}
#quick-contact .contact a{color: #ffffff;}
#quick-contact .contact a span{text-transform: lowercase; font-size: 14px;}
#quick-contact .contact a i{font-size: 18px; margin-right: 8px; position: relative; top: 2px;}
#quick-contact .contact ul li:first-child{margin-right: 10px;}
#quick-contact .contact ul li{margin: 0; padding: 0;}
#quick-contact .contact ul li a { text-align: center; border-radius: 3px; line-height: 15px; display: block; background: #ffffff; position: relative; top: -3px; border: 2px solid #ffffff;}
#quick-contact .contact ul li a i{font-size: 14px; margin: 0; color: #36aae0;}
#quick-contact .contact.book-value{border-left: 1px solid #00416c; border-right: 1px solid #00416c;}

/*--------------- Footer ---------------*/
footer{background:#254156; padding:40px 0px 18px 0; border-top: 10px solid #36aae0; text-align: center;}
footer .footer-links{margin-bottom: 30px;}
footer .footer-links ul li {display: inline-block; margin: 0 15px;}
footer .footer-links ul li a{color: #ffffff; font-size: 13px;}
footer .footer-links ul li a:hover{text-decoration: underline;}
footer .property-service{text-align: center;}
footer .property-service img{margin: 0px auto;}
footer .footer-text {margin-top: 30px;}
footer .footer-text p{color: #ffffff; font-size: 12px; line-height: 14px; margin-bottom: 15px;}
footer .footer-text a{margin-right: 5px;}
footer .footer-text a:hover{color: #2cb7df;}
.fixbottom {width: 100%; position: absolute; bottom: 0;}


/*-------------------------------------------------------------------
        Index Page
-------------------------------------------------------------------*/

/*-------- Header --------*/
header{width: 100%; padding: 10px 0;}
header .logo{position: relative; overflow: hidden;}
header .logo .navbar-icon{float: left; margin-right: 25px;}
header .logo .navbar-icon span{width: 30px; height: 28px; background: url(../images/icons/menu.png) 5px 5px no-repeat; background-size: 19px; display: inline-block; cursor: pointer; margin-top: 2px;}
header .logo .logo-icon{float: left;}
header .contact-info{text-align: right; margin-top: 6px;}
header .contact-info li a{font-size: 12px; color: #2cb7df;}
header .contact-info .phone{background: url(../images/icons/call-icon2.png) 0 2px no-repeat; background-size: 16px; padding-left: 18px; margin-right: 30px;}
header .contact-info .emil{background: url(../images/icons/email2.png) 0 2px no-repeat; background-size: 18px; padding-left: 21px; margin-right: 30px;}
header .right-navbar{float: right; margin-top: 7px;}
header .right-navbar .translator-dropdown{float: left;}
header .right-navbar .translator-dropdown select{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background: url(../images/icons/language-arrow.png) right 0px top 9px no-repeat; width: 115px; margin-right: 15px; border: none; font-size: 13px; outline: none;}
header .right-navbar .login-btn{float: left; margin-left: 15px;}
header .right-navbar .login-btn a{border: 1px solid #414146; font-size: 13px; color: #414146; padding: 6px 25px; border-radius: 3px; transition: all 300ms;}
header .right-navbar .login-btn a:hover{color: #2cb7df; border-color: #2cb7df;}

/*-------- Navbar --------*/
.bg-dark{background: #ffffff !important;}
.navbar-dark .navbar-nav .nav-link.active2{color: #4a90e2;}
.navbar-dark .navbar-nav .nav-link{color: #111111; text-transform: uppercase; font-size: 13px; font-weight: bold;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color: #2cb7df;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #111111;}
nav .translator-dropdown{float: left;}
nav .translator-dropdown select{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background: url(../images/icons/language-arrow.png) right 3px top 8px no-repeat; width: 115px; margin-right: 15px; border: none; font-size: 12px; outline: none;}
nav .login-btn{float: left; margin-left: 15px;}
nav .login-btn a{border: 1px solid #414146; font-size: 13px; color: #414146; padding: 6px 25px; border-radius: 3px; transition: all 300ms;}
nav a:hover{color: #2cb7df; border-color: #2cb7df;}
.phone-us a{background: url(../images/icons/call-icon2.png) 0 0px no-repeat; background-size: 18px; padding-left: 21px; margin-right: 30px; font-size: 14px; color: #066cbb; font-weight: bold; display: inherit; margin-top: 3px;}
.navbar-brand{margin-right: 1.5rem;}

/*-------- Filter --------*/
#filter{background: #28328c; padding: 10px 0;}
#filter select{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background: #434ea2 url(../images/icons/down-arrow.png) right 8px top 6px no-repeat; background-size: 14px; color: #ffffff; padding: 3px 20px 4px 8px; font-size: 13px; border: none; border-radius: 2px; width: 150px; margin-right: 15px;}

/*-------- Sorting --------*/
#sorting-area{width: 100%; position: relative;}
#sorting-area .sorting-lists ul li{line-height: 27px; font-size: 13px; margin-right: 10px;}
#sorting-area .sorting-lists ul li:last-child{margin-right: 0px;}
#sorting-area .sorting-lists ul li:first-child{font-weight: bold; margin-right: 20px;}
#sorting-area .sorting-lists ul li a{padding: 10px 15px; display: inline-block; color: rgba(65,65,70,0.7);}
#sorting-area .sorting-lists ul li.active a{color: #2cb7df; font-weight: bold; border-bottom: 3px solid #2cb7df;}
#sorting-area .search-area{position: relative; padding: 6px 0;}
#sorting-area .search-area input{width: 100%; border: 1px solid #b4b4be; font-size: 12px; padding: 8px; height: 38px;}
#sorting-area .search-area .search-button{color: #000000; position: absolute; top: 14px; right: 10px;}


/*-------- Main Content --------*/
#main-content{padding: 40px 0 30px 0; background: #f0f0f5;}
#main-content .product-list{background: #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition: all 300ms; margin-bottom: 30px}
#main-content .product-list:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.2);}
#main-content .product-list .product-images{position: relative; min-height: 200px;}
#main-content .product-list .product-images img{-moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;}

#main-content .product-list .product-images .timer-clock{position: absolute; top: 0; right: 0; padding: 5px 10px; color: #ffffff; background: #dd1c4b; font-size: 12px;}


#main-content .product-list .product-description{padding: 10px 12px 7px 12px;}
#main-content .product-list .product-description .product-name{color: #14bef0; font-size: 16px; margin: 0 0 8px 0; font-weight: 600;}
#main-content .product-list .product-description .product-name a{color: #14bef0;}
#main-content .product-list .product-description .product-owner{font-size: 11px; margin: 0 0 12px 0; font-style: italic; line-height: 100%; opacity: 0.9;}
#main-content .product-list .product-description .address-text span{float: left;}
#main-content .product-list .product-description .address-text p{padding-left: 17px; font-size: 12px; line-height: 18px; background: url(../images/icons/map.png) 0 3px no-repeat; background-size: 14px;}
#main-content .product-list .product-description .pro-price{overflow: hidden; margin-bottom: 13px;}
#main-content .product-list .product-description .pro-price .price{width: 50%; float: left; color: #01a400; font-size: 12px; font-weight: bold; background: url(../images/icons/dollar-symbol.png) 0 3px no-repeat; background-size: 12px; padding-left: 12px;}
#main-content .product-list .product-description .pro-price .phone{width: 50%; float: left; text-align: right; font-size: 11px;}
#main-content .product-list .product-description .pro-price .phone span{background: url(../images/icons/call-answer.png) 0 5px no-repeat; background-size: 9px; display: inline-block; margin-right: 3px; padding-left: 14px;}
#main-content .product-list .product-description .distance{font-size: 11px; padding-bottom: 5px;}
#main-content .product-list .product-description .distance span{font-weight: bold; margin-right: 3px; background: url(../images/icons/pin.png) 0 1px no-repeat; background-size: 13px; padding-left: 15px;}
#main-content .product-list .product-details{border-top: 1px solid #ececec; padding: 8px}
#main-content .product-list .product-details ul li a{display: inline-block; border-radius: 3px; line-height: 40px; text-transform: uppercase; font-size: 11px;}
#main-content .product-list .product-details ul li.details a{background: #14bef0; text-align: center; color: #ffffff; width: 95px; font-weight: bold; margin-right: 5px;}
#main-content .product-list .product-details ul li.share a{background: #3a5a97 url(../images/icons/facebook-letter-logo.png) 9px 11px no-repeat; text-align: center; color: #ffffff; width: 95px; font-weight: bold; padding-left: 10px; background-size: 17px; margin-right: 5px;}
#main-content .product-list .product-details ul li.details a.bid-place{background: #dd1c4b;}

/*-------- Loading --------*/
#loader{padding: 0px 0 30px 0; background: #f0f0f5;}
#loader .loader-box{background: #ffffff; padding: 14px 0; border-radius: 4px; color: #14bef0; text-align: center; font-weight: bold;}
#not-found-data{padding: 40px 0 30px 0; background: #f0f0f5;}
#not-found-data .found-box{background: #fce0e0; padding: 14px 0; border-radius: 4px; color: #aa2f2f; text-align: center; font-weight: bold; border: 1px solid #d88181;}

/*--------------------------------------------------------------------
        Sidebar Menu
--------------------------------------------------------------------*/
.sidebar-menu{width: 360px; height: 100%; position: fixed; top: 0; left: 0; background: #ffffff; z-index: 99999; overflow-x: auto;
              -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;  -webkit-overflow-scrolling: touch; transform: translateX(-360px); padding-left: 35px;}
.sidebar-menu .menu-logo{padding: 40px 20px 30px 20px; position: relative;}
.sidebar-menu .menu-logo .close_menu{position: absolute; top: 10px; right: 15px; cursor: pointer;}
.sidebar-menu.open-menu{transform: translateX(0%);}
.sidebar-menu .menu-lists ul li{display: block;}
.sidebar-menu .menu-lists ul li a{display: block; font-size: 14px; color: #414146; overflow: hidden;    padding: 9px 10px;}
.sidebar-menu .menu-lists ul li a span{float: left; display: block; height: 30px; line-height: 31px;}
.sidebar-menu .menu-lists ul li a span img{margin-right: 8px; width: 20px; height: 20px; position: relative; top: -2px;}
.social-media{text-align: center; padding: 20px;}
.social-media ul li a{font-size: 44px; margin: 10px; color: #414146; transition: all 300ms;}
.social-media ul li a:hover{color: #14bef0;}
.quick-contact{text-align: center; padding: 0px 30px 0 0 ;}
.quick-contact ul li{display: block; margin: 10px 0;}
.quick-contact ul li a{display: block; font-size: 12px; color: #14bef0; border: 1px solid #14bef0; padding: 14px 10px; border-radius: 3px; font-weight: bold;}
.menu-overlay{position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 9999; display: none;}

/*--------------------------------------------------------------------
        Product Page
--------------------------------------------------------------------*/
#product-details{background: #ffffff; padding: 50px 0; border-top: 1px solid #e7e8ef;}
#product-details .product-content .time-remaining{margin-bottom: 30px; font-weight: bold; font-size: 13px;}
#product-details .product-content .time-remaining span{background: #dd1c4b; color: #ffffff; padding: 5px 10px; font-weight: normal;}
#product-details .product-content h3{margin-bottom: 20px; font-weight: bold;}
#product-details .product-content .client-name{font-size: 17px; font-weight: bold; margin-bottom: 0px;}
#product-details .product-content .business-name{font-size: 13px; font-weight: 300; margin-bottom: 0px;}
#product-details .product-content p.location{color: #e4680d; font-weight: bold; margin-bottom: 15px; font-size: 13px;}
#product-details .product-content .details-box{padding: 14px 0px 12px 0; margin: 0px 0; border-bottom: 1px solid #cccccc;}
#product-details .product-content .details-box p{margin: 0; font-size: 13px; font-weight: 600;}
#product-details .product-content .details-box p span{margin-right: 10px; margin-left: 2px;}
#product-details .product-content .details-box p img{position: relative; top: -2px; opacity: 0.8;}
#product-details .product-content .details-box a{font-weight: normal;}
#product-details .product-content .details-box a.btn.btn-success{font-size: 12px;}
#product-details .product-content .product-button{margin: 50px 0 30px 0; display: block;}
#product-details .product-content .product-button .share-facebook{background: #3a5a97 url(../images/icons/facebook-letter-logo.png) 12px 15px no-repeat; text-align: center; color: #ffffff; font-weight: bold; padding: 15px 20px 15px 38px; background-size: 17px;
                                                                  margin-right: 15px;}
#product-details .product-content .product-button  .tell-friend{background: #7bc61a; text-align: center; color: #ffffff; font-weight: bold; padding: 15px 20px 15px 20px; background-size: 17px; margin-right: 15px;}
#product-details .product-content .product-desc{margin-top: 20px;}
#product-details .product-content .product-desc p{font-size: 12px;}
#product-details .thumb-image{width: 100%; text-align: center;}
#product-details .thumb-image img{width: 300px; margin: 0 auto}
#product-details .product-content .place-bid-box{padding: 20px 15px; margin-top: 30px; background: #f6f6f6; border: 1px solid #d5d5d5; position: relative;}
#product-details .product-content .place-bid-box input{border-radius: 0px; font-size: 14px; margin-top: 7px;}
#product-details .product-content .place-bid-box a{border-radius: 0; font-weight: bold; padding: 10px 20px 10px 20px; text-transform: uppercase;}
#product-details .product-content .place-bid-box .place-bid-loader{position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.8)}
#product-details .product-content .place-bid-box .place-bid-loader img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

#product-details .product-comment-box{margin-top: 50px;}

/*-------- Page Banner --------*/
#page-banner{background: #263077; padding: 20px 0;}
#page-banner h2{font-size: 22px; color: #ffffff; margin: 0; text-transform: uppercase;}

/*--------------------------------------------------------------------
        Internal Pages
--------------------------------------------------------------------*/
.trade-pages{background: #ffffff; padding: 40px 50px;}
.trade-pages p{line-height: 28px;}
.trade-pages ul li{list-style: disc; margin: 17px;}
.trade-pages ul li a{font-weight: bold; color: #e4680d;}
.trade-pages .form-control{border-radius: 0; color: #000000; font-size: 14px; height: 45px;}
.trade-pages textarea{height: auto !important;}
.trade-pages select{height: 45px !important;}

/*--------------------------------------------------------------------
        Contact Us Page
--------------------------------------------------------------------*/
.contact-details .contact-point{width: 100%; display: block; margin-bottom: 40px; overflow: hidden;}
.contact-details .contact-point .icon{float: left; width: 50px; height: 50px; border: 2px solid #e5e6e8; border-radius: 100%; text-align: center; line-height: 45px; color: #f50057;}
.contact-details .contact-point .adrs-text{padding-left: 70px;}
.contact-details .contact-point .adrs-text h4{font-size: 16px; margin-bottom: 7px;}
.contact-details .contact-point .adrs-text p{font-size: 13px !important; margin: 0; line-height: 18px;}
.contact-details .contact-form p{font-size: 27px; margin-bottom: 25px;}
.contact-details .contact-form label{font-weight: bold; color: #000000;}
.contact-details .contact-form .form-control{box-shadow: none;}
.contact-details .contact-form .btn.btn-warning {font-size: 17px; color: #ffffff; background: #28328c; width: 200px; padding-top: 12px; padding-bottom: 12px; text-transform: uppercase; border-radius: 0px; border: 1px solid #28328c;}

/*--------------------------------------------------------------------
        Register Page
--------------------------------------------------------------------*/
.register-page .register-form label{font-weight: bold; color: #000000;}
.register-page .register-form .form-control{box-shadow: none;}
.register-page .register-form .btn.btn-warning {font-size: 17px; color: #ffffff; background: #28328c; width: 200px; padding-top: 12px; padding-bottom: 12px; text-transform: uppercase; border-radius: 0px; border: 1px solid #28328c;}
.register-page .register-content h3{font-size: 22px; color: #000000; margin-bottom: 15px; font-weight: bold;}
.register-page .tell-friends-icon{text-align: center;}

/*--------------------------------------------------------------------
        Register Page
--------------------------------------------------------------------*/
.login-page h2{font-size: 20px; text-transform: uppercase; font-weight: bold; margin-bottom: 25px;}
.login-page label{font-weight: 600; text-transform: uppercase; font-size: 13px; color: #6c6d71;}
.login-box{background: #f2f7fd; padding: 25px 40px 20px 45px; border-radius: 4px; border: 4px solid #d6e4f4;}
.login-page .form-control{background: #ffffff;}
.login-box .forgot-text{color: #0982ba; font-weight: bold;}
.login-box input[type='checkbox']{position: relative; top: 1px;}
.login-box .remember-me{text-transform: capitalize;}
.login-box .LOGINbtn{background: #0896d8; display: block; padding: 13px; color: #ffffff; text-transform: uppercase; font-size: 16px; border: none; width: 100%; border-bottom: 3px solid #036892; border-radius: 3px; font-weight: bold; cursor: pointer;}
.login-box .btn-outline-secondary:hover{background: transparent !important; color: #6c757d !important}
.login-box .userPassword{position: relative;}
.login-box .show-hide-password{position: absolute; right: 12px; bottom: 14px; cursor: pointer;}

/*--------------------------------------------------------------------
        Cashback page
--------------------------------------------------------------------*/
.cashback-page .cashback-chart{margin-top: 30px; background: url(../images/diagram.png) right 0px top 157px no-repeat;}
.cashback-page .cashback-chart th{background: #dddddd;}
.cashback-page .cashback-chart td{font-size: 15px; color: #000000; font-weight: bold; text-align: center;}
.cashback-page .cashback-chart td span{color: #2cb7df;}

/*--------------------------------------------------------------------
        Coming Events
--------------------------------------------------------------------*/
.coming-events .events-box{box-shadow: 0 2px 15px rgba(0,0,0,0.1); border-radius: 7px; padding: 15px 20px; margin-bottom: 15px; padding-left: 100px; background: url(../images/icons/Icon_events.png) 15px 12px no-repeat; background-size: 65px;}
.coming-events .events-box h3{font-size: 20px;}
.coming-events .events-box h3 span{color: #f07f7f;}
.coming-events .events-box p{font-size: 13px; color: #045180; font-weight: bold; margin-bottom: 0px;}
.coming-events .events-box p span{font-size: 11px; color: #e9039a; font-weight: normal;}

/*--------------------------------------------------------------------
        Signup Login Modal
--------------------------------------------------------------------*/
.eventsModal{z-index: 999999;}
.eventsModal .modal-header{background: #28328c; color: #ffffff; text-align: center; padding: 8px;}
.eventsModal .modal-header img{margin: 0 auto; width: 70px; height: 70px;}
.eventsModal .modal-header .close{margin: 0; position: absolute; top: 5px; right: 10px; opacity: 1; color: #ffffff; padding: 5px}
.eventsModal h2{font-size: 22px;}
.eventsModal p{font-size: 13px; opacity: 0.7;}
.eventsModal .button{display: block; padding: 10px; color: #ffffff; background: #2fa5de; border-radius: 4px; text-align: center; transition: all 300ms; text-transform: uppercase; width: 150px; margin: 0 auto; font-size: 14px;}
.eventsModal .register-panel{text-align: center;}
.eventsModal .register-panel a{background: #28328c; position: relative; overflow: hidden; z-index: 2;}
.eventsModal .register-panel :before{position: absolute; content: ''; width: 0%; height: 100%; display: block; left: 0; top: 0; background: #0974c8; transition: all 300ms; z-index: -2; }
.eventsModal .register-panel a:hover:before{width: 100%;}
.eventsModal .login-panel{text-align: center;}
.eventsModal .login-panel a{background: #52ba41; position: relative; overflow: hidden; z-index: 2;}
.eventsModal .login-panel a:before{position: absolute; content: ''; width: 0%; height: 100%; display: block; left: 0; top: 0; background: #1b8809; transition: all 300ms; z-index: -2; }
.eventsModal .login-panel a:hover:before{width: 100%;}
.eventsModal .login-devider{position: relative; text-align: center; padding: 20px;}
.eventsModal .login-devider span{display: inline-block; width: 36px; height: 36px; border: 1px solid #dddddd; background: #ffffff; border-radius: 100%; font-size: 13px; text-transform: uppercase; text-align: center; line-height: 34px; font-weight: bold; position: relative; z-index: 99;}
.eventsModal .login-devider::before{position: absolute; content: ''; width: 100%; height: 1px; background: #dddddd; display: block; top: 40px; left: 0;}
@media (min-width: 576px){
    .eventsModal .modal-dialog {max-width: 400px; margin: 1.75rem auto;}
}

/*--------------------------------------------------------------------
        Admin Page Admin
--------------------------------------------------------------------*/
#admin-dashboard{padding: 40px 0 30px 0; background: #f0f0f5;}
#admin-dashboard .admin-profile{background: #4a90e2; padding: 25px 30px; margin-bottom: 20px; border-radius: 3px;}
#admin-dashboard .admin-profile .user-profile-data{width: 100%; margin-bottom: 30px; position: relative;}
#admin-dashboard .admin-profile .user-profile-data .profile-images{width: 60px; float: left; position: relative;}
#admin-dashboard .admin-profile .user-profile-data .profile-images span{width: 50px; height: 50px; background: #ffffff; border-radius: 100%; text-align: center; font-size: 30px; font-weight: bold; display: block; color: #065898;}
#admin-dashboard .admin-profile .user-profile-data .profile-names{padding-left: 70px; padding-top: 3px;}
#admin-dashboard .admin-profile .user-profile-data .profile-names h4{color: #ffffff; font-size: 20px; margin: 0 0 2px 0; font-weight: bold;}
#admin-dashboard .admin-profile .user-profile-data .edit-profile-icon{color: #ffffff; position: absolute; top: -8px; right: -11px;
                                                                      width: 40px; height: 40px; border: 1px solid #ffffff; border-radius: 100%; line-height: 40px; text-align: center;}
#admin-dashboard .admin-profile .user-profile-data .edit-profile-icon i{font-size: 14px;}
#admin-dashboard .admin-profile .user-profile-data p{font-size: 12px; color: #ffffff;}
#admin-dashboard .admin-profile .user-profile-summary{width: 100%;}
#admin-dashboard .admin-profile .user-profile-summary p{font-size: 13px; color: #ffffff;}
#admin-dashboard .admin-profile .user-profile-summary p i{margin-right: 3px;}
#admin-dashboard .quick-links{border-radius: 3px; box-shadow: 0 1px 10px rgba(0,0,0,0.2); margin: 20px 0; background: #ffffff; padding: 15px;}
#admin-dashboard .quick-links h3{font-size: 20px;}
#admin-dashboard .quick-links ul li{display: block;}
#admin-dashboard .quick-links ul li a{display: block; color: #333333; padding: 10px 2px; border-bottom: 1px solid #ececec;}
#admin-dashboard .quick-links ul li:last-child a{border: none; padding-bottom: 0;}
#admin-dashboard .quick-links ul li.active a{color: #2cb7df; font-weight: bold;}
#admin-dashboard  .admin-panel{border-radius: 3px; box-shadow: 0 1px 10px rgba(0,0,0,0.2); margin: 20px 0; background: #ffffff; padding: 20px 25px;}
#admin-dashboard  .admin-panel h3{font-size: 22px; margin-bottom: 30px;}
#admin-dashboard  .admin-panel .panel-msg{font-size: 14px; margin-bottom: 15px;}
#admin-dashboard  .admin-panel .code-msg{color: #2cb7df; font-size: 15px; font-weight: bold; margin-bottom: 20px;}
#admin-dashboard  .admin-panel .form-control{border-radius: 0; box-shadow: none; font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
#admin-dashboard  .admin-panel input.form-control{height: 45px;}
#admin-dashboard  .admin-panel select.form-control{height: 45px;}
#admin-dashboard  .admin-panel label {font-weight: bold; color: #000000;}
#admin-dashboard  .admin-panel button.btn.btn-warning {font-size: 17px; color: #ffffff; background: #28328c; min-width: 200px; padding: 12px 15px; text-transform: uppercase; border-radius: 0px; border: 1px solid #28328c;}



/*---------------------------------------------------------------
        Auction Page and Bid History with Create Listing
---------------------------------------------------------------*/
#admin-dashboard  .admin-panel .auction-listing .auction-actions .entries-data {margin-top: 8px;}
#admin-dashboard  .admin-panel .auction-listing .auction-actions .entries-data ul li{font-size: 13px; font-weight: bold;}
#admin-dashboard  .admin-panel .auction-listing .auction-actions .auction-search input {width: 100%; border: 1px solid #b4b4be; font-size: 12px; padding: 8px; height: 38px;}
#admin-dashboard  .admin-panel .auction-listing .auction-actions .auction-bid{text-align: right;}
#admin-dashboard  .admin-panel .auction-listing .auction-actions .auction-bid a{font-size: 11px; text-transform: uppercase;}
#admin-dashboard  .admin-panel .auction-listing .auction-table-lists {font-size: 13px;}
#admin-dashboard  .admin-panel .auction-listing .auction-table-lists table th{cursor: pointer;}
#admin-dashboard  .admin-panel .auction-listing .auction-table-lists a.btn{font-size: 12px; padding: 2px 5px;}
#admin-dashboard  .admin-panel .auction-listing .auction-pagination{margin: 20px 0; text-align: center;}
#admin-dashboard  .admin-panel .auction-listing .auction-pagination .pagination {justify-content: center;}
#admin-dashboard  .admin-panel .auction-listing .create-listing .adding-buttons{margin: 20px 0;}
#admin-dashboard  .admin-panel .auction-listing .create-listing .adding-buttons button{font-size: 13px; text-transform: uppercase; padding: 12px 13px; border-radius: 0; margin: 0 5px 10px 0;}
#admin-dashboard .transaction-details{}
#admin-dashboard .transaction-details .transaction-Inmonth table strong{font-weight: bold;}
#admin-dashboard .transaction-details .transaction-buy {background: #f5f5f5; padding: 15px; border: 1px solid #c9c9c9; border-radius: 3px;}
#admin-dashboard .transaction-details .transaction-table{margin-top: 30px;}
#admin-dashboard .history-table-lists table{font-size: 13px;}


/*---------------------------------------------------------------
        Loader
---------------------------------------------------------------*/
.loader-overlay{position: fixed; width:100%; height:100%; z-index:999999; top:0; right:0; bottom: 0; left:0; background-color:rgba(255,255,255,0.9); text-align:center; display: none;}
.loader-overlay img{position: fixed; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/*---------------------------------------------------------------
        Alert
---------------------------------------------------------------*/
#alert-modal{text-align: center;z-index: 999999;}
#alert-modal img{margin: 15px auto;}
#alert-modal #alertmsg{font-size: 13px;}
#alert-modal .btn{width: 60px;}


/*-------------------------------------------------------------------------------------
  404 Error Page
-------------------------------------------------------------------------------------*/
#error-page{padding:100px 0 100px 0; text-align: center; background: #ffffff;}
#error-page .error-page-sec img{margin: 10px auto;}
#error-page .error-page-sec h1{color:#404237; font-size: 25px; margin-bottom: 15px; line-height: 60px;}
#error-page .error-page-sec h1 span{color: #1576b8; display: block; font-size: 40px;}
#error-page .error-page-sec .go-to-home{display: inline-block; background: #1576b8; color: #ffffff; text-shadow: none; padding: 13px 20px; font-weight: normal; margin-top: 10px; border-radius: 30px;}
#error-page .error-page-sec .go-to-home:hover{text-decoration: none;}

/*-------------------------------------------------------------------------------------
  Logged User
-------------------------------------------------------------------------------------*/
.loged-user{font-size: 12px; position: relative; margin: 5px 5px 5px 10px;z-index:2}
.loged-user .user-dropdown{position: absolute; width: 100px; top: 40px; right: -5px; background: #ffffff; box-shadow: 0 1px 5px rgba(0,0,0,0.1); border-radius: 0 0 4px 4px; display: none;}
.loged-user .user-dropdown li{display: block;}
.loged-user .user-dropdown li a{display: block; padding: 6px 15px; color: #333333;}
.loged-user .user-dropdown li a:hover{background: #f8f8f8;}
.loged-user .user-dropdown li a i{font-size: 12px;}


/*-------------------------------------------------------------------------------------
  Data Table
-------------------------------------------------------------------------------------*/
#admin-dashboard .admin-panel .auction-listing .auction-table-lists #productservice_paginate{display: none;}
#productservice_filter input[type='search']{border: 1px solid #b4b4be;}


#admin-dashboard .admin-panel .auction-listing .auction-table-lists .bottom{margin-top: 30px; overflow: hidden;}
#admin-dashboard .admin-panel .auction-listing .auction-table-lists .bottom .dataTables_filter{display: none;}
#admin-dashboard .admin-panel .auction-listing .auction-table-lists .dataTables_paginate.paging_simple_numbers{border: 0px solid #dee2e6;}
#admin-dashboard .admin-panel .auction-listing .auction-table-lists .dataTables_paginate.paging_simple_numbers .paginate_button {border: 1px solid #dee2e6; margin: 0; color: #007bff !important; margin-left: -1px;}
#admin-dashboard .admin-panel .auction-listing .auction-table-lists .dataTables_paginate.paging_simple_numbers a.paginate_button.current{color: #fff !important; background: #007bff; border-color: #007bff; font-weight: bold;}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #e9ecef !important; border-color: #dee2e6 !important;}
#admin-dashboard .admin-panel .auction-listing .auction-table-lists .bottom .dataTables_length{margin-top: 5px;}

#productservice_wrapper #productservice{border-bottom: none;}
#productservice_wrapper #productservice th{border-bottom: none; vertical-align: middle;}

#admin-dashboard .admin-panel .well, .register-page .register-form .well{min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5;                           border: 1px solid #e3e3e3;
                                                                         border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}

#admin-dashboard .admin-panel .well table{margin: 0; }
#admin-dashboard .admin-panel .go-back a{font-size: 12px;}
#admin-dashboard .admin-panel .well table th{border: none; border-top: 1px solid #dee2e6; font-size: 11px; vertical-align: middle;}
#admin-dashboard .admin-panel .well table td{font-size: 11px; vertical-align: middle;}

.bid-table-data th{font-size: 12px; vertical-align: middle;}
.bid-table-data td{font-size: 11px; vertical-align: middle;}
#admin-dashboard .transaction-details .transaction-pagination{text-align: center !important;}
#admin-dashboard .transaction-details .transaction-pagination ul{}

#admin-dashboard .transaction-details .transaction-details-table{margin-top: 30px; background: #ecf4f7;}
#admin-dashboard .transaction-details .transaction-details-table table{font-size: 13px;}
#admin-dashboard .transaction-details .transaction-Inmonth .payment-sent-buttons p{font-size: 12px;}
/*Mobile Header*/
.mobile-header{width: 100%; display: none; overflow: hidden; padding: 0 0 0px 0;}
.mobile-header .mobile-header-top{width: 100%; padding: 3px 12px; box-sizing: border-box; background: #f8f8f8; overflow: hidden;}
.mobile-header .mobile-header-top .dial-phone{float: left;}
.mobile-header .mobile-header-top .dial-phone a{font-size: 11px; color: #434ea2;}
.mobile-header .mobile-header-top .language{float: right;}
.mobile-header .mobile-header-top .language select{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none;     appearance: none; background: url(../images/icons/down-arrow-small.png) right 3px top 5px no-repeat; width: 115px; border: none; font-size: 12px; outline: none;}
.mobile-header .mobile-header-logo{width: 100%; float: left; padding: 3px 11px; box-sizing: border-box;}
.mobile-header .mobile-header-logo .mb-logo{float: left;}
.mobile-header .mobile-header-logo .login-links{float: right;}
.mobile-header .mobile-header-logo .login-links a{border: 1px solid #414146; font-size: 13px; color: #414146; padding: 4px 20px; border-radius: 3px; transition: all 300ms; margin-top: 2px; display: block;}
.mobile-header .mobile-menulists{overflow: auto; white-space: nowrap; width: 100%;}
.mobile-header .mobile-menulists ul li{display: inline-block; font-size: 13px; color: #000000; padding: 3px;}
.mobile-header .mobile-menulists ul li a{padding: 8px 8px; color: #43b4f9;}
.mobile-header .mobile-menulists ul li.active a{color: #434ea2; border-bottom: 2px solid #434ea2;}

/*Scroll Up*/
.scrollup {display: none; position: fixed; bottom: 1em; right: 1em; width: 50px; height: 40px; background-color: #434ea2;   color: #fff !important; border: 1px solid #ddd; z-index: 99999; text-align: center; transition: all .3s; line-height: auto; font-size: 10px;}

/*Thank You Page*/
.thank-you-top{background: #23b67f; padding: 30px; text-align: center;}
.thank-you-msg{padding: 50px 0; text-align: center;}
.thank-you-msg h2{font-size: 30px; color: #23b67f;}
.thank-you-msg p{font-size: 16px; margin-bottom: 13px;}

.reject-page-top{background: #f87a7b; padding: 30px; text-align: center;}
.reject-page-msg{padding: 50px 0; text-align: center;}
.reject-page-msg h2{font-size: 30px; color: #000000;}
.reject-page-msg p{font-size: 16px; margin-bottom: 13px;}

footer.footer-bottom{position: absolute; width: 100%; left: 0;}
/*--------------------------------------------------------------------
        Next Events
--------------------------------------------------------------------*/
.next-events{text-align: center;}
.next-events h2{font-size: 24px; margin-bottom: 20px; font-weight: bold; color: #263077;}
.next-events h3{font-size: 20px; line-height: 30px; color: #247ad1; cursor: pointer;}
.next-events h3 strong{color: #000000; font-weight: bold;}
.next-events h3 .earn{color: #ef02a4;}
.next-events .event-dates{color: #b50278; border: 1px solid #b50278; padding: 10px 25px; border-radius: 30px; display: inline-block; margin-top: 20px; font-weight: bold;}
.next-events .event-dates span{font-size: 11px; color: #ef049f; margin-left: 10px;}







/*--------------------------------------------------------------------
        Sitemap Page
--------------------------------------------------------------------*/
#sitemap{padding: 50px 0;}
#sitemap .sitemap-contents p{font-size: 16px;}
#sitemap .sitemap-contents ul li{list-style-type: disc; margin: 0 0 15px 15px; font-size: 16px;}
#sitemap .content-images{margin: 10px 0 25px 0; border: 1px solid #7ab7f4; text-align: center;}
#sitemap .content-images img{margin: 0 auto;}

#notificationModal{
    z-index: 99999;
}

#notificationModal .modal-dialog {
    top:25% !important;

}
.events-box{cursor: pointer;}
.eventvenue{padding-left: 17px; font-size: 15px !important; line-height: 18px!important; background: url(../images/icons/map.png) 0 no-repeat; background-size: 14px;}

.map-view input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-size: 14px;
    padding: 10px 20px 10px 8px;
    font-size: 13px;
    border: none;
    border-radius: 2px;
    width: 450px;
    margin-right: 15px;
}
.mapviewBtn{margin-top: 30px;}


#infoBoxNew {
    color: #999;
    position: fixed;
    right: 0;
    top: 55px;
    bottom: 0;
    background-color: rgba(255,255,255,1);
    z-index: 900;
    width: 416px;
}

#infoBoxNew{
    opacity:1;
    position:absolute;
    right:-440px;
    display:none;
    top:0;
    cursor:default;
    z-index:899;

}
#opcl {
    background: url(../images/Closebtn.png) 0 0 no-repeat;
    left: -24px;
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.mapMdl .body {
    background: #fff;
    font-size: 12px;
    position: relative;
    border-radius: 5px;
}
#infoBoxNew .infoBoxHead {
    padding: 8px;
    border-bottom: 4px solid #f1f1f1;
    position: relative;
    background: #fff;
    z-index: 5;
    width: 100%;
}
.mapInfoLbl{
    color: #14bef0;
    font-size: 16px;
    margin: 0 0 8px 0;
    font-weight: 600;
}
.map-categories-lists{width: 100%; display: block; margin-top: 10px; height: 450px; overflow-y: auto;}
.banner-video{margin-top: 25px;}

.video-content h2{color: #ffffff; font-size: 22px; font-weight: bold;}

.video-content p{color: #ffffff;}

.map-categories-lists::-webkit-scrollbar {width: 10px;}
.map-categories-lists::-webkit-scrollbar-track { background: #f1f1f1;}
.map-categories-lists::-webkit-scrollbar-thumb {background: #888;}
.map-categories-lists::-webkit-scrollbar-thumb:hover {background: #555;}

.map-categories-lists .map-cat-inner-list{display: flex; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f8f8f8;}
.map-categories-lists .map-cat-inner-list .image-view{width: 80px; margin-right: 10px;}
.map-categories-lists .map-cat-inner-list .image-view img{width: 100%;}
.map-categories-lists .map-cat-inner-list .map-cat-content{width: 100%;}
.map-categories-lists .map-cat-inner-list .map-cat-content h3{font-size: 14px; margin-bottom: 0; white-space: nowrap; width: 300px; overflow: hidden;
                                                              text-overflow: ellipsis;}
.map-categories-lists .map-cat-inner-list .map-cat-content .prices{color: #01a400; font-size: 12px; font-weight: bold; margin-bottom: 3px;}
.map-categories-lists .map-cat-inner-list .map-cat-content ul li{display: inline-block;}
.map-categories-lists .map-cat-inner-list .map-cat-content ul li a {font-size: 10px; padding: 5px 10px; background: #000000; color: #ffffff; border-radius: 2px;}
.map-categories-lists .map-cat-inner-list .map-cat-content ul li:first-child a{background: #14bef0;border-radius: 3px;}
.map-categories-lists .map-cat-inner-list .map-cat-content ul li:last-child a{background: #ffffff; color: #111111;}
#infoBoxNew .infoBoxHead .user-details .mapInfoLbl{display: block; margin-bottom: 0;}
#infoBoxNew .infoBoxHead .user-details p{font-size: 12px; margin-bottom: 0px; display: inline-block;}

#infoBoxNew .address-text{    padding-left: 17px; font-size: 12px; line-height: 18px; background: url(../images/icons/map.png) 0 3px no-repeat; background-size: 14px;display: block !important;}

#infoBoxNew .phone{background: url(../images/icons/call-answer.png) 0 5px no-repeat; background-size: 9px; display: inline-block; margin-right: 3px; padding-left: 14px;}

/*--------------------------------------------------------------------
        Responsive Design
--------------------------------------------------------------------*/
@media(max-width:768px){
    #infoBoxNew{width: 300px;}
    .map-categories-lists .map-cat-inner-list .image-view img{width: 60px;}
    .navbar-expand-sm{display: none;}
    .mobile-header{display: block;}
    header .contact-info{display: none;}
    .map-view button,.map-view input, #filter select{width: 100%; margin: 3px; font-size: 11px;}
    #sorting-area .sorting-lists ul li {line-height: 27px; font-size: 10px; margin-right: 4px;}
    #sorting-area .sorting-lists ul li a{padding: 3px 3px; margin-bottom: 5px;}
    #sorting-area .sorting-lists ul li:first-child{display: block !important; line-height: 5px; margin-top: 10px;}
    .sidebar-menu{width: 320px; height: 100%; position: fixed; top: 0; left: 0; background: #ffffff; z-index: 99999; overflow-x: auto;
                  -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;  -webkit-overflow-scrolling: touch; transform: translateX(-320px); padding-left: 35px;}
    nav .login-btn{margin: 10px 0 10px 0;}
    nav .translator-dropdown {margin: 8px 0;}
    .navbar-dark .navbar-toggler {background-color: transparent; background-image: url(../images/icons/menu.png); background-repeat: no-repeat; background-size: 19px; background-position: center center;}
    .navbar-dark .navbar-toggler-icon{background-image: none;}



    /*13-08-2018*/
    #banner-filter .country-filter-list select{margin-bottom: 10px}
    #banner-filter .banner-filter-lists ul li{margin-right: 0px;}
    #banner-filter .banner-filter-lists ul li a{font-size: 10px; padding: 6px 8px; margin-bottom: 10px;}
    #banner-filter .banner-filter-search .header_search button{width: 56px;}
    footer .footer-links ul li{margin: 0 5px;}
    .trade-pages {padding: 20px;}
    .cashback-page .cashback-chart td{font-size: 10px;}
    .cashback-page .cashback-chart h3{font-size: 18px; margin-bottom:5px;}
    .cashback-page .cashback-chart p{margin:0; line-height:100%; font-size: 12px;}
    .cashback-page .cashback-chart {margin-top: 30px; background: url(../images/diagram.png) right 0px bottom 0 no-repeat;}
    .contact-details .contact-form p {font-size: 22px;}
    #admin-dashboard .admin-panel button, .register-page .register-form button, .contact-details .contact-form button, .transactionsBtn{font-size: 13px !important;}
    .contact-details .contact-form .btn.btn-warning,.register-page .register-form .btn.btn-warning{font-size:13px; width: 140px;}
    .login-box{padding: 25px 20px 20px 20px;}
    .loged-user{position: static;}
    .mobile-header .mobile-header-logo .loged-user a{border:none; padding: 4px 5px;}
    .mobile-header .mobile-header-logo .loged-user a i{position: relative; top: 2px; margin-left: 2px;}
    .loged-user .user-dropdown {position: absolute; width: 115px; top: 76px; right: 15px; padding: 5px;}
    .loged-user .user-dropdown li a{font-size:11px !important; padding: 6px 5px !important; border: none !important;}
    #main-content .product-list .product-images img{width:100%;}
    #admin-dashboard .admin-profile{padding: 20px 40px 20px 20px;}
    #admin-dashboard .admin-profile .user-profile-data .profile-names{padding-left:60px;}
    #admin-dashboard .admin-profile .user-profile-data .profile-names h4{font-size:16px;}
    #admin-dashboard .table td, .table th{padding: 5px; font-size: 11px;}
    #admin-dashboard .admin-panel{padding: 20px 15px;}
    #product-details .product-content .product-button button{margin-top: 30px;}
    .register-page .register-form button{width:100% !important;}
    #admin-dashboard .quick-links{display:none;}
    #banner-filter .country-filter-list ul{display:flex;}
    #banner-filter .country-filter-list ul li{-webkit-flex:1; -moz-flex:1; flex:1;}
    #banner-filter .country-filter-list ul li select{width:80%;}
    #cardPayment .col-md-6.offset-md-1 {order: 2;}
    .next-events .btn{ width:100% !important; margin-top: 5px;}
    .next-events .btn-success{ margin-left: 0 !important;}
    .next-events .btn-info{display:none !important;}
    .eventvenue{ margin-top:35px;}
    .backevent{ display:block !important;}
    .hidden-sm{display: none!important;}
    .mapviewBtn{margin-top:0px;}
}

.banner-arrow {
    text-align: center;
    color: #ffffff;
    font-size: 32px;
}
.banner-arrow i {
    cursor: pointer;
}
.banner-arrow a {
    color: #ffffff;
}