@font-face{

	font-family: 'AvenirBook';
  	src: url('../fonts/AvenirBook.otf')
}
@font-face{

	font-family: 'AvenirMedium';
  	src: url('../fonts/AvenirMedium.otf')
}
@font-face{

	font-family: 'AvenirBlack';
  	src: url('../fonts/AvenirBlack.otf')
}

body{

  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-family: 'AvenirMedium';
}

*{
  margin: 0px;
  padding: 0px;
}

.nopadding{
  margin: 0px;
  padding: 0px;
}

a, a:hover{
  text-decoration: none;
}
img{

  max-width: 100%;
}
.container {
    max-width: 1200px;
}






#tophead{

	margin: 0px;
	padding: 15px 0px;
	background: #22bbcd;
	height: auto;
}
nav.navbar.navbar-expand-lg.navbar-dark {
    padding: 0;
}
ul.navbar-nav {
    background: transparent;
    width: 100%;
}
ul.navbar-nav li {
    padding: 0 4px;
}
ul.navbar-nav a.nav-link {
    color: #fff !important;
    font-family: 'AvenirMedium';
    font-size: 16px;
}
.dropdown-menu {
    right: 0;
    left: initial;
}
.loginbtns{display: none;}
.dropdown-menu.show {
    padding: 0px;
    margin-top: 22px;
    width:260px;
    background: #ff7747;
}
.dropdown-menu.show ul.dropimgs {
    margin: 0px;
    padding: 0px;
}
.dropdown-menu.show ul.dropimgs li {
    display: block;
    list-style-type: none;
    padding: 0px;
    border-bottom: #ce542a solid thin;
}
.dropdown-menu.show ul.dropimgs li:last-child{border: none;}
.dropdown-menu.show ul.dropimgs li a {
    color: #fff;
    border: none;
    padding: 10px 15px;
    display: block;
    font-size: 16px; 
}
.dropdown-menu.show ul.dropimgs li a:hover {
    background: #000;
}


#tophead .row {
    align-items: center;
}
.col-sm-6.navi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
}
.btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}
.btns a {
    margin: 0px 8px;
    padding: 8px 22px;
    background: #ff7747;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.btns a:hover{background: #000;}



/*banner css*/

#banerbg{

	margin: 0px;
	padding: 0px;
	background: url("../images/bg.png") no-repeat bottom center;
	background-size: cover;
	min-height: 768px;
	position: relative;
}
#banerbg::after{

	content: "";
	position: absolute;
	display: block;
	background: url("../images/shape.png") no-repeat bottom center;
	height: 200px;
	width: 100%;
	bottom: -1px;
	left: 0;
	right: 0;
}
.heading {
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding: 25% 0 0;
    max-width: 790px;
    margin: 0 auto;
}
.heading h1{

	font-family: 'AvenirBlack';
	font-size: 36px;
}
.heading p{

	font-family: 'AvenirBook';
	font-size: 20px;
	line-height: 28px;
}


/*searchcss*/

#srchbg {
    margin: -150px 0 0;
    padding: 0px;
    background: transparent;
    position: relative;
    z-index: 999;
}
.build {
    position: absolute;
    top: -138px;
    right: 0;
    z-index: -1;
}	
.srchbox{

	margin: 0px;
	padding: 20px 10px;
	background: #fff;
	box-shadow: 0 0 15px 5px rgba(0,0,0,0.3);
	border-radius:100px;
	height: auto;
}
#srchbg select.slects {
    padding: 5px 0px;
    border-radius: 50px;
    background: #f6f6f6;
    border: #eaeaea solid thin;
    outline: none;
    width: 100%;
    height: 50px;
    text-indent: 40px;
}
#srchbg select.sicons {
    background: #f6f6f6 url(../images/map.png) no-repeat;
    background-size: 24px;
    background-position: 10px 12px;
}
#srchbg select.coutry {
    background: #f6f6f6 url(../images/thicon.png) no-repeat;
    background-size: 24px;
    background-position: 10px 12px;
}

button.sbtns {
    background: #ff7747;
    padding: 10px;
    width: 100%;
    height: 50px;
    border-radius: 50px;
    border: none;
    outline: none;
    font-size: 22px;
    color: #fff;
}
button.sbtns:hover{background:#000;}


/*categorycss*/
#catbg {
    margin:0px 0 0;
    padding: 60px 0 ;
    background: #fff;
    min-height: 220px;
    position: relative;
}
#catbg h2{

	font-size: 30px;
	font-family: "AvenirMedium";
	line-height: 38px;
	color: #000;
}
.txts {
    text-align: center;
}
.catitem img {
    height: 140px;
    max-width: 100%;
    object-fit: contain;
}
.catitem {
    background: #2196F3;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    margin-top: 30px;
}
.catitem:hover {
    transform: rotateY(360deg);
    -webkit-transition:1s;
}
.catitem h4{

	font-size: 16px;
	color: #000;
	line-height: 32px;
	margin: 15px 0 0;
    font-weight: bold;
}
.red{background: #ffb1b1;}
.blues{background: #b7efff;}
.orngs{background: #ffd0a8;}
.greens{background: #daf8d3;}
.view {
    margin: 40px 0 0;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.view a {
    margin: 0px;
    padding: 7px;
    background: #ff7747;
    border-radius: 30px;
    font-size: 24px;
    color: #fff;
    display: inline-block;
    width: 190px;
    height: 50px;
    text-transform: uppercase;
}
.view a:hover{background:#000;}
.txts h2 {
    text-transform: uppercase;
}
.category2 {
    display: flex;
    display: -webkit-flex;
}
.category2 .col-md-3 {
    width: 100%;
    max-width: 100%;
    flex: initial;
}








/*subcategory*/


.row.category4 a {
    display: block;
    height: 100%;
    display: flex;
    display: -webkit-flex;
}
.catitem4 img {
    height: 140px;
    max-width: 100%;
    object-fit: contain;
}
.catitem4 {
    background: #e5fcff;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    margin-top: 30px;
    width: 100%;
    border:#a4dfe6 solid 1px;
}
.catitem4:hover {
    transform: rotateY(360deg);
    -webkit-transition:1s;
}
.catitem4 h4{

    font-size:20px;
    color: #000;
    line-height: 32px;
    margin: 15px 0 0;
    font-weight: bold;
}
/*subcategory end here*/





/*index2css*/
.row.category3 a {
    display: block;
    height: 100%;
    display: flex;
    display: -webkit-flex;
}
.catitem2 img {
    height: 140px;
    max-width: 100%;
    object-fit: contain;
}
.catitem2 {
    background: #2196F3;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    margin-top: 30px;
    width: 100%;
}
.catitem2:hover {
    transform: rotateY(360deg);
    -webkit-transition:1s;
}
.catitem2 h4{

    font-size:22px;
    color: #000;
    line-height: 32px;
    margin: 15px 0 0;
    font-weight: bold;
}
.red2{background: #ffb1b1;}
.blues2{background: #b7efff;}
.orngs2{background: #ffd0a8;}
.greens2{background: #daf8d3;}


.catitem2.black{
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;  
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;  
}
.catitem2.black h4{color: #fff;}
/*index2 css end*/













/*feature-css*/
#featurebg {
    margin: 40px 0 0;
    padding: 60px 0;
    background: url('../images/patern.png') no-repeat top center;
}
.clogo {
    width: 140px;
    height: 140px;
    background: #f6f6f6;
    border-radius: 50%;
    text-align: center;
    border: #d3d3d3 solid thin;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    margin: 0 auto;
}
.company {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 15px 0 0;
}
.company h3 {
    font-size: 20px;
    line-height: 28px;
    color: #22bbcd;
    margin-top: 15px;
    padding: 0 15px;
}
.company p {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    margin: 0px;
}
ul.tags {
    margin: 0px;
    padding: 15px 0;
}
ul.tags li {
    list-style-type: none;
    display: inline-block;
    background: #b7efff;
    border-radius: 50px;
    padding: 4px 18px;
    font-size: 14px;
    margin:0 2px;
}
.reviewbox {
    margin: 0px;
    padding: 28px;
    background: #000;
    height: 70px;
    border-radius: 0 0 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-evenly;
}
.rate {
    width: 39px;
    height: 28px;
    background: #94d21f;
    color: #fff;
    font-size: 18px;
}
.rateicon i {
    color: #ffc600;
    font-size: 20px;
}

#featurebg .owl-dots {
    margin-top: 40px;
    text-align: center;
}
#featurebg .owl-dots button{
    outline: none;
}
#featurebg .owl-dots button span {
    width: 28px;
    height: 28px;
    border-radius: 100px;
    display: block;
    border:6px solid #FFF;
    background: #dbdbdb;
    margin: 0 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#featurebg .owl-dots button.owl-dot.active span{
    background: #22bbcd;
}








/*downloadapp*/

#appbg{

    margin: 0px;
    padding: 80px 0 0;
    background: #ff7747;
    max-height: 552px;
    overflow: hidden;
    position: relative;
}
#appbg:before{

    position: absolute;
    background: url(../images/bubble.png) top center no-repeat ;
    background-size: cover;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}
.appcontent {
    margin: 15% 0 0;
    padding: 0px;
    text-align: center;
}
.appcontent h2 {
    margin: 0px;
    padding: 0px;
    font-size: 40px;
    color: #fff;
    line-height: normal;
    text-transform: uppercase;
}
.appcontent p {
    text-align: center;
    color: #fff;
    margin: 0px;
}
.storebutton {
    text-align: center;
    margin: 15px 0 0;
    padding: 0px;
}
.storebutton a {
    display: inline-block;
    margin: 0 5px;
    padding: 0px;
}
.txts2 {
    text-align: center;
    margin: 50px 0 0;
    position: relative;
}
.txts2 h2 {
    text-transform: uppercase;
}
.builds {
    position: absolute;
    right: 0;
    top: -310%;
}




/*Testimonialcss*/
#testimonialbg{

    margin: 0px;
    padding: 50px 0;
}
.testbg{

    margin: 0px;
    padding: 0px;
    background: #f6f6f6;
    padding: 25px;
    text-align: center;
}
.testicon i {
    color: #ffc600;
    font-size: 18px;
}

.testicon span {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
}
.testicon {
    padding: 14px 0;
    margin: 0px;
}
.client {
    padding: 15px 0;
    margin: 0px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-evenly;
    -webkit-align-items: center;
}
.user {
    padding: 0px;
    margin: 0px;
    background: transparent;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    overflow: hidden;
}
.user img {
    object-fit: cover;
    height: 100%;
}
.nameclint {
    font-size: 22px;
    color: #000;
    line-height: normal;
}
#testimonialbg .owl-dots {
    margin-top: 40px;
    text-align: center;
}
#testimonialbg .owl-dots button{
    outline: none;
}
#testimonialbg .owl-dots button span {
    width: 28px;
    height: 28px;
    border-radius: 100px;
    display: block;
    border:6px solid #FFF;
    background: #dbdbdb;
    margin: 0 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#testimonialbg .owl-dots button.owl-dot.active span{
    background: #22bbcd;
}









/*subscribecss*/
.subscribe {
    position: relative; 
    margin: 10% 0 0;
    padding: 0px;
}

.subscribe::after {
    position: absolute;
    background: #292929;
    content: "";
    display: block;
    width: 100%;
    bottom: 0;
    height: 50px;
    z-index: -1;
}
.subbox{

    margin: 0px;
    padding:40px;
    background: #fff;
    border-radius:20px;
    box-shadow: 0 0 75px rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
}
.subtxt h4{

    margin: 0px;
    padding: 0px;
    font-size: 36px;
    color: #000;
}
.subtxt p {
    font-size: 18px;
    color: #626262;
    line-height: normal;
    margin: 5px 0 0;
    font-family: "AvenirBook";
}
.crane {
    position: absolute;
    left: 0;
    top: -169px;
}
.form-groups {
    display: flex;
    margin: 0px;
    padding: 0px;
}
.form-groups input.form-control {
    height: 60px;
    background: #fff;
    border-radius: 50px 0px 0px 50px;
    border: #22bbcd solid thin;
    outline: none;
    padding: 5px 20px;
}
.form-groups input.form-control:focus{box-shadow: none;}
.form-groups button.btn.fill {
    background: #22bbcd;
    color: #fff;
    border-radius: 0px 40px 40px 0px;
    font-size: 20px;
    text-transform: uppercase;
}
.form-groups button.btn.fill:hover{background:#1a92a0;}








/*footercss*/
#footerbg{

    margin: 0px;
    padding:50px 0;
    background:#292929;
    height: auto;
}
.fotcontent p {font-size: 16px;color: #fff;margin: 20px 0px;}
.fotlogo img {
    max-width: 250px;
    margin: 0px;
    padding: 0px;
}
ul.socials {
    margin: 0px;
    padding: 0px;
}
ul.socials li {
    list-style-type: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}
ul.socials li a {
    margin: 0px;
    padding: 6px;
    width: 50px;
    height: 50px;
    background: #22bbcd;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 26px;
    color: #292929;
}
ul.socials li + li {
    margin-left: 10px;
}
ul.socials li a:hover{background:#ff7747; color: #fff;}

.foot {
    padding-left: 50px;
}
.foot .footitle {
    font-size: 26px;
    color: #22bbcd;
}
.foot ul.fotlinks {
    margin: 0px;
    padding: 0px;
}
.foot ul.fotlinks li {
    list-style-type: none;
    display: block;
    margin: 0px;
    padding: 12px 0 0;
}
.foot ul.fotlinks li a {
    margin: 0px;
    padding: 0px;
    display: block;
    color: #fff;
}








/*about css*/
#aboutbg{

    margin: 0px;
    padding:0 0;
}
#aboutbg .abtitle {
    margin: 0px;
    padding: 30px 0;
    text-align: center;
    font-size: 36px;
    color: #22bbcd;
}
.leftimg {
    float: left;
    margin: 0px;
}
#aboutbg .contents p {
    padding: 0px;
    font-size: 16px;
    line-height: 28px;
}
.allbtn {
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
}
.allbtn a {
    padding: 15px;
    margin: 15px 0 0;
    background: #f00;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
    font-size: 26px;
    width: 400px;
    text-align: center;
}
.allbtn a:hover{background:#000;}





/*listcompany*/
#categorybg {
    padding: 40px 0px 0px;
    margin: 0px;
}
#categorybg aside.sidebar{

    margin: 0px;
    padding: 0px;
    background: #f6f6f6;
    border: #dcdcdc solid thin;
}
#categorybg aside.sidebar .sidetitle {
    margin: 0px;
    padding: 10px 15px;
    font-size: 18px;
    border-bottom: #ccc solid thin;
}
#categorybg aside.sidebar ul.listboxs {
    margin: 0px;
    padding: 0px;
}

#categorybg aside.sidebar ul.listboxs li {
    list-style-type: none;
    display: block;
    border-bottom: #ccc solid thin;
    margin: 0px;
    padding: 10px 15px;
    display: block;
    font-size: 16px;
    color: #000;
}
#categorybg aside.sidebar ul.listboxs li:last-child {
    border-bottom: none;
}
.listchecks {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}

/* Hide the browser's default checkbox */
.listchecks input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border-radius: 5px;
    border: #c2c2c2 solid thin;
}
/* On mouse-over, add a grey background color */
.listchecks:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.listchecks input:checked ~ .checkmark {
  background-color: #22bbcd;
  border:#22bbcd  solid thin;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.listchecks .checkmark:after {
    left: 6px;
    top: 2px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.listsrch {
    margin: 0px;
    padding: 0;
    background: #fff;
    box-shadow: 0 0 25px 1px rgba(0,0,0,0.2);
    height: 72px;
    display: flex;
    justify-content: space-between;
}
.listsrch select.catigory {
    height: 72px;
    text-indent: 6px;
    margin: 0px;
    width: 100%;
    border: none;
    border-right: #ccc solid 1px;
}
.listsrch button.btnsrch {
    background: #ff7747;
    border: none;
    width: 600px;
    height: 72px;
    color: #fff;
    font-size: 20px;
}
.listsrch button.btnsrch:hover{background: #000;}
.listsrch select.catigory:focus {
    outline: none;
}

.clistbox {
    margin: 25px 0 0;
    padding: 15px;
    background: #b7efff;
    display: flex;
    display: -webkit-flex;
    border: #7ae1ff solid thin;
    position: relative;
}
.clistbox .logo {
    margin: 0px;
    padding: 18px;
    width: 110px;
    height: 97px;
    border-radius: 50%;
    background: #fff;
    border: #dcdcdc solid thin;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    overflow: hidden;
}
.clistbox .contentarea {
    width: 100%;
    height: auto;
    background: transparent;
    padding: 0 0 0 20px;
}
.compheading {
    margin: 0px;
    padding: 15px 0px;
}
.favicons {
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 15px;
}
.favicons ul {
    margin: 0px;
    padding: 0px;
}

.favicons ul li {
    list-style-type: none;
    display: inline-block;
}

.favicons ul li a {
    width: 20px;
    height: 20px;
    background: #fff;
    padding: 22px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
.favicons ul li a i {
    margin: 0px;
    padding: 0px;
    font-size: 22px;
}
.favicons ul li a.intro i.fa.fa-heart {color: #f00;}
.favicons ul li a i.fa.fa-heart {color: #a7a7a7;}
.favicons ul li a i.fa.fa-share-alt {color: #000;}

.compheading h3 a{
    margin: 0px;
    padding: 0px;
    font-size: 22px;
    font-family: "Avenirblack";
    color: #000;
}
.compheading p {
    margin: 0px;
    padding: 0px;
    font-size: 22px;
    font-family: "AvenirBlack";
}
.compheading p {
    font-size: 16px;
    line-height: normal;
    margin: 0px;
    padding: 0px;
    font-family: "AvenirMedium";
}
.compheading p i{margin-right: 8px;}
.reviewbox2{
    margin: 0px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}
.rate2 {
    width: 39px;
    height: 28px;
    background: #94d21f;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-right: 15px;
}
.rateicon2 i {
    color: #ffc600;
    font-size: 20px;
}
ul.tags2 {
    margin: 0px;
    padding: 15px 0;
}
ul.tags2 li {
    list-style-type: none;
    display: inline-block;
    background: #94d21f;
    border-radius: 50px;
    padding: 4px 18px;
    font-size: 14px;
    margin: 5px 2px;
    color: #fff;
    text-transform: capitalize;
}
.pagination {
  display: inline-block;
}
.pagination a {
  color: black;
  float: left;
  padding: 5px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
  background: #f6f6f6;
  display: inline-block;
  font-size: 30px;
 height: 57px;
 display: flex;
 align-items: center;
}
.pagination a.active {
  background-color: #000;
  color: white;
  border: 1px solid #000;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
.center {
    text-align: center;
    margin: 0px;
    padding: 30px 0;
}

.company_open{

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
}
.company_open .open {
    margin: 0px 0px 0 0;
    padding: 11px;
    background: #94d21f;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 100px;
    width: 100%;
    text-align: center;
    height: 42px;
    border-radius: 50px;
}
.company_open .closed {
    margin: 0px;
    padding: 11px;
    background: #f00;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 100px;
    width: 100%;
    text-align: center;
    height: 42px;
    border-radius: 50px;
}
















/*compnay-detail-css*/
#compnybg{

    margin:0px 0 0;
    padding:40px 0;
    background: rgba(0,0,0,0.7) url(../images/companybg.png) top center no-repeat;
    background-blend-mode: multiply;
    height: 489px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    display: -webkit-flex;
    -webkit-align-items: flex-end;
}
#compnybg .row{align-items: flex-end; -webkit-align-items: flex-end;}
.cdlogo {
    margin: 0px;
    padding: 18px;
    width: 110px;
    height:110px;
    border-radius: 50%;
    background: #fff;
    border: #dcdcdc solid thin;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    overflow: hidden;
}
.proheading {
    margin: 0px;
    padding: 15px 0px 0px;
}
.proheading h3 {
    margin: 0px;
    padding: 0px;
    font-size:32px;
    color: #fff;
    font-family: "Avenirblack";
}
.proheading p {
    font-size: 16px;
    line-height: normal;
    margin: 0px;
    padding: 12px 0;
    color: #fff;
    font-family: "AvenirMedium";
}
.proheading p i {
    margin-right: 8px;
}
.favicons2 {
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: right;
}
.favicons2 ul {
    margin: 0px;
    padding: 0px;
}
.favicons2 ul li {
    list-style-type: none;
    display: inline-block;
}
.favicons2 ul li a {
    width: 20px;
    height: 20px;
    background: #fff;
    padding: 22px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
.favicons2 ul li a i {
    color: #000;
    font-size: 22px;
}
.favicons2 ul li a.intro i.fa.fa-heart {color: #f00;}


.cdbtn {
    margin: 0px;
    padding: 25px 0 0;
    text-align: right;
}
.cdbtn ul {
    margin: 0px;
    padding: 0px;
}
.cdbtn ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}
.cdbtn ul li a {
    margin: 0px 5px;
    padding: 8px 0;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    background: #22bbcd;
    border-radius: 50px;
    width: 203px;
    height: 42px;
    text-align: center;
}
.cdbtn ul li a:hover{background:#ff7747;}
.cdbtn ul li a.write {
    color: #000;
    background: #ffc600;
}

section#cdtab {
    padding: 40px 0;
    margin: 0px;
}

/*tabs*/
.tab .nav-tabs{
    border: none;
    margin-bottom: 20px;
}
.tab .nav-tabs li a {
    margin-right: 15px;
    font-size: 18px;
    color: #000;
    background: #ececec;
    border: 1px solid #ececec;
    border-radius: 0;
    position: relative;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
    padding: 16px;
}
.tab .nav-tabs li.active a::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px; 
    bottom: -21px;
    left: 50%;
    right: 0;
    position: absolute;
    transform: translate(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 14px solid #22bbcd;
}
.tab .nav-tabs li {
    position: relative;
}
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a{
    color: #fff;
    background: #22bbcd;
    border: 1px solid #22bbcd;
}
.tab .tab-content{
    padding: 0px;
    margin:0px 0 0;
    background: #fff;
    border: 1px solid #fff;
    font-size: 15px;
    color: #5d001e;
    line-height: 25px;
    letter-spacing: 1px;
}
.tab .tab-content h3{
    font-size: 24px;
    margin-top: 0;
}


.tagtitle {
    font-size: 22px;
    line-height: 30px;
    color: #000;
}
.tagsnew{
    margin: 0px;
    padding: 0 0;
}
.tagsnew ul {
    margin: 0px;
    padding: 15px 0 0;
}
.tagsnew ul li {
    list-style-type: none;
    display: inline-block;
    background: #94d21f;
    border-radius: 50px;
    padding: 4px 18px;
    font-size: 14px;
    margin: 5px 2px;
    color: #fff;
    text-transform: capitalize;
}
.tagbg {
    background: #fff;
    box-shadow: 0 0 15px 5px rgba(0,0,0,0.2);
    padding: 18px;
}
.cddetial{

    background: #fff;
    box-shadow: 0 0 15px 5px rgba(0,0,0,0.2);
    padding: 18px;
    margin: 30px 0 0;
}
.cddetial h4 {
    font-size: 22px;
    line-height: 30px;
    color: #000;
    font-family: "AvenirMedium";
}
.cddetial p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin: 0px;
    font-family: "AvenirBook";
}
.branch {
    font-size: 28px;
    line-height: 38px;
    color: #000;
    font-family: "AvenirMedium";
    padding: 20px 0;
}
.cdmap{

    margin: 0px;
    padding: 0px;
    border:#b8b8b8 solid 2px;
}

.cdsidebar{

    background: #fff;
    box-shadow: 0 0 15px 5px rgba(0,0,0,0.2);
    padding: 0;
    margin: 0px;
}
.sidecontent{

    background: #fff;
    padding: 18px;
    margin: 0px;
    border-bottom: #ccc solid thin
}
.sidecontent h3 {
    font-size: 22px;
    line-height: 30px;
    color: #000;
    font-family: "AvenirMedium";
}
.sidecontent p {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    margin: 0px;
    font-family: "AvenirBook";
}
ul.workinglist {
    margin: 0px;
    padding: 0px;
}
ul.workinglist li {
    margin: 0px;
    padding: 10px 0;
    list-style: none;
    font-size: 16px;
    border-bottom: #ccc solid thin;
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}
ul.workinglist li:last-child{border:none;}
ul.cdsocials {
    margin: 0px;
    padding: 0px;
}

ul.cdsocials li {
    padding: 0px 15px;
    margin: 0px;
    display: inline-block;
}
ul.cdsocials li:first-child{padding: 0px;}
ul.cdsocials li a {
    margin: 0px;
    padding:5px 5px;
    display: inline-block;
}
ul.cdsocials li a i{font-size: 18px; color: #000;}
ul.cdsocials li a i:hover{color:#22bbcd;}

.boxshade {
    margin: 0px;
    padding: 15px;
    box-shadow: 0 0 15px 5px rgba(0,0,0,0.2);
    position: relative;
}
.cdimg{

    width: 100%;
    height: 190px;
    overflow: hidden;
    margin: 0px;
    padding:0px;

}
.cdimg img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.cdcontent {
    padding: 15px 0 0;
    margin: 0px;
}
.cdcontent h5 {
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    color: #22bbcd;
    font-family: "AvenirMedium";
}
.cdcontent h6 {
    font-size: 16px;
    margin: 0px;
    padding:8px 0;
    color: #22bbcd;
    font-family: "AvenirMedium";
}
.cdcontent p {
    font-size: 18px;
    margin: 0px;
    padding:8px 0;
    color: #000 ;
    font-family: "AvenirMedium";
}
.cdspace {margin-top: 30px;}


/*request form*/
.form {
    padding: 20px;
    margin: 0px;
}
input.formfld{
    background: #fff;
    border-radius: 50px;
    border: none;
    outline: none;
    height: 55px;
    width: 100%;
    margin-top: 0px;
    padding: 5px 15px;
    box-shadow: 0 0 25px -1px rgba(0,0,0,0.2);
}
input.formfld2{
    background: #fff;
    border-radius: 50px;
    border: none;
    outline: none;
    height: 55px;
    width: 100%;
    margin-top: 25px;
    padding: 5px 15px;
    box-shadow: 0 0 25px -1px rgba(0,0,0,0.2);
}
textarea.flarea {
    background: #fff;
    border-radius: 10px;
    border: none;
    outline: none;
    min-height: 100px;
    width: 100%;
    margin-top: 25px;
    padding: 5px 15px;
    box-shadow: 0 0 25px -1px rgba(0,0,0,0.2);
}
.modal-header {
    background: #22bbcd;
    color: #fff;
}
.modal-header .close {
    color: #fff;
    opacity: 1;
}
.modal{z-index: 9999;}
/*choose-file-multplecss*/
input#files {
  display: block;
}
.imageThumb {
  max-height:120px;
  border: 2px solid #ccc;
  padding: 1px;
  cursor: pointer;
}
.pip {
  display: inline-block;
  margin: 10px 10px 0 0;
  position: relative;
}
.remove {
  display: block;
  background: transparent;
  border: 0px solid transparent;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 8px;
  left: 8px;
}
.field {
    border: #ccc dashed 2px;
    background: #fff;
    padding: 15px;
    min-height: 150px;
    margin-top: 20px;
    position: relative;
    border-radius: 15px;
}
.field input[type="file"] {
    opacity: 0;
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    cursor: pointer; 
}
.remove i.fa.fa-trash {
    color: #f00;
    font-size: 20px;
}
.uploads {
    text-align: center;
    margin: 20px 0 0;
    padding: 0px; 
}
.cdbtnmin{

    margin: 0px;
    padding: 20px 0 0; 
}
.cdbtnmin button {
    margin: 0px;
    padding: 0px;
    background: #94d21f;
    border: none;
    border-radius: 50px;
    width: 130px;
    height: 40px;
    font-size: 16px;
    color: #fff;
}
.cdbtnmin button.cancel {
    background: #ff4e6b;
    margin-left: 15px;
}










/*Orders css*/

#orderbg{

    margin: 0px;
    padding:30px 0;
}
.headorder {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.headorder .ordertxt {
    font-size: 30px;
    color: #000;
}
.srchorder {
    background: #fff;
    box-shadow: 0 0 20px -1px rgba(0,0,0,0.2);
    border-radius: 50px;
    padding: 0px;
    position: relative;
}
.srchorder input[type="text"] {
    height: 60px;
    width: 480px;
    border-radius: 50px;
    border: none;
    padding: 5px 25px;
    font-size: 18px;
    outline: none;
}
.srchorder i {
    position: absolute;
    right: 18px;
    top: 22px;
}
.tableorder {
    margin: 0px 0 0;
    padding: 0px;
}
table.table {
    border: 1px solid #dee2e6;
    box-shadow: 0 0 20px -1px rgba(0,0,0,0.2);
    margin: 30px 0 0;
}
table.table th {
    border-bottom: 1px solid #dee2e6; 
    border-right: 1px solid #dee2e6; 
    text-align: center;
    font-size: 20px;
    font-family: "AvenirBook"; 
}
table.table td {
    border:none;
    border-right: 1px solid #dee2e6; 
    text-align: center;
    font-size: 18px;
    color: #656565;
    font-family: "AvenirMedium"; 
}
table.table td span {
    color: #22bbcd; 
}
button.showbtn {
    background: #ff7747;
    border-radius: 50px;
    width: 132px;
    height: 42px;
    color: #fff;
    border: none;
    font-size: 18px;
    font-family: "AvenirMedium"; 
}
button.showbtn:hover{background:#000;}
button.showbtn:focus{outline: none;}

/*modalpopup orderdetial*/
.display {
    background: #f2f2f2;
    display: flex;
    padding: 10px;
    justify-content: space-between;
    border: #ccc solid thin;
    font-size: 18px;
}
.orderdialog {max-width: 900px;}
.orprofile {

    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}
.profs {
    margin: 0px;
    padding: 18px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #fff;
    border: #dcdcdc solid thin;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    overflow: hidden;
}
.orprofile p {
    padding: 5px 15px;
    margin: 0px;
}
.Orprodate {
    background: transparent;
    padding: 10px;
    justify-content: space-between;
    font-size: 18px;
    margin:15px 0;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}
.ordate{color: #22bbcd;}
.ordetail {
    background: #fff;
    box-shadow: 0 0 20px -1px rgba(0,0,0,0.2);
    padding: 15px;
}
.ordergrid {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 15px;
    margin-top: 20px;
}
.downimg {
    position: relative;
}
.downimg a i.fa.fa-download {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 46px;
    background: #000;
    color: #fff;
    padding: 16px 0px;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    text-align: center;
    border: #fff solid 2px;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}


.profs2 {
    margin: 0px auto;
    padding: 18px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    border: #dcdcdc solid thin;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    overflow: hidden;
}
.profs2 img{max-width: 90px; object-fit: cover;}
.profs img{max-width: 110px; object-fit: cover;}









/*termscss*/
#termsbg{

    padding: 0px 0;
    margin: 0px;
}
#termsbg .abtitle {
    margin: 0px;
    padding: 30px 0;
    text-align: left;
    font-size: 36px;
    color: #22bbcd;
}

#termsbg ul li{

    padding: 0px 0;
    margin: 0px 0;
    font-family: "AvenirMedium";
    list-style: none;
    font-weight: bold;
}

.profile {
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.profile .profbox {
    width: 100%;
    max-width: 222px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.avatar {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
}
.profile h6 {
    padding: 5px 15px;
    margin: 0px;
    color: #fff;
    font-size: 16px;
}
.profile span i {
    color: #fff;
    font-size: 16px;
}
.dropside {
    position: absolute;
    background: #ff7747;
    width: 200px;
    right:16px;
    top: 74px;
    display: none;
    z-index: 999;
}
.dropside ul {
    margin: 0px;
    padding: 0px;
}

.dropside ul li {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0;
    border-bottom: #ce542a solid thin;
}
.dropside ul li:last-child{border:none;}
.dropside ul li a {
    display: block;
    font-size: 16px;
    color: #fff;
    padding: 8px 10px;
}
.dropside ul li a i {
    font-size: 16px;
    margin-right: 15px;
}
.dropside ul li a:hover{background:#000;}


/*profile*/
#probgs {
    padding: 0px 0;
    margin: 0px;
}
#probgs .ptitle {
    margin: 0px;
    padding: 30px 0;
    text-align: center;
    font-size: 36px;
    color: #22bbcd;
}
.userformbg{

    margin: 0px;
    padding: 30px;
    background: #f6f6f6;
    box-shadow: 0 0 25px -1px rgba(0,0,0,0.2);
    border-radius:5px;
}
.proavtar{

    width: 190px;
    height: 190px;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
    border-radius: 50%;
}
form#formbgs {
    margin: 30px 0 0;
    padding: 0px;
}
form#formbgs input.profld {
    margin: 0px;
    padding: 5px 15px;
    width: 100%;
    height: 50px;
    border: #d4d4d4 solid thin;
    border-radius: 10px;
}
form#formbgs input.profld:focus, form#formbgs input.profld2:focus{outline: none;}
form#formbgs input.profld2{
    margin: 20px 0 0 0;
    padding: 5px 15px;
    width: 100%;
    height: 50px;
    border: #d4d4d4 solid thin;
    border-radius: 10px;
}
.number {
    width: 100%;
    height: 50px;
    background: #fff;
    border: #d4d4d4 solid thin;
    border-radius: 10px;
    margin:20px 0 0 ;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}
.number span {
    height: 50px;
    border-right: #ccc solid thin;
    padding: 12px 10px;
}
.number input.phons {
    margin: 0px;
    padding: 5px 15px;
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 10px;
}
.number input.phons:focus{outline: none;}
form#formbgs input.proformbtn {
    margin: 20px 0 0;
    padding: 0px;
    width: 100%;
    height: 60px;
    border-radius: 50px;
    border: none;
    background: #22bbcd;
    font-size: 26px;
    color: #fff;
}
form#formbgs input.proformbtn:hover{background: #000;}
select.state {
    margin: 20px 0 0 0;
    padding: 5px 15px;
    width: 100%;
    height: 50px;
    border: #d4d4d4 solid thin;
    border-radius: 10px;
}
select.state:focus {outline: none;}
form#formbgs input.proformbtn:focus{outline: none;}
form#formbgs textarea.callformarea {
    margin:20px 0 0;
    padding: 5px 15px;
    width: 100%;
    min-height:160px;
    border: #d4d4d4 solid thin;
    border-radius: 10px;
}
.protxts{

    font-size: 24px
    margin:0px;
    padding: 0px;
}
section#loginbackrounds {
    padding: 50px 0;
    margin: 0px;
}
form#lformbg {
    margin: 0px 0 0;
    padding: 25px;
}
form#lformbg input.profld {
    margin: 12px 0 ;
    padding: 5px 15px;
    width: 100%;
    height: 50px;
    background: #fff;
    border: #d4d4d4 solid thin;
    border-radius: 50px;
}
form#lformbg input.profld:focus{outline: none;}
.remeber {
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}
.checkboxs {
    align-items: center;
    display: flex;
    -webkit-align-items: center;
    display: -webkit-flex;
}
.checkboxs input[type=checkbox] {
    height: 24px;
    width: 24px;
    margin-right: 10px;
}
.forgot a{

    display: block;
    color: #fff;
    font-size: 16px;
    color: #000;
}
form#lformbg input.logbtn {
    margin: 20px 0 0;
    padding: 0px;
    background: #ff7747;
    border: none;
    width: 180px;
    height: 50px;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    outline: none;
}
form#lformbg input.logbtn:hover{background: #000;}
.acount {
    margin: 20px 0 0;
    padding: 0px;
    font-size: 18px;
    color: #000;
}

.acount a {
    color: #ff7747;
    display: inline-block;
}
.acount a:hover{color: #22bbcd;}
.loginformbg     {
    margin: 0px;
    padding: 0;
    background: #f6f6f6;
    box-shadow: 0 0 25px -1px rgba(0,0,0,0.2);
    border-radius: 20px;
}
.logside {
    padding: 25px;
    margin: 0px;
    background: rgba(0,0,0,0.6) url(../images/logbg.jpg);
    background-blend-mode: multiply;
    height: 100%;
    border-radius: 20px 0 0 20px;
}
.logside h2 {
    color: #fff;
    font-size: 30px;
    padding: 0px;
}
.logside h2 i{margin-right: 15px;}
.logside p {
    color: #fff;
    font-size: 16px;
    margin:20px 0 0;
}






/*Register*/
#regbg {
    padding: 0px 0;
    margin: 0px;
}
.regtitle{

    padding:30px 0;
    margin: 0px;
}
.regtitle h2 {
    margin: 0px;
    padding: 0px 0;
    text-align: center;
    font-size: 36px;
    color: #22bbcd;
}
.regtitle p {
    margin: 0px;
    padding: 0;
    font-size: 22px;
    font-family: "AvenirBook";
    text-align: center;
}
.regform {
    margin: 0px;
    padding: 30px;
    background: #f6f6f6;
    box-shadow: 0 0 25px -1px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.regform input.regfld {
    margin: 0px 0 0 0;
    padding: 5px 15px;
    width: 100%;
    height: 50px;
    border: #d4d4d4 solid thin;
    border-radius: 10px;
}
.regform input.regfld2 {
    margin: 20px 0 0 0;
    padding: 5px 15px;
    width: 100%;
    height: 50px;
    border: #d4d4d4 solid thin;
    border-radius: 10px;
}
.regform select.regfld2 {
    margin: 20px 0 0 0;
    padding: 5px 15px;
    width: 100%;
    height: 50px;
    border: #d4d4d4 solid thin;
    border-radius: 10px;
}
.regform input.regfld:focus,
.regform input.regfld2:focus,
.regform select.regfld2:focus{
    outline: none;
}
.regform input.regformbtn {
    margin: 20px 0 0;
    padding: 0px;
    width: 100%;
    height: 60px;
    border-radius: 50px;
    border: none;
    background: #22bbcd;
    font-size: 26px;
    color: #fff;
    outline: none;
}
.regform input.regformbtn:hover{background:#000;}

/*tabnew*/
.tabnew ul.nav.nav-tabs {
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
}
.tabnew .nav-tabs li{
    width: 40%;
    display: inline-block;
    margin: 0px 0 15px;
}
.tabnew .nav-tabs li a,.tabnew .nav-tabs li a:hover{
    color: #000;
    background: #fff;
    border: 1px solid #22bbcd;
    display: block;
    text-align: center;
    border-radius: 20px;
}
.tabnew .nav-tabs li.active a{

    color: #fff;
    color: #fff;
    background: #22bbcd;
    border: 1px solid #22bbcd;
    display: block;
}
.tabnew .nav-tabs li.active a::after{display: none;}
.tabnew .nav-tabs li.active a img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
.tabnew .nav-tabs li a h3 {
    margin:15px 0;
    padding: 0px;
    font-size: 22px;
}
.tabnew .nav-tabs li a p {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-family: "AvenirBook";
}

/*multistep form*/














/*review-section-here*/


.boxreview{

    margin: 0px;
    padding:25px;
    border:#ccc solid thin;
    height: auto;
}
.title {
    margin: 0px;
    padding: 5px 0px;
    font-size: 18px;
    border-bottom: #ccc solid thin;
}
.sotslist {
    margin: 0px;
    padding: 25px 0px;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}
.sotslist .sort {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}
.sotslist .catsrevew {
    margin: 0px 0 0 15px;
    padding: 0px;
}
select.ratings {
    height: 40px;
}
.user_avatar {
    margin: 0;
    padding: 0px;
    width: 80px;
    height: 80px;
    background: #ff0;
    overflow: hidden;
    border-radius: 50%;
}
.rating_comments {
    margin: 0px;
    padding: 0px 15px;
}
.user_rating_name{
    margin: 0px;
    padding: 0px;
    font-size:18px;
    line-height:28px;
}
.stars {
    margin: 10px 0 0;
    padding: 0px;
    width: 100%;
    max-width: 350px;
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}  
.chld_star p {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}
.chld_star span i {
    color: #ffb400;
}
.chld_star {
    margin: 0 20px 0 0;
    padding: 0px;
} 
.content_users {
    margin: 0px;
    padding: 15px 0 0;
    font-size: 16px;
}
.border_botom {
    border-bottom: #ccc solid thin;
    padding-bottom: 20px;
    margin: 0px;
}

div#addsreview {
    margin: 20px 0 0;
    padding: 0px;
}
.child_div{

    margin: 0px 0 0;
    padding: 0px;
    width: 100%;
    max-width: 250px;
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}
.addtitle{
    color: #000;
    font-size: 18px;
}
.stat_adds i {
    color: #ffb400;
    font-size: 18px;
}
.chosefile {
    padding: 0px;
    margin: 20px 0;
}
textarea.review_area {
    margin: 0px;
    padding: 15px;
    width: 100%;
    min-height: 250px;
    outline: none;
    border: #ccc solid 1px;
}
input.flds_new {
    margin: 0px;
    padding: 15px;
    width: 100%;
    height:40px;
    outline: none;
    border: #ccc solid 1px;
}
input.flds_btns {
    margin: 0px;
    padding: 18px;
    background: #22bbcd;
    border: none;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 8px;
    outline: none;
}
input.flds_btns:hover{background:#000;}
/*review-section-end*/









.timings {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.timings .start_time, .timings .end_time {
    width: 100%;
}
.timings .txt_time {
    width: 100px;
    text-align: center;
}
.daytitle{

    margin:0px;
    padding: 15px 10px 0px;
    font-size: 18px;
}



.govtspace{margin-top: 15px;}
.selectRow span.select2.select2-container.select2-container--default {
    width: 100% !important;
    margin: 22px 0 0;
}
span.select2-selection.select2-selection--multiple {
    height:auto;
    border: #d4d4d4 solid thin !important;
    padding:5px;

}
input.select2-search__field {width: 100% !important;}

.dash_space2 {
    margin: 15px 0;
    position: relative;
}
.dahssrch2 {position: absolute;top: 10px;left: 25px;width: 93%;}
.dahssrch2 input.srchformfld {
    width: 100%;
    margin: 0px;
    height: 50px;
    padding: 0 40px 0 15px;
}
.dahssrch2 i {
    position: absolute;
    top: 16px;
    right: 12px;
}
.new_head_title2 {
    margin: 0px;
    padding:15px 0px 0;
    font-size: 26px;
    line-height: 36px;
    color: #000;
}











/*Media Query Start*/
@media all and (max-width: 1440px){

    .crane {
        top: -26px;
        max-width: 160px;
    }
    .builds{

        top: -230%;
        max-width: 270px;
    }
}

@media all and (max-width: 1199px){

.loginbtns{display: none;}
.catitem{padding: 15px;}
.builds, .crane{display: none;}
.col-md-6.navi{padding: 10px 0 0;}
.btns a{font-size: 14px;}
.catitem h4{font-size: 18px;}
ul.navbar-nav a.nav-link{font-size: 14px;}

.category2{flex-wrap: wrap;}
.category2 .col-md-3{width: 33.33%;}

}



@media all and (max-width: 1024px){



.loginbtns{display: none;}
.btns a {
    padding:5px 20px;
    font-size: 14px;
    border-radius: 5px;
}

.col-md-6.navi{padding: 10px 0 0;}
.catitem h4{font-size: 18px;}
.builds{top: -250%;}
.builds, .crane{display: none;}
.catitem{padding: 15px;}

.col-md-2.logo {
    max-width: 16%;
    flex: initial;
}
.col-md-6.navi {
    max-width: 58%;
    flex: initial;
}
.col-md-4.btns {
    max-width: 26%;
    flex: initial;
}

.col-md-6.cdnav {
    max-width: 54%;
    flex: initial;
}
.col-md-4.signnew {
    max-width: 30%;
    flex: initial;
}

.category2{flex-wrap: wrap;}
.category2 .col-md-3{width: 33.33%;}
ul.workinglist li{font-size: 13px;}

}

@media all and (max-width: 991px){


#probgs .ptitle, .regtitle{ margin: 90px 0 0;}

.headorder{margin-top: 90px; display: block;}
.srchorder input[type="text"]{width: 96%;padding: 5px 20px;}
.headorder .ordertxt{text-align: center;}

#compnybg{margin: 89px 0 0; padding: 15px 0; align-items: flex-end;  -webkit-align-items: center;}
.cdlogo{margin: 0 auto;}
.proheading{text-align: center;}
.reviewbox2{justify-content: center; -webkit-justify-content: center;}
.favicons2{text-align: center;}
.cdbtn{text-align: center;}
.cdbtn ul li:last-child{margin-top: 15px}
.tab .nav-tabs li a{font-size: 12px; padding: 10px;}
.pagination a{height: 40px;padding: 3px 11px;font-size: 20px;}
ul.cdsocials li{padding: 0px 12px;}

#categorybg{padding: 110px 0 0;}
.favicons{position: relative;}

header#tophead {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    background: #22bbcd;
}
#tophead .row{align-items: center;}
.col-md-4.btns { display: none;}
.col-md-2.logo{max-width: 70%; flex: initial; justify-content: space-between;}
.col-md-6.navi{
    max-width: 30%; 
    flex: initial;
    order: 3;
    position: static;
    display: flex;
    justify-content: flex-end;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    padding: 5px 15px
}
.col-md-2.logo img {max-width: 120px;}
.col-md-6.navi div#navb {
    position: fixed;
    left: 0;
    right: 0;
    top: 89px;
    z-index: 999;
    width: 100%;
    background: #ff7747;
}
ul.navbar-nav a.nav-link {
    border-bottom: #ca5228 solid 1px;
    padding: 15px 15px;
}
.dropdown-menu.show{
    margin-top: 0px;
    width: 100%;
    border: none;
}
.col-md-6.navi button.navbar-toggler:focus{outline: none;}
.col-md-6.navi button.navbar-toggler i{font-size: 26px;}
.col-md-6.navi button.navbar-toggler{
    background: #000;
    padding: 8px 16px;
    color: #fff;
}
.loginbtns {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
}
.loginbtns a.login {
    padding: 15px;
    border-bottom: #ca5228 solid 1px;
    display: block;
    color: #fff;
}
#catbg .row.category .col-md-3 {
    max-width: 100%;
    flex: initial;
}
#srchbg select.slects.coutry, button.sbtns{margin-top: 0px;}
.build, .builds, .crane{display: none;}
#catbg .row.category {
    display: grid;
    grid-template-columns: auto auto ;
}


/*profilenav*/
.col-md-2.newcdlogo {
    max-width: 40%;
    flex: initial;
    order: 1;
    text-align: center;
}
.col-md-6.cdnav {
    max-width: 30%;
    flex: initial;
    order: initial;
    order: 1;
}
.col-md-4.signnew {
    max-width: 30%;
    flex: initial;
}
.profile h6, .profile span i{display: none;}
.dropside{top: 70px; left: 0;}
.profile{justify-content: flex-start;}

/*profilenav-end*/

section#loginbackrounds{margin: 90px 0 0;}

.category2{flex-wrap: wrap;}
.category2 .col-md-3{width: 50%;}

}




@media all and (max-width: 767px){


table.table td p{margin: 0px;}
table.table td{display: block; width: 100%; border-bottom: 1px solid #dee2e6;}
table.table th{display: none; width: 100%;}

.logside{border-radius: 0px;}

.cdsidebar{margin-top: 30px;}

.heading{padding: 20% 0 0;}
#banerbg{min-height: 530px;}
.srchbox{border-radius: 10px; padding: 30px 10px;}
#srchbg select.slects.coutry{margin-top: 18px;}
button.sbtns{margin-top: 18px; height: 60px;}
#catbg .row.category {
    display: grid;
    grid-template-columns: auto auto;
}

.build, .builds, .crane{display: none;}
#appbg{max-height: initial; padding: 80px 0;}
.apps {max-width: 400px;margin: 0 auto;}
.appcontent{margin-top: 0px; padding: 30px;}
.subscribe{margin: 0px;}
.subbox{padding: 20px; border-radius: 10px;}
.form{margin-top: 20px;}
#footerbg{padding: 25px 0; text-align: center;}
.foot{padding: 0px; margin-top: 25px;}

.favicons{position: relative; right: initial;}
.listsrch{display: block; height: auto;}
.listsrch select.catigory{border-bottom: #ccc solid 1px;}
.listsrch button.btnsrch{width: 100%;}


}


@media all and (max-width: 578px){

.Orprodate{display: block;}
.orprofile {
    display: block;
    text-align: center;
}
.profs{margin: 0 auto;}
.ordate{text-align: center;}
.srchorder input[type="text"]{width: 92%;padding: 5px 20px;}
#catbg .row.category {
    display: grid;
    grid-template-columns: auto;
}
.heading{padding: 28% 8%;}
.heading h1{font-size: 26px;}
.heading p{font-size: 16px; line-height: 24px;}

.category2{flex-wrap: wrap;}
.category2 .col-md-3{width: 100%;}

.timings{flex-wrap: wrap;}

}

@media all and (max-width: 480px){

#catbg .row.category {
    display: grid;
    grid-template-columns: auto;
}
.heading{padding: 35% 0 0;}
.heading h1{font-size: 20px;}
.heading p{font-size: 14px; line-height: 22px;}
#appbg{padding: 40px 0;}
.appcontent h2{font-size: 30px;}
.storebutton a{margin: 10px 0;}

.form-groups{display: block;}
.form-groups input.form-control{border-radius: 50px;}
.form-groups button.btn.fill{
    width: 100%;
    height: 50px;
    margin-top: 20px;
    border-radius: 50px;
}
.appcontent {
    margin-top: 20px;
    padding: 0;
}

}


@media all and (max-width: 320px){

.tab .nav-tabs li{display: inline-block; width: 100%; position: relative;}
.tab .nav-tabs li a {
    font-size: 12px;
    padding: 10px;
    width: 100%;
    display: inline-block;
    margin: 15px 0 0;
}

.heading {
    padding: 45% 0 0;
}

}