@font-face {
    font-family: "ElegantIcons";
    font-style: normal;
    font-weight: normal;
    src: local("ElegantIcons"), url("../fonts/ElegantIcons.woff") format("woff");
}
/*----------
[ Body ]
-------------*/
body {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    line-height: 20px;
    color: #686868;
}

a:hover {
    text-decoration: none;
}
a:focus {
    outline: none;
}
.list-inline > li {
    display: inline-block;
}
.dropdown-toggle::after {
    border: none !important;
}
.btn-link:hover,
.btn-link:focus {
    text-decoration: none;
}
.dropdown-menu.inner {
    display: block;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none !important;
    outline: none !important;
    outline-offset: none !important;
    box-shadow: none !important;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: none !important;
}
.owl-wrapper-outer {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0px !important;
}
.owl-carousel,
.owl-controls {
    background: none !important;
    margin: 0 !important;
}
.paddleft {
    padding-left: 0px;
}
.padd0 {
    padding: 0px;
}
.paddright {
    padding-right: 0;
}
.form-control:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075), 0 0 0px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075), 0 0 0px rgba(102, 175, 233, 0.6);
}
/*--------------------
[ top / top ]
---------------------*/
.top {
    padding: 20px 0;
}
.top .icon {
    margin: 0;
}
.top .icon li {
    line-height: 14px;
}
.top .icon li {
    padding: 0 29px 0 0;
}
.top .icon li a {
    color: #333e44;
    font-size: 14px;
    font-weight: 600;
}
.top .icon li:hover a {
    color: #fed700;
}
.top .icon li a i {
    margin-right: 10px;
    color: #fed700;
}
.top .icon li:last-child {
    padding: 0 0px 0 0;
}
#language .btn {
    background: transparent;
    padding: 0px 0px 1px 0px;
    border: none;
}
#language .text {
    color: #333e44;
    float: left;
    margin-right: 11px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}
#language .text .la-language {
    margin-right: 10px;
    color: #fed700;
}
#language .la-caret-down {
    float: right;
    color: #333e44;
    padding-top: 1px;
}
#language .dropdown-menu li a img {
    margin-right: 10px;
}
#language .dropdown-menu {
    list-style: none;
}
#language .dropdown-menu li a {
    padding: 6px 12px;
}
#language .dropdown-menu li a {
    color: #000;
}
.topnav {
    float: right;
}
.topnav ul {
    margin: 0;
}
.topnav ul li:first-child {
    padding: 0 0 0 0px;
}
.topnav ul li {
    padding: 0 0 0 29px;
    line-height: 16px;
}
.topnav ul li a {
    display: none;
    color: #333e44;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}
.topnav ul li a.icons {
    float: right;
    display: block;
}
.topnav.responsive {
    position: relative;
}
.topnav.responsive .icons {
    position: absolute;
    right: 0;
    top: 0;
}
.topnav.responsive ul li a {
    display: block;
    text-align: left;
}
.topnav.responsive ul li .dropdown-menu li {
    padding: 0;
}
.topnav.responsive ul li .dropdown-menu li a {
    padding: 8px 20px;
    color: #333e44;
}

/*--------------------
[ header / header ]
---------------------*/
header {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0;
}
header #logo {
    margin: 4px 0;
}
header .category .form-group {
    margin: 0;
}
header .category .bootstrap-select {
    height: 39px;
    box-shadow: none;
    border-radius: 40px;
}
.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100% !important;
}
header .category .bootstrap-select .btn-default {
    border: 2px solid #fed700;
    border-radius: 40px;
    height: 39px;
    padding-right: 26px;
    color: #b2b2b2;
    background: transparent;
}
header .category .open > .dropdown-toggle.btn-default:hover,
header .category .btn-default:hover {
    color: #b2b2b2;
    background-color: #fff;
    border-color: #fed700;
    box-shadow: none;
}
header .category .dropdown-menu .dropdown-menu.inner {
    display: block;
}
header .category .dropdown-menu {
    background: #f5f5f5;
    box-shadow: none;
    border: 1px solid #f2f2f2;
    margin-top: 14px;
    padding: 0;
    overflow: initial !important;
}
header .category .dropdown-menu:after {
    border-bottom: 10px solid #f5f5f5;
    border-top: 4px transparent dashed;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -14px;
    right: 15px;
    text-align: center;
    display: block;
    content: "";
}
header .category .dropdown-menu li {
    border-bottom: 1px solid #e5e5e5;
}
header .category .dropdown-menu li a {
    padding: 8px 10px;
    color: #686868;
    display: block;
    font-size: 14px;
}
header .btn-primary {
    border: 0;
    background: #313e46;
    border-radius: 40px;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    width: 100%;
}
header .btn-primary:hover,
header .btn-primary:active:hover,
header .btn-primary:focus,
header .btn-primary.focus {
    background: #313e46;
    outline: -webkit-focus-ring-color auto 0px;
}
header .btn-primary:not(:disabled):not(.disabled).active,
header .btn-primary:not(:disabled):not(.disabled):active,
header .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #313e46;
    border-color: #313e46;
    box-shadow: none;
}
header .btn-primary i {
    margin-right: 8px;
}
.search {
    position: relative;
}
.search .form-group {
    margin: 0;
}
.search .form-control {
    border: 2px solid #fed700;
    border-radius: 40px;
    height: 39px;
    font-size: 13px !important;
}
.search .btn {
    position: absolute;
    background: #fed700;
    top: 0;
    right: 15px;
    border-radius: 0 40px 40px 0;
    padding: 9px 12px 5px;
}
.search .btn i {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
/*--------------------------------- 
[ Slideshow / .slideshow ]
----------------------------------- */
.slideshow {
    border-bottom: 1px solid #e5e5e5;
}
.slideshow img {
    width: 100%;
}
/*--------------------------------- 
[ browse / .browse ]
----------------------------------- */
.browse h2 {
    font-size: 24px;
    font-weight: 600;
    color: #313e46;
    margin: 78px 0 0;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 29px;
}
.browse hr {
    margin: -4px auto 50px;
    width: 200px;
    border-bottom: 4px solid #fed700;
}

.browse .row-cat-service .cat-item {
    border: 1px solid #e5e5e5;
    text-align: center;
    margin-bottom: 30px;
}
.browse .row-cat-service .cat-item a {
    display: block;
}

.browse .row-cat-service .cat-item:hover {
    border-color: #fed700;
    border-bottom: 6px solid #fed700;
    margin-bottom: 24px;
}
.browse .row-cat-service .cat-item p {
    font-size: 18px;
    font-weight: 600;
    color: #313f48;
    margin: 0px 3px 5px 3px;
}
.browse .row-cat-service .cat-item a img{
    padding: 10px;
}
.banner {
    margin: 74px 0 80px;
}
/*--------------------------------- 
[ footer / footer ]
----------------------------------- */
footer {
    border-top: 1px solid #e5e5e5;
    padding: 50px 0 0;
}
footer .matter {
    width: 41%;
}
footer .info {
    width: 24%;
    margin-right: 18px;
}
footer h5 {
    font-size: 18px;
    font-weight: 700;
    color: #303e47;
    margin: 16px 0 23px;
}
footer img {
    margin: 0 0 25px;
}
footer p {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    margin: 0;
    line-height: 24px;
    width: 90%;
    word-break: break-all;
}
footer ul {
    margin: 0 !important;
}
footer .links li:first-child,
footer .links li:nth-child(3),
footer .links li:nth-child(5),
footer .links li:nth-child(7),
footer .links li:nth-child(9) {
    width: 37%;
}
footer .links li:nth-child(2),
footer .links li:nth-child(4),
footer .links li:nth-child(6),
footer .links li:nth-child(8),
footer .links li:last-child {
    width: 60%;
}
footer .links li {
    padding: 0 0 5px;
    line-height: 12px;
}
footer .links li:last-child {
    padding: 0;
}
footer .links li a {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    line-height: 24px;
}
footer .links li a:hover {
    color: #fed700;
}
footer .social li {
    padding: 12px 14px;
    line-height: 14px;
    margin-right: 7px;
    border: 1px solid #343d46;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    text-align: center;
}
footer .social li:last-child {
    margin-right: 0px;
}
footer .social li:hover {
    background: #fed700;
    border: 1px solid #fed700;
}
footer .social li a {
    color: #343d46;
    font-size: 20px;
    vertical-align: middle;
}
footer .powered {
    margin: 59px 0 50px;
}
footer .powered p {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    margin: 0;
    width: 100%;
}
footer .powered p span {
    color: #353d40;
}
/*--------------------------------- 
[ bread-crumb / .bread-crumb ]
----------------------------------- */
.topimage img {
    position: absolute;
    z-index: -1;
}
.bread-crumb {
    z-index: 2;
    margin-bottom: 30px;
}
.bread-crumb .matter {
    padding: 16px 0;
    min-height: 54px;
    border-bottom: 1px solid #e5e5e5;
}
.bread-crumb .matter h2 {
    color: #333d47;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.bread-crumb .matter ul {
    margin: 0;
}
.bread-crumb .matter li {
    padding: 0px;
}
.bread-crumb .matter li:after {
    content: "/";
    padding: 0 2px 0 5px;
    color: #000;
}
.bread-crumb .matter li:last-child:after {
    content: "";
}
.bread-crumb .matter li a {
    color: #686868;
    font-size: 14px;
}
/*------------------- 
[ sort / .sort ]
---------------------*/
.sort {
    margin-top: 50px;
    margin-bottom: 50px;
}
.sort .search .btn {
    right: 0;
}
.sort .btn-group .btn-default {
    border: 1px solid #334049;
    padding: 10px;
}
.sort .pull-right .btn-default:hover,
.sort .pull-right .btn-default:active:focus,
.sort .pull-right .btn-default:focus,
.sort .pull-right .btn-default:active,
.sort .pull-right .btn-default.active,
.sort .pull-right .open > .dropdown-toggle.btn-default {
    border: 1px solid #fcd800 !important;
    background: #fcd800 !important;
}
.sort .btn + .btn {
    margin-left: 15px;
}
.sort .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.sort .btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.sort .form-group {
    margin: 0;
}
.sort .input-group-addon {
    background: transparent;
    border: 0;
    padding: 0px 15px 0 0;
    font-size: 16px !important;
    color: #2f4048;
    font-weight: 400;
}
.sort .bootstrap-select {
    height: 39px;
    box-shadow: none !important;
}
.sort .bootstrap-select .btn-default {
    border-radius: 40px;
    height: 39px;
    border: 1px solid #e5e5e5;
    padding: 8px 28px 8px 16px;
    color: #bdbdbd !important;
    box-shadow: 0 !important;
    background: transparent;
}
.sort .price {
    display: inline-flex;
}
.sort .price .form-control {
    width: 48%;
    border-radius: 40px;
    height: 39px;
    border: 1px solid #e5e5e5;
}
.sort .price i {
    color: #999ca1;
    padding: 13px 8px;
}
.maincategory {
    margin: 0 0 80px;
}
.maincategory1 {
    margin: 0 0 80px;
}
#column-left .list-group {
    background: #f5f5f5;
    border-radius: 4px;
    min-height: 620px;
}
#column-left .list-group h2 {
    font-size: 24px;
    font-weight: 600;
    color: #323f48;
    margin: 0;
    padding: 25px 24px 12px;
    line-height: 14px;
}
#column-left .list-group .ads {
    font-size: 16px;
    font-weight: 600;
    color: #5643c0;
    padding: 0 24px;
}
#column-left .list-group ul {
    margin: 14px 0 0 0;
}
#column-left .list-group li:first-child {
    padding: 10px 10px 16px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#column-left .list-group li:first-child .btn-default {
    border-radius: 0 !important;
    font-size: 18px;
    font-weight: 600;
}
#column-left .list-group .dropdown-menu li:first-child {
    padding: 0;
    border: 0;
}
#column-left .list-group .bootstrap-select > .dropdown-toggle {
    padding-right: 30px;
}
#column-left .list-group .list-group-item {
    padding: 10px 18px;
    background-color: transparent;
    border-bottom: 1px solid #e5e5e5 !important;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    color: #303d46;
}
#column-left .list-group .list-group-item:hover {
    background-color: #fed700;
}
#column-left .list-group li:last-child .list-group-item {
    border-bottom: 0px solid #e5e5e5 !important;
}
#column-left .list-group .list-group-item img {
    margin-right: 12px;
}
.topbar {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.topbar .topsearch {
    background: #f6f4f5;
    margin: 14px;
    min-height: 53px;
}
.topbar .topsearch .search {
    margin: 10px 0;
}
.topbar .topsearch .search .btn {
    right: 0;
    padding: 7px 12px 2px;
}
.topbar .topsearch .search .form-control {
    height: 33px;
}
.topbar .topsearch p {
    font-size: 14px;
    font-weight: 600;
    color: #313e47;
    margin: 10px 0;
}
.topbar .topsearch p i {
    font-size: 24px;
    font-weight: 500;
}
.topbar .topsearch img {
    float: left;
    margin-right: 18px;
}
.topbar .topsearch h2 {
    font-size: 18px;
    margin: 6px 0 0;
    color: #313e47;
}
.topbar .topsearch a {
    font-size: 14px;
    font-weight: 600;
    color: #6754c8;
}
.topbar .icon {
    padding: 30px 0 50px;
}
.topbar .icon i {
    font-size: 60px;
    font-weight: 500;
    color: #313e46;
}
.topbar .mar {
    margin: 0 10px;
}
.topbar .cols {
    padding: 0 10px;
    width: 100%;
}
.topbar .mar-t {
    margin-top: 8px;
}
.product-thumb {
    margin-bottom: 20px;
    position: relative;
}
.product-thumb img {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.product-thumb .image {
    position: relative;
    background: #fff;
    width: 100%;
    overflow: hidden;
}
.product-thumb .image:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    overflow: hidden;
}
.product-thumb .caption {
	border: 1px solid #E5E5E5;
    border-top: 0;
    padding: 10px 10px 15px;
    border-radius: 0 0px 8px 8px;
}
.product-thumb .caption h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 12px;
}
.product-thumb .caption h4 a {
    color: #2e3f47;
}
.product-thumb .caption .des {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 5px;
    color: #686868;
}
.product-thumb .caption ul {
    margin: 0;
}
.product-thumb .caption ul li {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color: #686868;
}
.product-thumb .caption ul li i {
    margin-right: 6px;
}
.product-thumb .caption hr {
    margin: 16px 0;
}
.product-thumb .button-group {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: auto;
    bottom: 48%;
}
.product-thumb .button-group button:first-child {
    font-size: 14px;
    font-weight: 400;
    border-radius: 40px;
    padding: 11px 18px;
}
.product-thumb .button-group button {
    font-size: 18px;
    font-weight: 500;
    color: #313e47;
    padding: 9px 10px;
    background: #ffffff;
    border: 1px solid #313e47;
    line-height: 12px;
    border-radius: 50%;
    text-align: center;
}
.product-thumb .button-group button + button {
    margin-left: 10px;
}
.product-thumb .button-group button:hover {
    background: #fed700;
    border: 1px solid #fed700;
}
.product-list .product-thumb .image {
    float: left;
    width: auto;
}
.product-list .product-thumb .image img {
}
.product-list .product-thumb .caption {

}
.product-list .product-thumb .caption ul {
    display: inline-flex;
}
.product-list .product-thumb .caption ul li {
    padding: 0 15px 0 0;
}
.product-list .product-thumb .button-group {
    position: absolute;
    margin: 0 auto;
    left: auto;
    right: 27px;
    top: 7%;
}
/*--------------------------------- 
[ contactus / .contactus ]
----------------------------------- */
.contactus {
    margin: 50px 0 80px;
}
.contactus iframe {
    width: 100%;
    height: 400px;
    border: 0;
    margin-bottom: 50px;
}
.contactus form {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 29px 19px;
}
.contactus form h5 {
    font-size: 24px;
    font-weight: 600;
    color: #313e46;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 29px;
}
.contactus form hr {
    margin: -2px 0 50px;
    border-top: 4px solid #fed700;
    width: 200px;
}
.contactus .form-control {
    height: 39px;
    padding: 5px 15px;
    font-size: 13px !important;
    font-weight: 400;
    border-radius: 40px;
    color: #b2b2b2;
}
.contactus textarea.form-control {
    height: 120px !important;
    padding: 10px 15px;
    border-radius: 20px;
}
.contactus .btn-primary {
    width: 114px;
    height: 44px;
    background: #313e47;
    border: 1px solid #313e47;
    border-radius: 40px;
    margin: 10px 0 0;
    font-weight: 16px;
    font-weight: 600;
}
.contactus .address {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}
.contactus .mar-b {
    margin-bottom: 30px;
}
.contactus .address h3 {
    font-size: 18px;
    font-weight: 600;
    color: #343e47;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    padding: 23px 19px;
}
.contactus .address p {
    font-size: 14px;
    color: #686868;
    margin: 0;
    padding: 19px;
}
.contactus .address ul {
    margin: 19px;
}
.contactus .address ul li {
    padding: 0 0 18px;
    width: 100%;
    display: inline-flex;
}
.contactus .address ul li:last-child {
    padding: 0 0 0px;
}
.contactus .address ul li span {
    font-weight: 600;
    color: #313e47;
    width: 36%;
}
.contactus .address ul li p {
    font-size: 14px;
    font-weight: 400;
    color: #676767;
    margin: 0;
    padding: 0;
    width: 64%;
    word-break: break-all;
}
.contactus .address ul li p a {
    color: #676767;
}
/*------------
[ faq / .faq ]
-------------- */
.commontop {
    margin: 50px 0 80px 0;
}
.faq {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
}
.faq h5 {
    font-size: 24px;
    font-weight: 600;
    color: #303e47;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 29px 0;
}
.faq hr {
    margin: -2px auto 70px;
    border-top: 4px solid #fed700;
    width: 200px;
}
.faq .panel-group {
    margin: 0px 19px 29px;
}
.faq .panel {
    border: 1px solid #ddd;
    box-shadow: none !important;
    border-radius: 4px;
}
.faq .panel-default > .panel-heading {
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.faq .panel-title a {
    text-decoration: none;
}
.faq .panel-title {
    margin: 0;
    font-size: 18px;
    color: #313e47;
    font-weight: 600;
}
.faq .panel-title .fa {
    float: right;
}
.faq .panel-group .panel + .panel {
    margin-top: 20px;
}
.faq .panel-body {
    background: #f5f5f5;
    padding: 15px;
}
.faq .panel-body p {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    line-height: 24px;
}
/*------------
[ terms / .terms ]
-------------- */
.terms {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
}
.terms h5 {
    font-size: 24px;
    font-weight: 600;
    color: #303e47;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 29px 0;
}
.terms hr {
    margin: -2px auto 70px;
    border-top: 4px solid #fed700;
    width: 200px;
}
.terms .mainbox {
    margin: 0px 19px 29px;
}
.terms .box {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background-color: #f5f5f5;
}
.terms .box h4 {
    margin: 0;
    font-size: 18px;
    color: #313e47;
    font-weight: 600;
    padding: 16px 18px;
}
.terms .box + .box {
    margin-top: 20px;
}
.terms .box p {
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    line-height: 24px;
    padding: 22px 19px;
}
/*------------
[ blog / .blog ]
-------------- */
.left .search,
.left .category,
.left .subcribe,
.left .tag {
    margin: 0 0 30px;
}
.product-thumb .onhover {
    position: absolute;
    left: 10px;
    bottom: 15px;
    background: #fed700;
    padding: 5px 10px;
    color: #fff;
    font-size: 20px;
}
.cols {
    padding: 0 2px;
}

.left .search .btn {
    right: 0;
}
.maincategory1 .left .category h1,
.maincategory .left .category h1 {
    margin: 0 0 10px;
    border: none;
    padding: 0px;
    font-size: 20px;
    color: #333d47;
    font-weight: 600;
}
.maincategory1 .left .category ul li a,
.maincategory .left .category ul li a {
    color: #000;
}
.maincategory1 .left .category ul li img,
.maincategory .left .category ul li img {
    margin-right: 7px;
}
.maincategory1 .left .category ul li,
.maincategory .left .category ul li {
    padding: 10px 0;
    border: none;
    line-height: 21px;
    font-size: 16px;
}
.maincategory1 .left .category,
.maincategory .left .category {
    border-radius: 0px;
    border: none;
    background: transparent;
}
.left .category,
.left .subcribe,
.left .tag {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}
.topsearch > .row {
    margin: 0 !important;
}
.left .category h1,
.left .subcribe h1,
.left .tag h1 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 20px 19px;
    border-bottom: 1px solid #e5e5e5;
    color: #303e4b;
    line-height: 18px;
}
.left .category ul {
    margin: 0;
}
.left .category ul li {
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    font-weight: 400;
    color: #676767;
    padding: 20px 19px;
    line-height: 16px;
}
.left .category ul li a {
    color: #676767;
}
.left .category ul li:last-child {
    border-bottom: 0px solid #e5e5e5;
}
.left .category ul li img {
    float: left;
    margin-right: 12px;
}
.left .subcribe .form-group {
    margin: 0;
}
.left .subcribe form {
    padding: 20px 19px;
}
.left .subcribe .form-control {
    border-radius: 19.5px;
    margin-bottom: 20px;
    font-size: 13px;
    height: 39px;
}
.left .subcribe .btn {
    border-radius: 40px;
    background: #313e47;
    color: #fff;
    border: 0;
    padding: 16px 0;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
}
.blog .left .tag ul {
    padding: 20px 19px;
}
.blog .left .tag ul li {
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    border-radius: 20px;
    margin: 0 2px 10px 0;
    line-height: 14px;
}
.blog .left .tag ul li:nth-child(3),
.blog .left .tag ul li:nth-child(6) {
    margin: 0 0px 10px 0;
}
.blog .left .tag ul li:nth-child(7),
.blog .left .tag ul li:last-child {
    margin: 0 2px 0px 0;
}
.blog .left .tag ul li a {
    color: #686868;
}
.blog .box {
    margin-bottom: 30px;
}
.blog .box .image {
    position: relative;
}
.blog .box .image img {
    border-radius: 8px 8px 0 0;
}
.blog .box .image .icon {
    position: absolute;
    bottom: -35px;
    left: 20px;
}
.blog .box .image .icon ul {
    margin: 0;
}
.blog .box .image .icon ul li {
    text-align: center;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    padding: 10px 18px;
    background: #fed700;
}
.blog .box .image .icon ul li a {
    color: #314047;
    font-size: 18px;
    font-weight: 600;
}
.blog .box .box-caption {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-top: 0;
    border-radius: 0 0 8px 8px;
}
.blog .box .box-caption .icons {
    margin: 0 0 0 120px;
    line-height: 14px;
}
.blog .box .box-caption .icons li {
    padding: 14px 21px 6px 0;
}
.blog .box .box-caption .icons li:last-child,
.blog .box .box-caption .icons li:nth-child(3) {
    float: right;
}
.blog .box .box-caption .icons li a {
    font-size: 14px;
    color: #696969;
}
.blog .box .box-caption .icons li a i {
    margin-right: 9px;
}
.blog .box .box-caption h2 {
    font-weight: 600;
    font-size: 20px;
    color: #333e44;
    margin: 29px 19px 21px;
    line-height: 24px;
}
.blog .box .box-caption p {
    font-weight: 400;
    font-size: 14px;
    color: #686868;
    line-height: 24px;
    margin: 0 19px 30px;
}
.blog .box .box-caption .btn {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    background: #313e47;
    border-radius: 40px;
    padding: 14px 25px;
    line-height: 14px;
    margin: 0 19px 19px;
}
.blog .box .box-caption .btn:hover {
    background: #fcd800;
    color: #313d49;
}
.blog .box .box-caption .special {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-top: 4px solid #fed700;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    padding: 20px 19px;
    color: #696969;
}
.blog .box .box-caption .tags {
    margin: 0 19px 30px;
    line-height: 14px;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 19px;
}
.blog .box .box-caption .tags li {
    font-size: 14px;
    font-weight: 600;
    color: #2d3e46;
    padding: 0 1px;
}
.blog .box .box-caption .tags li a {
    color: #2d3e46;
}
.blog .box .box-caption .comment,
.blog .box .box-caption .leave {
    padding: 30px 19px;
    border-top: 1px solid #e5e5e5;
}
.blog .box .box-caption .comment h3 {
    font-size: 20px;
    font-weight: 600;
    color: #313e47;
    margin: 0 0 50px;
}
.blog .box .box-caption .comment h3 span a {
    color: #fbd700;
}
.blog .box .box-caption .comment ul {
    margin: 0;
}
.blog .box .box-caption .comment ul li {
    padding: 0 0 19px;
}
.blog .box .box-caption .comment ul li:nth-child(2) {
    margin-left: 89px;
}
.blog .box .box-caption .comment ul li img {
    float: left;
}
.blog .box .box-caption .comment .profile {
    margin-left: 89px;
    background: #fff;
    border-radius: 40px;
    padding: 21px;
    box-shadow: 0px 1px 3px 0 hsla(0, 0%, 0%, 0.1);
    position: relative;
}
.blog .box .box-caption .comment .profile:after {
    border-bottom: 10px transparent dashed;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-left: 10px solid transparent;
    position: absolute;
    text-align: center;
    display: block;
    content: "";
    left: -18px;
    top: 16%;
}
.blog .box .box-caption .comment .profile h4 {
    font-size: 18px;
    font-weight: 600;
    color: #313e44;
    margin: 0 0 10px;
}
.blog .box .box-caption .comment .profile h4 span a {
    color: #313e44;
    font-size: 16px;
    text-decoration: underline;
}
.blog .box .box-caption .comment .profile h4 span a:hover {
    color: #ffd800;
}
.blog .box .box-caption .comment .profile h6 {
    font-size: 13px;
    font-weight: 400;
    color: #676767;
    margin: 0 0 15px;
}
.blog .box .box-caption .comment .profile p {
    color: #686868;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}
.blog .box .box-caption .leave h1 {
    color: #303e49;
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0 50px;
}
.blog .box .box-caption .leave .form-group {
    margin: 0 -15px 20px;
}
.blog .box .box-caption .leave input,
.blog .box .box-caption .leave textarea {
    height: 39px;
    border-radius: 19.5px;
    font-size: 13px;
}
.blog .box .box-caption .leave textarea {
    height: 120px;
    border-radius: 19.5px;
}
.blog .box .box-caption .leave button {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 40px;
    padding: 16px 41px;
    line-height: 16px;
    background: #313e47;
    border: none;
    margin: 0 0 49px;
}
/*-------------------------- 
[ pagination / .pagination ]
---------------------------- */
.pagination {
    margin: 20px 0 0 0;
}
.pagination > li > a {
    margin-right: 10px;
    padding: 10px 12px;
    color: #323f48;
    background-color: #fff;
    border: 1px solid #424c55;
    border-radius: 100%;
    font-size: 16px;
    font-weight: 600;
}
.pagination > li.active > a,
.pagination > li > a:hover,
.pagination > .active > a:hover {
    background: #fed700;
    color: #323f48;
    border: 1px solid #fed700;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
    border-radius: 40px;
    background: #313e47;
    border: 1px solid #313e47;
    color: #fff;
    padding: 10px 23px;
}
.pagination > li:first-child > a {
    border-radius: 40px;
    background: #313e47;
    color: #fff;
}
/*-------------------------- 
[ login / .login ]
---------------------------- */
.login {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}
.login .col-sm-6 {
    padding: 50px 76px;
}
.login .bor {
    border-right: 1px solid #e5e5e5;
}
.login img {
    margin-bottom: 49px;
}
.login .donot {
    font-size: 16px;
    color: #686868;
}
.login .donot a {
    color: #5642bd;
}
.login p {
    font-size: 16px;
    line-height: 24px;
    color: #686868;
    margin: 0;
}
.login .or {
    text-align: center;
    margin: 50px 0;
}
.login .or span {
    background: #f5f5f5;
    padding: 0 8px;
    color: #696969;
    font-size: 14px;
}
.login .or hr {
    margin: -8px 0 0px;
}
.login h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 30px;
    color: #303e47;
}
.login ul {
    margin: 0;
    text-align: center;
}
.login ul li {
    margin: 0 0 30px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    border-radius: 40px;
}
.login ul li a {
    color: #fff;
}
.login ul li i {
    margin-right: 15px;
}
.login ul li:first-child {
    background: #3b5999;
}
.login ul li:nth-child(2) {
    background: #1da1f3;
}
.login ul li:last-child {
    background: #de4b39;
}
.login h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 30px;
    color: #303e47;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
.login .form-group {
    margin-bottom: 20px;
}
.login .form-group .la {
    position: absolute;
    left: auto;
    padding: 11px 10px 11px 21px;
    color: #b2b2b2;
    font-size: 14px;
}
.login .form-control {
    height: 39px;
    border-radius: 40px;
    padding-left: 40px;
    color: #b2b2b2;
    font-size: 13px;
}
.login .links a,
.login .links {
    color: #686868;
    font-size: 14px;
    font-weight: 600;
}
.login .links i {
    margin: 0 5px 0 0;
}
.login .btn-primary {
    background: #313e47;
    color: #fff;
    width: 100%;
    height: 44px;
    border-radius: 40px;
    margin: 32px 0 25px;
    border: none;
    font-size: 16px;
    font-weight: 600;
}
/*-------------------------- 
[ about / .about ]
---------------------------- */
.aboutus .commontop {
    margin: 50px 0 60px;
}
.aboutus .box {
    margin-bottom: 20px;
}
.about h1,
.team h1 {
    font-size: 24px;
    font-weight: 600;
    color: #313e46;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    padding: 0 0 35px;
    margin: 0;
}
.about hr,
.team hr {
    width: 200px;
    border-top: 4px solid #fed700;
    margin: -2px auto 50px;
}
.about h2 {
    font-size: 24px;
    font-weight: 600;
    color: #313e46;
    margin: 0 0 20px;
}
.about p {
    font-size: 14px;
    font-weight: 400;
    color: #828282;
    margin: 0 0 30px;
    line-height: 24px;
}
.team {
    margin: 80px 0 0;
}
.team .box img {
    border-radius: 8px 8px 0 0;
}
.team .box .caption {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    text-align: center;
    padding: 20px 0;
}
.team .box .caption h4 {
    font-size: 18px;
    font-weight: 600;
    color: #323f47;
    margin: 0 0 10px;
    line-height: 14px;
}
.team .box .caption p {
    font-size: 14px;
    font-weight: 600;
    color: #686868;
    margin: 0;
    line-height: 14px;
}
.abouticon {
    background: #f5f5f5;
    padding: 50px 0;
}
.abouticon .box {
    text-align: center;
}
.abouticon .box img {
    margin: 0 auto;
}
.abouticon .box h4 {
    font-size: 34px;
    font-weight: 600;
    color: #5743c0;
    margin: 30px 0 18px;
    line-height: 20px;
}
.abouticon .box p {
    font-size: 24px;
    font-weight: 600;
    color: #3f4850;
    margin: 0;
}
.banner0 {
    margin: 80px 0;
}
/*-------------------------- 
[ priceplan / ..priceplan ]
---------------------------- */
.priceplan h5 {
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 30px;
    margin: 0;
    text-align: center;
}
.priceplan hr {
    border-top: 4px solid #fed700;
    width: 200px;
    margin: -2px auto 100px;
}
.priceplan ul {
    margin: 0;
}
.priceplan ul li {
    border: 1px solid #e5e5e5;
    padding: 0;
    width: 265px;
    margin: 0 10px 20px 0;
}
.priceplan ul li:hover {
    border: 1px solid #f5cf00;
}
.priceplan ul li:last-child {
    margin-right: 0;
}
.priceplan ul li .heading {
    padding: 24px 29px;
    font-size: 24px;
    font-weight: 600;
}
.priceplan ul li .heading p {
    color: #b2b2b2;
    margin: 0;
}
.priceplan ul li .heading span {
    color: #313e47;
}
.priceplan ul li .matter {
    background: #f5f5f5;
    position: relative;
    padding: 3px 17px;
    margin-bottom: 20px;
}
.priceplan ul li .special {
    position: absolute;
    background: #313e47;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding: 15px;
    top: -10px;
    width: 70px;
    height: 70px;
}
.priceplan ul li:hover .special {
    background: #fdd800;
    color: #313e47;
    box-shadow: 0px 2px 4px 0 hsla(0, 0%, 0%, 0.2);
}
.priceplan ul li .matter p {
    margin: 0 0 0 82px;
    font-size: 20px;
    font-weight: 600;
    color: #303e47;
    line-height: 22px;
}
.priceplan ul li .matter span {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    margin: 0 0 0 82px;
}
.priceplan ul li .text {
    margin: 0 19px;
    font-size: 14px;
    font-weight: 600;
    color: #686868;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0 10px;
}
.priceplan ul li .text i {
    margin-right: 11px;
    color: #fed703;
    font-weight: 700;
}
.priceplan ul li .bor {
    border: 0;
}
.priceplan ul li button {
    font-size: 16px;
    font-weight: 600;
    border: 0;
    background: #313e47;
    border-radius: 40px;
    color: #fff;
    margin: 34px 0 29px;
    padding: 15px 27px;
    line-height: 16px;
}
.priceplan ul li:hover button {
    background: #f5cf00;
    color: #314047;
}
/*-------------------------- 
[ ad-single / .ad-single ]
---------------------------- */
#ad-single {
    margin: 0 0 45px !important;
}
#ad-single h2 {
    font-size: 24px;
    font-weight: 600;
    color: #313e47;
    margin: 0 0 10px;
}
#ad-single span {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
}
#ad-single .icons {
    margin: 0 0 29px;
}
#ad-single .icons li {
    font-size: 14px;
    font-weight: 600;
    color: #686868;
    padding: 0 30px 0 0;
}
#ad-single .icons li i {
    margin-right: 6px;
}
#ad-single img {
    border-radius: 4px;
}
#ad-single .thumb {
    margin: 20px 0 50px;
}
#ad-single .thumb li {
    padding: 0 20px 0 0;
}
#ad-single p {
    font-size: 14px;
    font-weight: 600;
    color: #686868;
    margin: 0 0 50px;
    line-height: 24px;
}
#ad-single .owl-buttons div {
    opacity: 1;
}
#ad-single .owl-controls .owl-buttons div {
    position: absolute;
    top: auto;
    bottom: -45px;
    font-size: 16px;
    font-weight: 600;
    color: #303e49;
    border: 1px solid #303e49;
    border-radius: 40px;
    padding: 10px 32px;
    background: transparent;
}
#ad-single .owl-controls .owl-buttons div:hover {
    border: 1px solid #fed700;
    background: #fed700;
}
#ad-single .owl-buttons .owl-prev {
    left: 0;
}
#ad-single .owl-buttons .owl-next {
    right: 0;
}
.rightside {
    margin-top: 55px;
}
.details-single {
    width: 100%;
}

.details-single .title-detail {
    padding-bottom: 15px;
    margin-bottom: 0px;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-top: 35px;
}
.details-single ul {
    margin: 10px 0px;
    padding: 0;
}
.details-single ul li {
    float: left;
    width: 50%;
    display: block;
    padding: 5px 0px;
}
.details-single ul li > .listing-details {
    background: #f4f4f4;
    padding: 10px 15px;
    margin-right: 15px;
}
.details-single ul li > .listing-details span.label {
    color: #151515;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    box-shadow: none;
    text-transform: none;
}
.details-single span.desc {
    font-size: 18px;
}
.title-singleads {
    margin: 0px;
    padding: 0px;
}
.title-singleads {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    text-transform: capitalize;
    color: #333;
    font-size: 30px;
}
.map iframe {
    width: 100%;
    height: 350px;
}
.commontop {
    margin: 22px 0 80px 0;
}

.details-single p {
    font-size: 16px;
    line-height: 29px;
    padding-top: 10px;
}
.rightside .price,
.rightside .profile,
.rightside .phone,
.rightside .safety {
    background: #f5f5f5;
    margin: 0 0 20px;
    border-radius: 4px;
}
.rightside .price {
    font-size: 30px;
    font-weight: 400;
    color: #313e47;
    text-align: center;
    padding: 10px 0;
}
.rightside .profile {
    padding: 20px 0;
    position: relative;
}
.rightside .profile img {
    margin: 0 auto;
}
.rightside .profile h4 {
    font-size: 18px;
    font-weight: 600;
    color: #303e47;
    margin: 10px 0 5px;
}
.rightside .profile p {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    margin: 0 0 5px;
}
.rightside .profile span {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
}
.rightside .profile .circle {
    position: absolute;
    background: #d73437;
    border: 1px solid #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: 10%;
    right: 38%;
}
.rightside ul {
    margin: 0 0 20px;
}
.rightside ul li {
    padding: 19px 45px;
    background: #f5f5f5;
}
.rightside ul li:hover {
    background: #fed700;
}
.rightside ul li a {
    border: 1px solid #3d3e02;
    border-radius: 50%;
    padding: 10px;
    color: #334048;
}
.rightside ul li a i {
    font-size: 18px;
}
.rightside ul li:first-child {
    border-radius: 4px 0 0 4px;
}
.rightside ul li + li {
    margin-left: -3px;
    border-radius: 0 4px 4px 0;
}
.rightside .phone {
    padding: 10px 15px;
    font-size: 24px;
    color: #314047;
}
.rightside .phone i {
    margin-right: 10px;
    background: #fed700;
    border-radius: 50%;
    padding: 10px;
}
.rightside .safety {
    padding: 15px 15px 20px;
}
.rightside .safety h3 {
    font-size: 18px;
    font-weight: 600;
    color: #303e49;
    text-align: center;
    margin: 0 0 20px;
}
.rightside .safety p {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    margin: 0 0 6px;
}
.rightside .safety a {
    font-size: 15px;
    font-weight: 600;
    color: #5744c2;
}
.banner10 {
    margin: 0 0 80px;
}
/*-------------------------- 
[ add / .add ]
---------------------------- */
.add {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.addtop {
    border-bottom: 1px solid #e5e5e5;
    padding: 14px;
}
.addtop h3 {
    background: #f5f5f5;
    color: #303e47;
    padding: 18px 21px;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    line-height: 16px;
}
.add .addform {
    margin: 50px 294px 80px;
}
.add .addform .form-group {
    margin: 0 -15px 30px;
}
.add .addform label {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 16px;
    color: #303e47;
}
.add .addform span {
    font-size: 13px;
    font-weight: 400;
    color: #686868;
    line-height: 22px;
}
.add .addform .form-control {
    height: 39px;
    border: 1px solid #e5e5e5;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
}
.add .addform .bootstrap-select {
    border: 0;
}
.add .addform .bootstrap-select .btn-default {
    border-color: #e5e5e5 !important;
}
.add .addform textarea {
    height: 143px !important;
}
.add .addform .nav-tabs {
    border: none;
    margin: 0;
}
.add .addform .nav-tabs > li {
    float: none;
    display: inline-block;
    padding: 0 5px 5px 0;
}
.add .addform .nav-tabs > li:last-child,
.add .addform .nav-tabs > li:nth-child(6) {
    padding: 0 0 5px 0;
}
.title-singleads {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    text-transform: capitalize;
    color: #333;
    font-size: 30px;
}
.tabheading .btn:active,
.btn.active {
    background: #fed700 !important;
    color: #fff;
}

.tabheading .nav-tabs > li > a.active,
.nav-tabs > li > a.active:hover,
.nav-tabs > li > a.active:focus {
    color: #fff;
    cursor: default;
    background-color: #fed700;
    border: 0 !important;
    border-bottom: 0 !important;
    border-bottom-color: transparent;
}
.tabheading .nav-tabs > li > a {
    border: 0;
}
.tabheading .nav-tabs > li a:hover {
    border-bottom: 0px !important;
    border: 0 !important;
    background-color: #fed700 !important;
    color: #000;
}
.tabheading .nav-tabs > li a.active:after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fed700;
    content: " ";
    position: absolute;
    bottom: -15px;
    left: 35%;
}
.bigimages {
}
.tabheading .nav-tabs {
    border-bottom: 0px solid #ddd;
}
.tabheading {
    display: flex;
    margin-bottom: 20px;
}
.tabheading .nav-tabs li {
    position: relative;
    background-color: #f5f5f5;
    margin-right: 5px;
}
.tabheading .nav-tabs li a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 35px;
    color: #000;
    display: block;
}
.time-location {
    display: inline-block;
    margin: 12px 15px 0;
}
.advertise-id {
    display: inline-block;
    margin: 12px 0 0 15px;
}
.add .addform .nav-tabs > li > a {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    margin: 0 !important;
    padding: 26px 22px;
    width: 85px;
    height: 90px;
    display: block;
}
.add .addform .nav-tabs > li > a img {
    margin: 0 auto;
    width: 36px;
    height: 36px;
}
.add .addform .nav-tabs > li.active > a,
.add .addform .nav-tabs > li.active > a:hover,
.add .addform .nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover,
.add .addform .nav-tabs > li:hover > a {
    border-color: #fed700;
    border-bottom: 6px solid #fed700;
    background-color: transparent !important;
}
.add .addform .btn-primary {
    border: 0;
    border-radius: 40px;
    background: #313e47;
    color: #fff;
    margin: 20px 0 0;
    width: 130px;
    height: 44px;
    font-size: 16px;
    font-weight: 600;
}
.prettycheckbox > a {
    border-radius: 50% !important;
    height: 20px !important;
    width: 20px !important;
    padding: 3px !important;
}
.prettycheckbox > a.checked {
    background: #fbd700 !important;
}
.add .addform .checked {
    display: flex;
}
.add .addform .check {
    margin-right: 29px;
    color: #686868 !important;
    font-size: 14px;
    font-weight: 600;
}
.add .addform .square {
    position: relative;
}
.add .addform .square span {
    position: absolute;
    background: #f5f5f5;
    top: 28px;
    right: 16px;
    color: #b7b7b7;
    font-size: 16px;
    padding: 8px 10px 7px;
    border-left: 1px solid #e5e5e5;
}
.add .photo ul {
    margin: 0;
}
.add .photo ul li {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 120px;
    height: 120px;
    text-align: center;
    padding: 40px;
}
.add .photo ul li i {
    background: #ffd701;
    color: #313e47;
    border-radius: 50%;
    padding: 9px;
    font-size: 18px;
}
.add .photo ul li + li {
    margin-left: 10px;
}
/*-------------------------- 
[ dashboard / .dashboard ]
---------------------------- */
.dashboard {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.dashboard .profile {
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    height: 220px;
    display: flex;
}
.dashboard .profile img {
    margin: 25px auto;
}
.dashboard .profile h4 {
    margin: 0;
    font-size: 30px;
    color: #333d46;
    padding: 45px 0 6px 0;
    font-weight: 600;
}
.dashboard .profile .common {
    margin-bottom: 31px;
    height: 25px;
}
.dashboard .profile .des {
    margin: 0;
    font-size: 16px;
    color: #686868;
    font-weight: 400;
    float: left;
}
.dashboard .profile .des i {
    font-size: 20px;
}
.dashboard .profile .des1 {
    margin: 0 30px 0 0;
    font-size: 18px;
    color: #686868;
    font-weight: 400;
    float: right;
}
.dashboard .profile ul {
    margin: 0;
    background: #fff;
}
.dashboard .profile ul li {
    padding: 15px;
    background: #fff;
    text-align: center;
    width: 139px;
}
.dashboard .profile ul li:hover,
.dashboard .profile ul li.active {
    background: #fed700;
}
.dashboard .profile ul li img {
    margin: 0 auto;
    height: 20px;
}
.dashboard .profile ul li p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
.dashboard .profile ul li a p {
    color: #333d46;
}
.dashboard .inner {
    padding: 50px 20px 40px;
    border-bottom: 1px solid #e5e5e5;
}
.dashboard .inner p {
    margin: 0 0 10px;
    font-size: 14px;
    color: #686868;
    font-weight: 400;
}
.dashboard .inner p a {
    font-size: 14px;
    color: #5742c1;
    font-weight: 600;
    text-decoration: underline;
}
.dashboard .icons {
    margin: 50px 24px;
}
.dashboard .icons li {
    padding: 29px 29px 19px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
    width: 195px;
}
.dashboard .icons li .img {
    border-radius: 50%;
    padding: 25px;
    margin: 0 auto 24px;
    width: 90px;
    height: 90px;
}
.dashboard .icons li:first-child .img {
    background: #53b9c5;
}
.dashboard .icons li:nth-child(2) .img {
    background: #f4721e;
}
.dashboard .icons li:nth-child(3) .img {
    background: #f05458;
}
.dashboard .icons li:nth-child(4) .img {
    background: #757790;
}
.dashboard .icons li:last-child .img {
    background: #b99479;
}
.dashboard .icons li p {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
.dashboard .icons li p a {
    color: #303e47;
}
.dashboard .icons li + li {
    margin-left: 20px;
}
.panel-default {
    border: 1px solid #ddd;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.dashboard .inner-ads,
.dashboard .inner-search,
.dashboard .inner-fav {
    margin: 50px 20px;
}
.dashboard .inner-ads .links,
.dashboard .inner-search .links {
    margin-bottom: 32px;
    height: 38px;
}
.dashboard .inner-ads .links ul,
.dashboard .inner-search .links ul {
    margin: 0;
}
.dashboard .inner-ads .links ul li,
.dashboard .inner-search .links ul li {
    background: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 11px 20px;
    line-height: 12px;
}
.dashboard .inner-ads .links ul li + li {
    margin-left: 10px;
}
.dashboard .inner-ads .links ul li:hover,
.dashboard .inner-search .links ul li:hover {
    background: #fed700;
}
.dashboard .inner-ads .links ul li a,
.dashboard .inner-search .links ul li a {
    color: #313d49;
    font-size: 14px;
}
.dashboard .inner-ads .product-thumb .button-group button:last-child {
    border: 0;
}
.dashboard .inner-ads .product-thumb .button-group button:last-child:hover {
    background: transparent;
}
.dashboard .inner-search .box {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 19px;
    height: 130px;
    margin-bottom: 20px;
}
.dashboard .inner-search .box .image {
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    float: left;
    width: 90px;
    height: 90px;
    padding: 24px 0;
    margin-right: 30px;
}
.dashboard .inner-search .box .image img {
    margin: 0 auto;
    display: block;
}
.dashboard .inner-search .box h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333d46;
}
.dashboard .inner-search .box h4 i {
    font-size: 14px;
    font-weight: 500;
}
.dashboard .inner-search .box ul {
    margin: 0 0 5px;
}
.dashboard .inner-search .box ul li {
    padding: 0 20px 0 0;
    font-size: 14px;
    color: #686868;
}
.dashboard .inner-search .box ul li i {
    font-weight: 500;
}
.dashboard .inner-search .box p {
    margin: 0;
    font-size: 14px;
    color: #686868;
}
.dashboard .inner-search .box .pull-right {
    display: inline-grid;
}
.dashboard .inner-search .box button {
    background: #323f48;
    border: 0;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 12px 16px;
    line-height: 16px;
}
.dashboard .inner-search .box button + button {
    margin-top: 10px;
}
.dashboard .inner-search .box button:hover {
    background: #fed700;
    color: #323f48;
}
.dashboard .inner-search .icon {
    padding: 30px 0 0;
}
.dashboard .inner-search .icon i,
.dashboard .inner-fav .icon i {
    font-size: 60px;
    font-weight: 500;
    color: #313e46;
}
.dashboard .inner-fav .icon {
    margin: 50px 0;
}
.dashboard .inner-setting {
    margin: 50px 20px 30px;
}
.dashboard .inner-setting .panel-group {
    margin: 0;
}
.dashboard .inner-setting .panel {
    box-shadow: none !important;
}
.dashboard .inner-setting .panel-default > .panel-heading {
    padding: 29px 19px;
}
.dashboard .inner-setting .panel-title {
    margin: 0;
    font-size: 24px;
    color: #313e47;
    font-weight: 600;
    line-height: 16px;
}
.dashboard .inner-setting .panel-title .fa {
    float: right;
    font-size: 20px;
    font-weight: 500;
}
.dashboard .inner-setting .panel-group .panel + .panel {
    margin-top: 20px;
}
.dashboard .inner-setting .panel-body {
    background: #f5f5f5;
    padding: 20px;
}
.dashboard .inner-setting .panel-body .form-group {
    margin: 0 -15px 20px;
}
.dashboard .inner-setting .panel-body .form-control,
.dashboard .inner-setting .panel-body .bootstrap-select .btn-default {
    font-size: 13px;
    height: 39px;
    border-radius: 40px;
    color: #b2b2b2;
    padding: 10px 20px;
}
.dashboard .inner-setting .panel-body .bootstrap-select {
    padding: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
}
.dashboard .inner-setting .panel-body .bootstrap-select .btn-default {
    padding-right: 30px;
    background: #fff;
    border: 1px solid #ccc;
}
.dashboard .inner-setting .panel-body .btn-primary {
    border: 0;
    background: #313e46;
    border-radius: 40px;
    color: #fff;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 10px;
}
.dashboard .inner-setting .panel-body .btn-primary:hover {
    background: #fed700;
    color: #313e46;
}
.dashboard .inner-setting .panel-body .prettycheckbox > a {
    border-radius: 50% !important;
    height: 14px !important;
    width: 14px !important;
    padding: 3px !important;
    background: transparent !important;
    top: 3px !important;
    border: 1px solid #313e47 !important;
}
.dashboard .inner-setting .panel-body .prettycheckbox > a.checked {
    background: #fbd700 !important;
}
.dashboard .inner-setting .panel-body .check {
    margin: 0 14px 20px 0;
    color: #313e47 !important;
    font-size: 18px;
    font-weight: 600;
}
.dashboard .inner-setting .panel-body .check p {
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    margin: 0 0 0 25px;
}
.dashboard .inner-message {
    margin: 30px 19px 19px;
}
.dashboard .inner-message .left,
.dashboard .inner-message .msg-box {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 23px 14px 18px;
}
.dashboard .inner-message .left h2,
.dashboard .inner-message .msg-box h2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 20px;
    margin: 0 0 25px;
    font-size: 18px;
    font-weight: 600;
    color: #313e47;
}
.dashboard .inner-message .msg-box h2 {
    color: #16325a;
}
.dashboard .inner-message .left .nav {
    margin: 0;
}
.dashboard .inner-message .left .nav li {
    padding: 0 0 30px;
}
.dashboard .inner-message .left .nav li .image {
    float: left;
    margin-right: 12px;
    position: relative;
}
.dashboard .inner-message .left .nav li .onhover {
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    background: #333d46;
    color: #fff;
    padding: 4px 8px;
    border-radius: 50%;
    top: -5px;
    right: -4px;
}
.dashboard .inner-message .left .nav li h5 {
    font-size: 18px;
    font-weight: 600;
    color: #33495e;
    margin: 0 0 5px;
}
.dashboard .inner-message .left .nav li h5 i {
    font-size: 10px;
    font-weight: 400;
}
.dashboard .inner-message .left .nav li h5 .color {
    color: #e84546;
}
.dashboard .inner-message .left .nav li h5 span {
    float: right;
}
.dashboard .inner-message .left .nav li p {
    font-size: 12px;
    font-weight: 400;
    color: #686868;
    margin: 0;
}
.dashboard .inner-message .left .nav li p span {
    float: right;
    color: #b3b3b3;
}
.dashboard .inner-message .msg-box h2 i {
    font-size: 10px;
    font-weight: 400;
    margin-left: 12px;
    color: #e84546;
}
.dashboard .inner-message .msg-box .comments {
    min-height: 580px;
}
.dashboard .inner-message .msg-box .comment {
    margin-bottom: 15px;
    position: relative;
    float: left;
}
.dashboard .inner-message .msg-box .comment img {
    float: left;
    margin-right: 20px;
}
.dashboard .inner-message .msg-box .comment .comment-title {
    background: #fff;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    margin-left: 60px;
    padding: 10px 15px;
    box-shadow: 0px 1px 3px 0 hsla(0, 0%, 0%, 0.1);
}
.dashboard .inner-message .msg-box .comment .comment-title:after {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-left: 5px transparent dashed;
    position: absolute;
    top: 11px;
    left: 49px;
    text-align: center;
    display: block;
    content: "";
}
.dashboard .inner-message .msg-box .comment1 {
    margin-bottom: 15px;
    position: relative;
    float: right;
}
.dashboard .inner-message .msg-box .comment1 img {
    margin-left: 20px;
    float: right;
}
.dashboard .inner-message .msg-box .comment1 .comment-title {
    background: #313e47;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-right: 60px;
    padding: 10px 15px;
    box-shadow: 0px 1px 3px 0 hsla(0, 0%, 0%, 0.1);
}
.dashboard .inner-message .msg-box .comment1 .comment-title:after {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 5px transparent dashed;
    border-left: 10px solid #313e47;
    position: absolute;
    top: 11px;
    right: 49px;
    text-align: center;
    display: block;
    content: "";
}
.dashboard .inner-message .msg-box .input-group input {
    border: 0;
    height: 60px;
}
.dashboard .inner-message .msg-box .input-group .btn-img,
.dashboard .inner-message .msg-box .input-group #sendMessage {
    position: absolute;
    font-size: 24px;
    font-weight: 500;
    border: 0;
    z-index: 2;
    padding: 13px;
    background: transparent;
}
.dashboard .inner-message .msg-box .input-group .btn-img {
    right: 48px;
    color: #b2b2b2;
    padding: 20px 21px;
}
.dashboard .inner-message .msg-box .input-group #sendMessage {
    right: 0;
}
.dashboard .inner-message .msg-box .input-group #sendMessage i {
    background: #313e47;
    color: #fff;
    border-radius: 50%;
    padding: 5px 6px;
}
.color-setting .mainbox {
    color: #fff;
    padding: 30px 10px;
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    font-size: 12px;
    width: 170px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -170px;
    height: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.color-setting .mainbox.open {
    left: 170px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.color-setting .mainbox li {
    padding-right: 5px;
}
.primary-switch {
    width: 75px;
    height: 25px;
    border-radius: 18px;
    background: #f9f9ff;
    position: relative;
    cursor: pointer;
}
.primary-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.primary-switch input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.primary-switch input + label:before {
    content: attr(data-off);
    position: absolute;
    left: 0px;
    top: 2px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 18px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 10px;
    padding-left: 25px;
}
.primary-switch input + label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.primary-switch input:checked + label:after {
    left: 53px;
}
.primary-switch input:checked + label:before {
    background: #222222;
    left: 0;
    content: attr(data-on);
    top: 0px;
    padding-left: 10px;
    overflow: hidden;
    padding-top: 3px;
}
.mainswitcher {
    position: fixed;
    top: 45px;
    z-index: 99999;
    right: 0;
    display: block;
    vertical-align: top;
    width: 82px;
    height: 32px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: #eeeeee;
    border: 1px solid #333;
    border-radius: 18px;
    cursor: pointer;
}
body.bg,
body.bg .dropdown-menu,
body.bg .abouticon,
body.bg .team .box .caption {
    background: #333;
    color: #fff !important;
}
body.bg #language .text,
body.bg #language .la-caret-down,
body.bg .top .icon li a,
body.bg .topnav ul li a,
body.bg header .category .dropdown-menu li a,
body.bg .browse h2,
body.bg .browse ul li p,
body.bg footer p,
body.bg footer h5,
body.bg footer .links li a,
body.bg footer .powered p span,
body.bg footer .social li a,
body.bg .about h1,
body.bg .team h1,
body.bg .about h2,
body.bg .about p,
body.bg .abouticon .box p,
body.bg .priceplan ul li .heading span,
body.bg .priceplan ul li .text,
body.bg .dashboard .inner p,
body.bg .dashboard .icons li p a,
body.bg .product-thumb .caption h4 a,
body.bg .product-thumb .caption .des,
body.bg .product-thumb .caption ul li,
body.bg .dashboard .inner-search .box h4,
body.bg .dashboard .inner-search .box ul li,
body.bg .dashboard .inner-search .box p,
body.bg .bread-crumb .matter li a,
body.bg .bread-crumb .matter h2,
body.bg .details-single .title-detail,
body.bg .add .addform label,
body.bg .add .addform span,
body.bg .maincategory1 .left .category h1,
body.bg .maincategory .left .category h1,
body.bg .maincategory1 .left .category ul li a,
body.bg .maincategory .left .category ul li a,
body.bg .bread-crumb .matter li:after,
body.bg .team .box .caption h4,
body.bg .team .box .caption p,
body.bg .left .category h1,
body.bg .left .subcribe h1,
body.bg .left .tag h1,
body.bg .left .category ul li a,
body.bg .blog .box .box-caption p,
body.bg .blog .box .box-caption .icons li a,
body.bg .blog .box .box-caption h2,
body.bg .blog .box .box-caption .comment h3,
body.bg .blog .box .box-caption .comment .profile h6,
body.bg .blog .box .box-caption .comment .profile h4,
body.bg .blog .box .box-caption .leave h1,
body.bg .contactus form h5,
body.bg .contactus .address p,
body.bg .contactus .address h3,
body.bg .contactus .address ul li span,
body.bg .contactus .address p a,
body.bg .contactus textarea.form-control,
body.bg .contactus .form-control,
body.bg .terms h5,
body.bg .terms .box h4,
body.bg .terms .box p,
body.bg .faq h5,
body.bg .faq .panel-body p,
body.bg .faq .panel-title,
body.bg .dashboard .profile h4,
body.bg .dashboard .profile .des1,
body.bg .dashboard .profile .des,
body.bg .dashboard .inner-message .left h2,
body.bg .dashboard .inner-message .msg-box h2,
body.bg .dashboard .inner-message .left .nav li h5,
body.bg .dashboard .inner-message .left .nav li p,
body.bg .dashboard .inner-setting .panel-title {
    color: #fff !important;
}
body.bg .panel-default > .panel-heading {
    background-color: transparent;
}
body.bg .left .category,
body.bg .left .subcribe,
.left .tag,
body.bg .blog .box .box-caption,
body.bg .blog .box .box-caption .special,
body.bg .blog .box .box-caption .comment .profile,
body.bg .contactus form,
body.bg .contactus .address,
body.bg .contactus textarea.form-control,
body.bg .contactus .form-control,
body.bg .terms,
body.bg .terms .box,
body.bg .faq,
body.bg .faq .panel-default > .panel-heading,
body.bg .faq .panel-body,
body.bg .dashboard .profile,
body.bg .dashboard .inner-message .left,
body.bg .dashboard .inner-message .msg-box,
body.bg .dashboard .inner-setting .panel-body {
    background: transparent;
}
body.bg .listing-details .desc {
    color: #000;
}
body.bg footer .social li,
body.bg .dashboard .inner-search .box .image,
body.bg .dashboard .inner-search .box {
    border-color: #fff;
}
body.bg .commontop,
body.bg .contactus {
    background: #333;
    padding-top: 15px;
}
body.bg header .btn-primary {
    background: #fff;
    color: #000;
}
body.bg .logochange {
    background-image: url(../images/style_black.png);
    position: relative;
    overflow: hidden;
    object-position: -99999px 99999px;
    background-size: 100%;
    background-repeat: no-repeat;
}
body.bg .topimage img {
    object-position: -99999px 99999px;
    background-color: #333;
}
body.bg .sliderchange {
    background-image: url(../images/classifeied.png);
    position: relative;
    overflow: hidden;
    object-position: -99999px 99999px;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*************************************/
.tag ul > li.active{
	background: #fed536!important;	
	border: 1px solid #fed536!important;
}
.tag ul > li.active a{
	color:#fff!important;
}
.service-list .product-list .product-thumb{
	border: 1px solid #e5e5e5;
	border-radius: 6px;
}
.service-list .product-thumb .image {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.category-top .category-selected > strong{
	display:none;
}
.category-top .category-selected > a{
	display: inline-flex;
    align-items: center;
    padding: 10px 12px;
    background: #fed536;
    border: 1px solid #fed536;
    font-size: 14px;
    border-radius: 20px;
    margin: 0 2px 10px 0;
    line-height: 14px;
}
.category-top .category-selected > a >sup{
	display: contents;
	top: 50%;
    transform: translateY(-50%);
	font-size: 20px;
    color: #000;
	line-height: inherit;
}
.category-top .category-selected > a > em{    
    margin-right: 5px;
}
.filters .filter-slider label{
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	text-transform: lowercase;
	padding: 0px 0px 0px 5px;
}
.filters .filter-slider label input{
	border: 0;
	padding: 3px 5px;	
}

.edit-block{
	padding: 20px;
    position: relative;
    margin-bottom: 12px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
}
.edit-block-title{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.account-tabs{
	margin-bottom: 20px;
}
.account-tabs > li a {
	position: relative;
    display: block;
    color: #616161;
    border: 0;    
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .05em;	
    padding: 10px 15px;
}
.account-tabs > li.active > a,
.account-tabs > li > a:hover{
    border: 0;
    border-bottom: 4px solid #fed536;
    outline: 0;
    background: 0 0;
}
.custom-checkbox{
	display: flex;
    align-items: center;
}
.custom-checkbox label{
	margin-left: 10px;
}
.custom-checkbox input{
	width: 20px;
    height: 20px;
}
.column-2{
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}
.button-row{
	display: flex;
    justify-content: space-between;    
    border-top: 1px solid #e5e5e5;
    padding: 20px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
}
.account-page #account-map{
    width: 100%;
    height: 500px;
}
/************************/
.city-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.city-container .tabs {
  display: flex;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(253, 248, 219, 1), 0 6px 12px 0 rgba(253, 248, 219, 1);
  padding: 0.75rem;
  border-radius: 99px;
}
.city-container .tabs * {
  z-index: 2;
}
.city-container input[type="radio"] {
  display: none;
}
.city-container .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  width: 200px;
  font-size: 1.25rem;
  font-weight: 500;
  border-radius: 99px;
  margin: 0;
  cursor: pointer;
  transition: color 0.15s ease-in;
}
.city-container .notification {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-left: 0.75rem;
  border-radius: 50%;
  background-color: #fed700;
  transition: 0.15s ease-in;
}
.city-container input[type="radio"]:checked + label {
  color: #ffffff;
}
.city-container input[type="radio"]:checked + label > .notification {
  background-color: #ffffff;
  color: #fff;
}
.city-container input[id="city-1"]:checked ~ .glider {
  transform: translateX(0);
}
.city-container input[id="city-2"]:checked ~ .glider {
  transform: translateX(100%);
}
.city-container input[id="city-3"]:checked ~ .glider {
  transform: translateX(200%);
}
.city-container input[id="city-4"]:checked ~ .glider {
  transform: translateX(300%);
}
.city-container input[id="city-5"]:checked ~ .glider {
  transform: translateX(400%);
}
.city-container input[id="city-6"]:checked ~ .glider {
  transform: translateX(500%);
}
.city-container input[id="city-7"]:checked ~ .glider {
  transform: translateX(600%);
}
.city-container .glider {
  position: absolute;
  display: flex;
  height: 54px;
  width: 200px;
  background-color: #fed700;
  z-index: 1;
  border-radius: 99px;
  transition: 0.25s ease-out;
}
@media (max-width: 700px) {
  .city-container .tabs {
    transform: scale(0.6);
  }
}