html{
scroll-behavior: smooth;
}
/* body {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
} */
body {
font-family: 'Roboto', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
}
/**** Navbar *****/
.clnav a.navbar-brand{float: left;padding-top: 0;position: relative;top: 3px;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 30px 20px;color: #444;}
.navbar-expand-lg .navbar-nav .nav-link:hover {color: #444;}
.clnav .dropdown-menu.show {border-radius: 0;margin: -1px 0 0 0;border-top: 2px solid #70da44;padding:0;}
.navbar-expand-lg .navbar-nav .nav-link i{font-size: 20px;margin-right: 7px;}
.sticky-top {background: #fff;/* box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2); */border-bottom: 1px solid #d5d8db;}
section.clslider {position: relative;}
section.clslider div.overlay {/*background: rgba(0, 0, 0, .4);*/width: 100%;position: absolute;height: 100%;top: 0;z-index: 99;}
section.singlepg .overlay {background: rgba(0, 0, 0, .4);width: 100%;position: absolute;height: 100%;top: 0;z-index: 99;}
section.clslider .carousel-control-next, section.clslider .carousel-control-prev {z-index: 999;width: auto;}
.clsearch {position: absolute;z-index: 999;right: 0;top: 55px;left: 0;margin: auto;}
.clsearch input.form-control{background: rgba(255, 255, 255, .85);border: 0;}
.clsearch input.form-control:focus {box-shadow: none;}
.clsearch div.input-group{border: 5px solid rgba(0, 0, 0, .4);-webkit-background-clip: padding-box;background-clip: padding-box;border-radius: 4px;}
.clsearch span.input-group-btn button {background: rgba(255, 255, 255, 0.85);border-radius: 0;padding: 7px 15px;}
.clsearch .search-panel input.typeahead {height: 40px;width: 200px;text-align: left;}
.clsearch .search-panel input.typeahead i {font-size: 20px;color: #444;margin-right: 7px;}
.clsearch .form-group.search-panel{margin:0;}
.form-group.search-panel i {position: absolute;font-size: 23px;top: 7px;left: 9px;color: #ccc;}
.search-panel input.typeahead {/* background: rgba(204, 204, 204, .85); */border-radius: 0;text-indent: 15px;height: 38px;margin-left: -1px;}
.search-panel input.typeahead:focus {box-shadow: none;}
.clsearch ul.dropdown-menu.show {padding: 10px 10px;border-radius: 0;}
.dropdown-toggle::after{border: 0;}
i.droparrow {position: relative;top: 2px;margin-left: 5px;}
span.search_by i {font-size: 22px;margin-right: 8px;position: relative;top: 2px;color: #444;}
section.service-blocks {padding: 50px 0 30px 0;}
.service-blocks i {font-size: 37px;color:#fff;}
.service-blocks span {font-size: 30px;color: #fff;}
.serv-icons {background: red;height: 78px;width: 78px;border-radius: 50%;margin: 0 auto;}
.service-blocks h3 {font-size: 16px;font-weight: normal;margin-top: 15px;}
.servcont {margin-bottom: 15px;/* width: 20%; *//* flex: 0 0 20%; *//* max-width: 20%; */}
.servcont a {text-decoration: none;}
.servcont a h3 {color:#444;}
section.service-blocks div.servcont:nth-child(15n+1) div.serv-icons {background: #0984e3;}
section.service-blocks div.servcont:nth-child(15n+2) div.serv-icons {background: #00b894;}
section.service-blocks div.servcont:nth-child(15n+3) div.serv-icons {background: #6c5ce7;}
section.service-blocks div.servcont:nth-child(15n+4) div.serv-icons {background: #d63031;}
section.service-blocks div.servcont:nth-child(15n+5) div.serv-icons {background: #e84393;}
section.service-blocks div.servcont:nth-child(15n+6) div.serv-icons {background: #ff9f1a;}
section.service-blocks div.servcont:nth-child(15n+7) div.serv-icons {background: #227093;}
section.service-blocks div.servcont:nth-child(15n+8) div.serv-icons {background: #ffb142;}
section.service-blocks div.servcont:nth-child(15n+9) div.serv-icons {background: #03a2ef;}
section.service-blocks div.servcont:nth-child(15n+10) div.serv-icons {background: #8ebb22;}
section.service-blocks div.servcont:nth-child(15n+11) div.serv-icons {background: #ff5252;}
section.service-blocks div.servcont:nth-child(15n+12) div.serv-icons {background: #05c46b;}
section.service-blocks div.servcont:nth-child(15n+13) div.serv-icons {background: #0063b1;}
section.service-blocks div.servcont:nth-child(15n+14) div.serv-icons {background: #ff3300;}
section.service-blocks div.servcont:nth-child(15n+15) div.serv-icons {background: #825a2c;}
/***** Google Ads *****/
.ads-left {position: absolute;left: 15px;margin-top: 40px;}
.ads-right {position: absolute;right: 15px;margin-top: 40px;}
.fixme {position: fixed;top: 75px;}
/***** Deals Section******/
.dealttl {padding-left: 7px;}
.dealttl h3 {color: #444;padding: 20px 0 10px 0;font-size: 26px;font-weight: 600;}
.deal-block{border:1px solid #ccc;padding: 5px;position: relative;margin-bottom: 15px;}
.dealimg img {width: 100%;min-height: 270px;max-height: 270px;}
.dealsec {padding-left: 7px;padding-right: 7px;position: relative;}
.dealinfo {position: absolute;top: 14px;width: 97%;}
.cldiscblock {position: relative;width: 73px;left: 10px;}
h6.cldiscount {position: absolute;top: 18px;color:#fff;left: 2px;font-size: 22px;text-align: center;width: 100%;font-weight: 600;}
h6.cldiscount span{display:block;font-size: 16px;}
.cdlleft {width: 50%;float: left;}
.cdlrt {width: 50%;float: right;text-align: right;padding-right: 10px;}
.clmeta {position: absolute;width: 97%;margin-top: -30px;}
.clmeta i {margin-right: 5px;}
.clviews {float: left;color: #fff;margin-left: 10px;}
.cltime {float: right;color: #fff;margin-right: 10px;}
h2.deal-title {font-size: 18px;padding: 14px 0 0 2px;}
h5.deal-category {font-size: 14px;color: #ccc;font-weight: normal;padding-left: 3px;margin-bottom: 1px;}
.deal-rating{padding-left: 3px;}
p.deal-desc {padding: 10px 0 0 3px;}
.dealexp {height: 40px;margin-top: 25px;margin-bottom: 5px;}
div.dealexp h6 {font-weight: normal;font-size: 13px;padding-left: 3px;display: inline-block;margin: 0;line-height: 40px;}
a.deal-btn {float: right;background:#70da44;padding: 7px 20px;color: #fff;border-radius: 5px;font-size: 16px;font-weight: 600;margin-right: 4px;text-decoration:none;}
a.vmore {background:#70da44;padding: 10px 20px;color: #fff;border-radius: 5px;font-size: 16px;/* line-height: 40px; */font-weight: 400;margin-right: 4px;text-decoration:none;}
.deal-viewmore {text-align: center;height: 40px;margin-top: 20px;margin-bottom: 10px;}
/****** Form ******/
section.clcontactfrm {padding: 20px 0 40px 0;background: #eee;margin-top: 20px;
}
h3.frm-title {text-align: center;font-weight: normal;font-size: 30px;position: relative;}
h3.frm-title:after {content: "";width: 230px;position: absolute;height: 2px;background: #70da44;top: 60px;left: 0;right: 0;bottom: 0;margin: auto;}
.dealfrm form {margin-top: 30px;background: #fff;padding: 30px 30px 23px 30px;border-radius: 5px;border: 1px solid #ced4da;}
.dealfrm label {font-size: 11px;margin-top: 0;margin-bottom: 0;position: absolute;top: -9px;left: 12px;padding: 0 5px;z-index: 9;background: #ffffff;border-radius: 4px;}
span.required {color: red;margin-left: 3px;}
.frmbtn {text-align: center;margin-top: 10px;}
.dealfrm .form-group {margin-bottom: 17px;}
.dealfrm .form-control {border-radius: 5px;font-size: 15px;}
.dealfrm .form-control:focus {background-color: #fff;border-color: #70da44;outline: 0;box-shadow: none;}
.frmbtn button {border: none;background:#70da44;padding: 10px 30px;color: #fff;border-radius: 5px;font-size: 16px;/* line-height: 40px; */font-weight: 400;margin-right: 4px;text-decoration:none;width: 100%;}
.frmbtn button:hover,.frmbtn button:focus {background:#70da44;box-shadow: none;}
/**** Full Width Layout ****/
.container{max-width: 1500px;}
.servcont {margin-bottom: 21px;width: 25%;flex: 0 0 25%;max-width: 25%;float: left;}
section.service-blocks {padding: 50px 0 0 0;}
section.singlepg:after {content: '';position: absolute;background: rgba(0, 0, 0, .4);top: 0;height: 100%;width: 100%;left: 0;}
/***** Common *****/
.deal-data {position: absolute;bottom: 15px;left: 15px;}
.deal-data h2 {color: #fff;}
.deal-data h5.deal-category{color:#ffffff;text-decoration:none;}
.dealimg {position: relative;}
.deal-block .overlay {width: 100%;height: 70%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); bottom: 0; position: absolute;}
.cat-img{overflow:hidden;}
.clnav a.navbar-brand img{width:130px;}
/***** Listing Page ******/
section.clsorting {margin-top: 20px;}
ul.clsortopt > li {display: inline-block;}
ul.clsortopt {list-style-type: none;float: right;}
ul.clsortopt > li a {color: #fff;font-size: 17px;padding: 0 10px;text-decoration: none;}
ul.clsortopt > li a span, ul.clsortopt > li a i {margin-right: 8px;}
section.singlepg {background: url('../img/single-img.jpg');height: 125px;position: relative;}
section.singlepg .clsearch {top: 40px;}
.sort-by button {background: #fff;width:145px;text-align: left;}
.sort-by button:focus {outline: 0;box-shadow: none;}
span.sort_by:focus {box-shadow: none;outline: 0;}
.sort-by span.lnr {margin-right: 10px;}
/***** Detail Page ****/
.Prodetails {padding: 4px 15px 0 7px;color: #444;}
.Prodetails h3 {color: #444;}
h5.prosubdetail {font-size: 16px;font-weight: normal;color: #ccc;padding-top: 0px;}
h5.prosubdetail img {margin: 0 10px 0 20px;position: relative;margin-top: -4px;}
.clbrcrm {padding-left: 7px;}
.clbrcrm nav.breadcrumb {margin: 0;padding: 10px 0 0 0;background: #fff;font-size: 14px;}
.breadcrumb-item+.breadcrumb-item::before {content: "\f105 ";font-family: FontAwesome;}
.progallery{padding: 4px 15px 0 7px;margin-bottom: 34px;}
.progallery:after {content: '';height: 99.6%;position: absolute;width: 1px;background: #ccc;top: 6px;right: 0;}
.preview {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;
-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; }
@media screen and (max-width: 996px) {
.preview {margin-bottom: 20px; } }
.preview-pic {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1; }
.preview-thumbnail.nav-tabs {border: none;margin-top: 15px; }
.preview-thumbnail.nav-tabs li {width: 18%;margin-right: 2.5%; }
.preview-thumbnail.nav-tabs li img {max-width: 100%;display: block; height: 75px;}
.preview-thumbnail.nav-tabs li a {padding: 0;margin: 0; }
.preview-thumbnail.nav-tabs li:last-of-type {margin-right: 0; }
.tab-content {overflow: hidden; }
.tab-content img {width: 100%;-webkit-animation-name: opacity;animation-name: opacity;-webkit-animation-duration: .3s;animation-duration: .3s; }
@-webkit-keyframes opacity {
0% {opacity: 0;-webkit-transform: scale(3);transform: scale(3); }
100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1); } }
@keyframes opacity {
0% {opacity: 0;-webkit-transform: scale(3);transform: scale(3); }
100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1); } }
.progallery div.preview {margin: 2px 0 20px 0;}
.clprodesc h3 {font-size: 24px;color: #444;}
.clprodesc p {text-align: justify;}
.clocinfo img {width: 100%;}
.prosocialico ul {list-style-type: none;margin: 16px 0 0 0;padding: 0;}
.prosocialico ul li{display:inline-block;margin: 0 4px;}
.prosocialico ul li a {text-align: center;display: block;width: 40px;height: 40px;line-height: 40px;font-size: 23px;color: #fff;text-decoration: none;}
.prosocialico ul li.fb a{background: #3b5999;}
.prosocialico ul li.twt a{background: #69d0f3;}
.prosocialico ul li.insgrm a{background: #416fa1;}
.prosocialico ul li.pntrst a{background: #ce1d27;}
.prosocialico ul li.lnkin a{background: #3272bc;}
.probscintro h3 {color: #444;}
.probscintro{clear: both;}
.probscintro p {text-align: justify;}
.probscintro h5,.prosocialico h5 {color: #444;}
.clmdtl {float: left;height: 90px;display: flex;align-items: center;}
.clmbtn {float: right;}
.clmdtl h6 {font-size: 16px;color: #ccc;font-weight: normal;}
.clmbtn span {display: block;color: #ccc;font-size: 16px;}
.clmbtn a {background: #70da44;padding: 13px 20px;font-size: 16px;color: #fff;font-weight: 600;border-radius: 5px;top: 15px;position: relative;text-decoration:none;}
ul.claddress {list-style-type: none;margin: 0;padding: 0;}
ul.claddress li {padding: 13px 20px;border-width: 0 1px 1px 1px;border-style: solid;border-color: #f3f3f3;}
ul.claddress li i {font-size: 23px;margin-right: 14px;color: #444;position: relative;top: 2px;}
section.cldeals.sglpg {margin-bottom: 20px;}
footer.footer {padding-top: 2rem;padding-bottom: 2rem;background: #444;}
footer.footer p {margin: 0;color: #fff;text-align: center;font-size: 15px;}
.clnav ul.navbar-nav .dropdown-item.active, .clnav ul.navbar-nav .dropdown-item:active {background-color: #70da44;}
.ads-bottom {text-align: center;margin-top: 20px;}
.form-group.search-panel i {
position: absolute;
font-size: 23px;
top: 7px;
left: 9px;
color: #a5a8ab;
pointer-events: none;
}
@media (min-width: 320px) and (max-width: 991px){
.ads-left,.ads-right{display:none;}
.clnav {padding: 0 15px 0 0;}
.clnav a.navbar-brand button.navbar-toggler {float: right;position: relative;top: 8px;}
.clnav a.navbar-brand img {width: 120px;margin: 0px;}
.clsearch .search-panel button {width: 159px;font-size: 15px;}
.clnav ul.navbar-nav {display: block;border-top: 1px solid #ddd;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 8px 20px;}
h3.frm-title {font-size: 25px;margin-top: 10px;}
h3.frm-title:after {width: 258px;height: 2px;top: 50px;}
.dealfrm form {margin-top: 40px;}
.clnav .dropdown-menu.show {background: #f3f3f3;border:0;padding-top: 0;padding-bottom: 0;}
.clnav .dropdown-menu.show a{border-bottom:1px solid #ddd;padding: 8px 23px;}
.clnav .dropdown-menu.show a:last-child{border-bottom:0;}
.clnav ul.navbar-nav a.navbar-brand {display: none;}
.clnav ul.navbar-nav li {border-bottom: 1px solid #585858;background: #444;}
.clnav ul.navbar-nav li a.nav-link {color: #fff;}
.clnav ul.navbar-nav li.nav-item.active a.nav-link {color: #70da44;}
.clnav ul.navbar-nav li.nav-item a.nav-link:focus {color: #70da44;}
.clnav .navbar-nav .active>.nav-link, .clnav .navbar-nav .nav-link.active, .clnav .navbar-nav .nav-link.show, .clnav .navbar-nav .show>.nav-link{color: #70da44;}
.clnav a.navbar-brand button.navbar-toggler:focus {outline: 0;}
.clnav ul.navbar-nav li:last-child {border: 0;}
section.clslider {position: relative;padding: 0;}
.clsearch {width: 90%;}
.clsearch span.input-group-btn button {padding: 7px 7px;}
.sblks {margin-top: 25px;}
}
@media (min-width: 320px) and (max-width: 479px){
.servcont {width: 100%;flex: 0 0 100%;max-width: 100%;}
.clmbtn span {font-size: 13px;}
.clmdtl h6 {font-size: 13px;}
.clmbtn a {font-size: 13px;}
.Prodetails h3 {font-size: 24px;margin-top: 10px;}
.clprodesc h3 {font-size: 20px;}
.probscintro h3 {font-size: 24px;}
.dealttl h3 {font-size: 23px;margin-top: 5px;}
ul.clsortopt {margin: 0;padding: 0;}
.ads-bottom {margin-top:0;}
.ads-bottom img {width:100%;margin-top:0;}
section.service-blocks {padding: 30px 0 0 0;}
section.clcontactfrm {margin: 10px 0 40px 0;}
.prosocialico {margin-bottom: 30px;}
}
@media (min-width: 480px) and (max-width: 639px){
.servcont {width: 50%;flex: 0 0 50%;max-width: 50%;}
.clmbtn span {font-size: 13px;}
.clmdtl h6 {font-size: 13px;}
.clmbtn a {font-size: 13px;}
.Prodetails h3 {font-size: 24px;margin-top: 10px;}
.clprodesc h3 {font-size: 20px;}
.probscintro h3 {font-size: 24px;}
.dealttl h3 {font-size: 23px;margin-top: 5px;}
.ads-bottom {margin-top:0;}
.ads-bottom img {width:100%;margin-top:0;}
section.service-blocks {padding: 50px 0 0 0;}
section.clcontactfrm {margin: 10px 0 40px 0;}
.prosocialico {margin-bottom: 30px;}
}
@media (min-width: 640px) and (max-width: 767px){
.servcont {width: 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;}
.dealsec {width: 50%;}
a.deal-btn {font-size: 13px;margin-top: 4px;}
div.dealexp h6 {font-size: 11px;}
.clmbtn span {font-size: 13px;}
.clmdtl h6 {font-size: 13px;}
.clmbtn a {font-size: 13px;}
.Prodetails h3 {font-size: 24px;margin-top: 10px;}
.clprodesc h3 {font-size: 20px;}
.probscintro h3 {font-size: 24px;}
.dealttl h3 {font-size: 23px;margin-top: 10px;}.ads-bottom {margin-top:0;}
.ads-bottom {margin-top:20px;}
.ads-bottom img {width:100%;}
.prosocialico {margin-bottom: 20px;}
}
@media (min-width: 768px) and (max-width: 991px){
.servcont {width: 25%;flex: 0 0 25%;max-width: 25%;}
.dealsec {width: 50%;}
.dealttl h3 {margin-top: 10px;}
.ads-bottom {margin-top:20px;}
.ads-bottom img {width:100%;}
.prosocialico {margin-bottom: 20px;}
}
@media (min-width: 992px){
.navbar-nav .nav-link::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #4b4b4b;
transition: width .3s;
margin: 0px auto 0 auto;
position: relative;
top: 8px;
}
.navbar-nav .nav-link.dropdown-toggle::after {display: none;}
.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after {width: 100%;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color: #444;}
.dropdown:hover>.dropdown-menu {display: block;border-radius: 0;border-top: 2px solid #70da44;margin-top: 0px;padding: 0;transition: all 2s ease 0s; }
.clnav .dropdown-menu a {padding: 7px 15px;border-bottom: 1px dashed #ddd;}
.clnav .dropdown-menu a:last-child {border-bottom: 0;}
}
@media (min-width: 992px) and (max-width: 1199px){
.ads-left,.ads-right{display:none;}
.servcont {width: 33%;flex: 0 0 33%;max-width: 33%;}
.dealttl h3 {padding: 0 0 10px 0;}
.dealsec {max-width: 33%;flex: 0 0 33%;-ms-flex: 0 0 33%;}
.dealfrm {max-width: 75%;flex: 0 0 75%;-ms-flex: 0 0 33%;}
}
@media (min-width: 1200px) and (max-width: 1365px){
.servcont {width: 25%;flex: 0 0 25%;max-width: 25%;}
.dealttl h3 {padding: 0 0 10px 0;}
.dealsec {max-width: 25%;flex: 0 0 25%;-ms-flex: 0 0 25%;}
.dealfrm {max-width: 75%;flex: 0 0 75%;-ms-flex: 0 0 75%;}
}
@media (min-width: 1280px) and (max-width: 1365px){
.ads-left,.ads-right{display:none;}
}
@media (min-width: 1366px) and (max-width: 1439px){
.ads-left{left: 0px;}
.ads-right{right: 0px;}
.container{max-width: 1366px;}
}
@media (min-width: 1440px) and (max-width: 1599px){
.container{max-width: 1392px;}
}
@media (min-width: 768px) {
header.masthead {
padding-top: 12rem;
padding-bottom: 12rem;
}
header.masthead h1 {
font-size: 3rem;
}
}
@media (min-width: 1600px) and (max-width: 1679px){
.ads-left {left: 6%;}
.ads-right {right: 6%;}
.servcont {width: 20%;flex: 0 0 20%;max-width: 20%;}
}
@media (min-width: 1680px) and (max-width: 1919px){
.ads-left {left: 7%;}
.ads-right {right: 7%;}
}
@media (min-width: 1920px) {
.ads-left {left: 12%;}
.ads-right {right: 12%;}
}
/* custom css for cat show on round section in ront page */
.lnr img.cat_icon{
height: 60px;
width: 60px;
border-radius: 30px;
}
.deal-data h5.deal-category.list_address{
color:#fff;
margin-top: 10px;
}
.cl-head {padding-top: 20px;padding-bottom: 20px;/* position: sticky; */}
.cl-head a.navbar-brand{float: left;padding-top: 0;position: relative;top: 3px;}
.cl-head a.navbar-brand img {width: 130px;}
.cl-head .form-group {margin: 0;}
.cl-head ul{float: right;}
.cl-head ul li a{color:#444;font-size: 15px;}
.clnav{background: #70da44;box-shadow: none;padding: 0;/* border-top: 2px solid #ccc; border-bottom: 1px solid #d5d8db;*/margin-bottom: 20px;}
.clnav .nav-link {padding: 8px 20px!important;color: #444!important;font-size: 15px;font-weight: 500;}
.clnav > div {padding: 0!important;}
.cl-head .form-control:focus, .cl-head .form-control:hover {box-shadow: none;outline: 0;}
.cl-head .button:focus{box-shadow: none;outline: 0;}
.clnav .dropdown-menu{top: 38px;}
.clfrm{position: relative;top: 4px;}
.clfrm button.btn:focus {box-shadow: none;outline: 0;}
.clfrm button.btn {margin-left: 5px;border-radius: 4px;background: #70da44;color: #444;}
.cl-head .form-control:focus {border-color: #70da44;}
.pac-container.pac-logo {z-index: 99999;}
.cl-head ul.navbar-nav {margin-top: 3px;}
.cl-head .form-control {font-size: 14px;}
.clnav .dropdown-menu {
padding: 5px 0;
font-size: 15px;
width: 952px;
}
.clnav .dropdown-menu a.dropdown-item:nth-child(4n) {margin-right: 0;}
.clnav .dropdown-menu .dropdown-item:nth-child(4n+1) {margin-left: 0;}
.clnav .dropdown-item {width: 230px;float: left;clear: none;margin-right: 10px;}
input#search_cat_id {width: 34%;text-indent: 20px;}
select.form-control[name="ser_distance"] {border-radius: 0 4px 4px 0!important;margin-left: -2px;}
.form-group.search-panel {position: relative;}
input#search_cat_id+i {
position: absolute;
font-size: 18px;
top: 10px;
left: 9px;
color: #a5a8ab;
z-index: 9999;
pointer-events: none;
}
.cl-head div.container, .clnav div.container, .clslider div.container {width: 1170px;}
footer.footer ul li{display:inline-block;/* padding:0 19px; */}
footer.footer ul{margin: 10px 0 20px 0;padding:0;list-style-type:none;}
.mysidenav{height:100%;width: 265px;position:fixed;z-index:1;top:0;left:0;margin-left: -273px;background-color:#fff;overflow-x:hidden;transition:0.5s;padding-top:60px;-webkit-transition:margin .3s ease-out;-moz-transition:margin .35s ease-out;-o-transition:margin .3s ease-out;transition:margin .3s ease-out;}
.mysidenav.show{margin-left:0;}
.mysidenav a{text-decoration:none;font-size:17px;color:#495057;transition:0.3s;/* line-height:39px;*/
position:relative;top:2px;}
.mysidenav a:hover{color:#000;}
.mysidenav .closebtn{position:absolute;top:3px;right:12px;font-size:42px;margin-left:50px;}
.deal-data h4 i{margin-right:5px;}
.cl_sidenavicon{font-size:30px;cursor:pointer;float:left;top:-2px;position:relative;}
.sidenavmenu{border-bottom:1px solid #dee2e6;}
body.fixed{overflow-y:hidden;}
section.cl_carousel .carousel-item img.deal-rating {width: auto!important;}
footer.footer ul li{display:inline-block;/* padding:0 19px; */}
footer.footer ul{margin: 25px 0 20px 0;padding:0;list-style-type:none;}
.mysidenav{height:100%;width: 265px;position:fixed;z-index:1;top:0;left:0;margin-left: -273px;background-color:#fff;overflow-x:hidden;transition:0.5s;padding-top:60px;-webkit-transition:margin .3s ease-out;-moz-transition:margin .35s ease-out;-o-transition:margin .3s ease-out;transition:margin .3s ease-out;}
.mysidenav.show{margin-left:0;}
.mysidenav a{text-decoration:none;font-size:17px;color:#495057;transition:0.3s;/* line-height:39px;*/
position:relative;top:2px;}
.mysidenav a:hover{color:#000;}
.mysidenav .closebtn{position:absolute;top:3px;right:12px;font-size:42px;margin-left:50px;}
.deal-data h4 i{margin-right:5px;}
.cl_sidenavicon{font-size:30px;cursor:pointer;float:left;top:-2px;position:relative;}
.sidenavmenu{border-bottom:1px solid #dee2e6;}
body.fixed{overflow-y:hidden;}
section.cl_carousel .carousel-item img.deal-rating {width: auto!important;}
footer.footer ul li{display:inline-block;padding: 3px 0;}
footer.footer ul{margin: 25px 0 20px 0;padding:0;list-style-type:none;}
.mysidenav{height:100%;width: 265px;position:fixed;z-index:1;top:0;left:0;margin-left: -273px;background-color:#fff;overflow-x:hidden;transition:0.5s;padding-top:60px;-webkit-transition:margin .3s ease-out;-moz-transition:margin .35s ease-out;-o-transition:margin .3s ease-out;transition:margin .3s ease-out;}
.mysidenav.show{margin-left:0;}
.mysidenav a{text-decoration:none;font-size:17px;color:#495057;transition:0.3s;/* line-height:39px;*/
position:relative;top:2px;}
.mysidenav a:hover{color:#000;}
.mysidenav .closebtn{position:absolute;top:3px;right:12px;font-size:42px;margin-left:50px;}
.deal-data h4 i{margin-right:5px;}
.cl_sidenavicon{font-size:30px;cursor:pointer;float:left;top:-2px;position:relative;}
.sidenavmenu{border-bottom:1px solid #dee2e6;}
body.fixed{overflow-y:hidden;}
section.cl_carousel .carousel-item img.deal-rating {width: auto!important;}
footer div.container {width: 1170px;}
footer ul li {display: inline-block;width: 100%;}
.footer-bottom {padding: 25px 15px;background: #3a3a3a;/* line-height: 55px; */text-align: center;color: #fff;font-size: 14px;}
.footer-bottom p {margin: 0;}
footer ul li a {color: #fff;font-size: 14px;}
footer ul li a:hover {color: #fff;border-bottom:1px dotted #fff;text-decoration: none;}
footer h3 {font-size: 16px;color: #fff;text-transform: uppercase;position:relative;/* margin-bottom: 20px; *//* clear: both; */}
footer h3:after {
content: '';
position: absolute;
margin-left: 0;
left: 0;
margin-top: 28px;
height: 3px;
width: 14%;
background: #70da44;
}
footer h3:before {
content: '';
position: absolute;
margin-left: 0;
left: 0;
margin-top: 29px;
height: 1px;
width: 77%;
background: #757474;
}
footer.footer {padding: 35px 0 7px 0;/* border-bottom: 1px solid rgba(33, 37, 41, .3); */}
ul.social_ico span {width: 40px;height: 40px;background: white;display: inline-block;text-align: center;line-height: 40px;border-radius: 50%;}
footer ul.social_ico li {display: inline;margin-right: 15px;}
footer ul.social_ico li a {color: #4b4b4b;font-size: 20px;width: 40px;height: 40px;display: inline-block;}
footer ul.social_ico li a:hover {border:0;}
ul.social_ico {margin-top: 37px!important;}
footer ul.social_ico li:nth-child(1):hover span {background: #3b5998;}
footer ul.social_ico li:nth-child(1):hover span a {color: #fff;}
footer ul.social_ico li:nth-child(2):hover span {background: #1ab2e8;}
footer ul.social_ico li:nth-child(2):hover span a {color: #fff;}
footer ul.social_ico li:nth-child(3):hover span {background:#2c648b;}
footer ul.social_ico li:nth-child(3):hover span a {color: #fff;}
ul.app_store li img {width: 70%;margin-bottom: 11px;}
ul.app_store {margin-top: 30px!important;}
footer ul.app_store li a:hover{border:0;}
#pop_search {position: relative;right: 45%;width: 78px;}
.city_filter {padding: 0 7px 0px 7px}
.city_filter form {border: 1px solid #ced4da;padding: 7px;border-radius: 3px;}
#pop_free_reg {position: relative;right: 47%;font-size: 26px;top: -10px;}
/**** Sorting *****/
.city_filter select {border-radius: 4px!important;margin: 0 7px;}
.sortbyCategories {background: #fff;height: 38px;
line-height: 38px;
position: relative;
width: 185px;
margin-right: 15px;
}
.sortbyCategories a {
background: #4b4b4b;
display: block;
font-size: 14px;
height: 100%;
width: 167px;
color: #fff;
font-size: 17px;
font-weight: 400;
padding: 0px 0 0 14px;
text-align: left;
text-decoration: none;
}
.clsorting .left_arrow {
border-color: transparent transparent transparent #4b4b4b;
border-style: solid;
border-width: 19px 0 19px 18px;
float: right;
height: 0;
position: absolute;
right: 0;
top: 0;
width: 0;
}
.clsorting ul.clsortopt {list-style-type: none;float: left;width: 100%;padding: 0;padding: 7px;border: 1px solid #ced4da;
border-radius: 3px;}
.clsorting .sort-by button { width: 211px;}
.clsorting .search{float: right;}
.clsorting input[type=text] {
width: 290px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
margin-right: 10px;
background-color: white;
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 6px 6px 6px 10px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
float: right;
text-indent: 20px;
}
.clsorting input[type=text]:focus {outline: 0;border: 1px solid #70da44;}
.clsorting input[type=text]+i {position: absolute;font-size: 18px;top: 9px;left: 9px;color: #a5a8ab;z-index: 9999;pointer-events: none;}
.filter_catsearch{position:relative;}
.clsortopt select:focus {box-shadow: none;border-color:#70da44;}
.clsortopt select {box-shadow: none;outline: 0;}
.clsortopt button.btn {background: #70da44;color: #fff;}
.clsortopt button.btn:focus {box-shadow: none;}
.clsortopt input.geo_comp {border-radius: 5px;}
.clsortopt input.geo_comp:focus {border-color:#70da44;box-shadow: none;}
.clsortopt .search-panel {margin: 0;}
.enquiry{right: 30px;bottom: 116px;position: fixed; }
.location_detail {top: 30%;}
.location_detail h3.modal-title {font-size: 18px;}
.location_detail .geo_comp:focus {box-shadow: none;outline: 0;}
.dealfrm div.row > div {padding: 0 5px;}
/**** Validate Popup ****/
.otp_popup h3.modal-title {font-size: 16px;}
.otp_popup a.resend_otp {float: right;line-height: 38px;font-size: 15px;}
.otp_popup button.btn.btn-success:focus {box-shadow: none;border: 0;outline: 0;}
.otp_field {margin-bottom: 20px;}
.otp_field:focus {box-shadow: none;border-color: #28a745;}
.otp_popup .modal-dialog {top: 20%;}
.otpinfo p {font-size: 15px;margin: 0 0 6px 0;}
.otpinfo {margin-bottom: 10px;}
/**** Pages ****/
section.clabt div.container {width: 1170px;}
section.clabt h3 {text-align: center;padding: 18px 0;}
section.clabt h6 {padding: 5px 0;}
section.clabt h3 {padding: 13px 0 10px 0;}
@media (min-width:320px) and (max-width:768px){
.cl-head div.container, .clnav div.container, .clslider div.container{width: 100%;max-width: 100%;}
.container {max-width: 100%;}
.clnav ul.navbar-nav{position: relative;z-index: 99;}
.clnav ul.navbar-nav li a.nav-link {color: #fff!important;}
}
.carousel-item img {
max-height: 300px !important;width: 100%;
}
ol.carousel-indicators {
display: none;
}
p.adv_popup {
font-size: 25px;position: relative;
top: 1px;
left: 33px;
}
.modal-header{
border-bottom:none !important;
}
h2.reg_cost {
text-align: center;
margin-left: 79px; top: 5px;
left: 3px;
}
.tab-content {
overflow: hidden;
height: 434px;
margin: auto;
}
.tab-content img {
width: auto;
height: auto;
}
.bg-green {
background-color: #78b83e !important;
color: #fff;
}
.bg-red {
background-color: #ec3b57 !important;
color: #fff;
}
.page-loader-wrapper {
z-index: 99999999;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: #eee;
overflow: hidden;
text-align: center
}
.page-loader-wrapper p {
font-size: 13px;
margin-top: 10px;
font-weight: bold;
color: #444
}
.page-loader-wrapper .loader {
position: relative;
top: calc(40% - 30px)
}
.line {
animation: expand 1s ease-in-out infinite;
border-radius: 10px;
display: inline-block;
transform-origin: center center;
margin: 0 4px;
width: 2px;
height: 25px
}
.line:nth-child(1) {
background: #f31e58
}
.line:nth-child(2) {
animation-delay: 180ms;
background: #258cce
}
.line:nth-child(3) {
animation-delay: 360ms;
background: #f6a724
}
.line:nth-child(4) {
animation-delay: 540ms;
background: #83c541
}
@keyframes expand {
0% {
transform: scale(1)
}
25% {
transform: scale(2)
}
}