/*!
 *  All Copyrights Reserved © 2020 
 */


/*------------------------------------------------------------------

[ TABLE OF CONTENTS]

	01. GLOBAL STYLES
	02. COMMON STYLES 
	
-------------------------------------------------------------------*/

/* 01. GLOBAL STYLES */




* {
	padding: 0;
	margin: 0;
}


body {
	font-size: 14px;
  background-color: #fff;
  overflow-x: hidden; 
  font-family: 'Poppins', sans-serif;

}

body, html {
  /* prevent horizontal scrolling */

}


.clearfix{clear: both !important;}


html {
 /* scroll-behavior: smooth;*/
}


li, ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	color: #1f1f1f;
	font-weight:600;
	font-family: 'Poppins', sans-serif;
}

p {
	font-size: 14px;	
	color:#1f1f1f
}
button, button:hover, a, a:hover {
	transition: .4s;
}
a {
	color: #107fc4;
}
 a:hover, a:focus, a:active {
	outline: 0;
	text-decoration:underline;
  color: #000
}


p{font-style: normal;font-size: 14px; color: #54565a;}


/* 02. COMMON STYLES */

.relative {
	position:relative !important
}
.fixedpadding20 {
	padding:20px 0
}
.fixedpadding30 {
	padding:30px 0
}
.fixedpadding40 {
	padding:40px 0
}
.fixedpadding50 {
	padding:50px 0
}
.fixedpadding60 {
	padding:60px 0
}
.fixedpadding70 {
	padding:70px 0
}
.fixedpadding80 {
	padding:80px 0
}
.fixedpadding90 {
	padding:90px 0
}
.fixedpadding100 {
	padding:100px 0
}
.space10 {
	margin-bottom: 10px;
}
.space20 {
	margin-bottom: 20px;
}
.space25 {
	margin-bottom: 25px;
}
.space30 {
	margin-bottom: 30px;
}
.space40 {
	margin-bottom: 40px;
}
.space50 {
	margin-bottom: 50px;
}
.space60 {
	margin-bottom: 60px;
}
.space70 {
	margin-bottom: 70px;
}
.space80 {
	margin-bottom: 80px;
}
.space90 {
	margin-bottom: 90px;
}
.space100 {
	margin-bottom: 100px;
}

.less-margin{ margin:0 !important}
.less_left{ padding-left:0 !important; }
.less_right{ padding-right:0;}


.less-right-0px{ padding-right:0px!important;}
.less-left-0px{ padding-left: 0px!important;}

.less-right-5px{ padding-right:5px;}
.less-left-5px{ padding-left: 5px;}

.less-right-10px{ padding-right:10px;}
.less-left-10px{ padding-left: 10px;}


.space-left-2px{ margin-left:5px;}
.space-left-5px{ margin-left:5px;}
.space-right-2px{ margin-right:5px;}
.space-right-5px{ margin-right:5px;}

/* line height */
.line-height-10 {line-height:10px !important}
.line-height-13 {line-height:13px !important}
.line-height-18 {line-height:18px !important}
.line-height-20 {line-height:20px !important}
.line-height-24 {line-height:24px !important}
.line-height-22 {line-height:22px !important}
.line-height-26 {line-height:26px !important}
.line-height-28 {line-height:28px !important}
.line-height-30 {line-height:30px !important}
.line-height-35 {line-height:35px !important}
.line-height-40 {line-height:40px !important}
.line-height-45 {line-height:45px !important}
.line-height-50 {line-height:50px !important}
.line-height-55 {line-height:55px}
.line-height-60 {line-height:60px}
.line-height-65 {line-height:65px}
.line-height-70 {line-height:70px}
.line-height-75 {line-height:75px}
.line-height-80 {line-height:80px}
.line-height-85 {line-height:85px}
.line-height-90 {line-height:90px}
.line-height-95 {line-height:95px}
.line-height-100 {line-height:100px}
.line-height-110 {line-height:110px}
.line-height-120 {line-height:120px}

.font-size-11px{ font-size:11px !important;}
.font-size-12px{ font-size:12px !important;}
.font-size-13px{ font-size:13px !important; }
.font-size-14px{ font-size:14px !important;}
.font-size-15px{ font-size:15px !important;}
.font-size-16px{ font-size:16px !important;}
.font-size-17px{ font-size:17px !important;}
.font-size-18px{ font-size:18px !important;}
.font-size-19px{ font-size:19px !important;}
.font-size-20px{ font-size:20px !important;}
.font-size-21px{ font-size:21px !important;}
.font-size-22px{ font-size:22px !important;}
.font-size-23px{ font-size:23px !important;}
.font-size-24px{ font-size:24px !important;}
.font-size-25px{ font-size:25px !important;}
.font-size-26px{ font-size:26px !important;}
.font-size-27px{ font-size:27px !important;}
.font-size-28px{ font-size:28px !important;}
.font-size-29px{ font-size:29px !important;}
.font-size-30px{ font-size:30px !important;}

.font-weight-200{ font-weight:200 !important}
.font-weight-300{ font-weight:300 !important}
.font-weight-400{ font-weight:400 !important}
.font-weight-500{ font-weight:500 !important}
.font-weight-600{ font-weight:600 !important}
.font-weight-700{ font-weight:700 !important}
.font-weight-800{ font-weight:800 !important}

.pt-05{padding-top: 05px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-20{padding-top: 20px !important;}
.pt-25{padding-top: 25px !important;}
.pt-30{padding-top: 30px !important;}
.pt-35{padding-top: 35px !important;}
.pt-40{padding-top: 40px !important;}
.pt-45{padding-top: 45px !important;}
.pt-50{padding-top: 50px !important;}
.pt-55{padding-top: 55px !important;}
.pt-60{padding-top: 60px !important;}
.pt-65{padding-top: 65px !important;}
.pt-70{padding-top: 70px !important;}

.pb-05{padding-bottom: 05px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-25{padding-bottom: 25px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-35{padding-bottom: 35px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-45{padding-bottom: 45px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-55{padding-bottom: 55px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-65{padding-bottom: 65px !important;}
.pb-70{padding-bottom: 70px !important;}



.mt-05{margin-top: 05px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{padding-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-25{margin-top: 25px !important;}
.mt-30{margin-top: 30px !important;}
.mt-35{margin-top: 35px !important;}
.mt-40{margin-top: 40px !important;}
.mt-45{margin-top: 45px !important;}
.mt-50{margin-top: 50px !important;}
.mt-55{margin-top: 55px !important;}
.mt-60{margin-top: 60px !important;}
.mt-65{margin-top: 65px !important;}
.mt-70{margin-top: 70px !important;}

.mb-05{margin-bottom: 05px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{padding-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-45{margin-bottom: 45px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-55{margin-bottom: 55px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-65{margin-bottom: 65px !important;}
.mb-70{margin-bottom: 70px !important;}



.bordernone{border: 0 !important;}
.container{max-width: 1354px;}




.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}





.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
  padding-left:0;
  
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #162141;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 0.6em;
  border-radius:2px;
  
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size:0.9em;
    line-height: 0;
    top: 55%;
    left: 18%;
  color:#162141
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;

}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}


.custom-select2 {position: relative;display: block;margin: 0 auto;border: 1px solid #e1e1e1;background-color: #fff;height: 54px;border-radius: 3px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.08); z-index: 2;}

.custom-select2 select {border: none;outline: none;background: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;margin: 0;
display: block;width: 100%;padding: 17px 15px 8px 15px;font-size: 14px;}

.custom-select2:after {position: absolute;right: 10px;top:8px;width: 40px;height: 100%;line-height: 38px;font-family: 'FontAwesome';content: "\f107";text-align: center;color: #525252;
font-size: 16px;border-left: 0 solid #3C1C78;z-index: -1;}




.mainBtn {
  height:38px;
  transition: .4s !important;
  background:#107fc4;
  border:solid 0px #fff;
  font-size: 12px !important;
  color: #fff;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 40px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  padding-left: 20px;padding-right: 20px;
  letter-spacing: 1px;
  border-radius: 5px;
  text-transform: uppercase;
  margin:0 2px;
}
.mainBtn:hover{color: #fff; background-color: #005bc0;}
.mainBtn:focus{color: #fff;}


.mainBtn2 {
  height:48px;
  transition: .4s !important;
  background:#107fc4;
  border:solid 0px #fff;
  font-size: 15px !important;
  color: #fff;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 48px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  padding-left: 30px;padding-right: 30px;
  letter-spacing: 1px;
  border-radius: 7px;
}
.mainBtn2:hover{color: #fff; background-color: #005bc0;}
.mainBtn2:focus{color: #fff;}




.mainBtn3 {
  height:48px;
  transition: .4s !important;
  background:transparent;
  border:solid 2px #107fc4;
  font-size: 15px !important;
  color: #107fc4;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 46px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  padding-left: 30px;padding-right: 30px;
  letter-spacing: 1px;
  border-radius: 7px;
}
.mainBtn3:hover{color: #fff; background-color: #107fc4;}
.mainBtn3:focus{color: #fff;}




.bg-red{ background-color: #ce041c }
.bg-cyan{ background-color: #53b0f8 }




.wrapper{position: relative;}



.header{padding: 0; margin:0; position: relative; padding: 0 0 !important; z-index: 9;padding-top: 0;padding-bottom: 0;-webkit-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);
-moz-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); background-color: #00385a; border-bottom: solid 5px #107fc4;}
.header .navbar{padding-top: 0;padding-bottom: 0 }
.header .navbar-brand{padding: 8px 0; position: relative;margin: 0}
.header .navbar-brand img{max-width: 120px;}
.header .navbar-nav{margin-top: 0px;}
.header .nav-item{font-size: 15px; font-weight: 500;font-family: 'Poppins', sans-serif;color: #000;padding-right:10px;text-transform: uppercase; letter-spacing: 1px;}
.header .nav-item .nav-link{color: #fff;padding-bottom:25px; padding-top:25px;}
.header .btn{margin-top: 15px;}
.header .nav-item .nav-link:hover{color: #0078fd}
.header .dropdown-menu{padding:0; border-radius: 0; width: 200px; text-transform: capitalize; letter-spacing: 0; background-color: #107fc4; border: 0}
.header .dropdown-item{font-size: 13px;padding: 8px 10px; color: #fff}
.header .dropdown-item:hover{ background-color: #fff; color: #000 }

.header .sellwithUsbtn{ background-color: #117cc2; font-size: 16px !important; letter-spacing: 0; font-weight: 700 }
.header .sellwithUsbtn:hover{background-color: #035184}

.header .loginBtn{ background-color: transparent; font-size: 16px !important; letter-spacing: 0; font-weight: 600;color: #fff; border:solid 2px #fff; line-height: 36px; margin-left: 10px;}
.header .loginBtn:hover{background-color: #035184}


.dropdown:hover>.dropdown-menu {
  display: block;
  -webkit-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);
-moz-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}


@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}






.hero-slider{position: relative;}
.hero-slider .item{min-height: 280px; background-color: #ccc; border-radius:0 0 8px 8px; background-size: cover}
.hero-slider .item .inner{padding: 40px; max-width: 50%;}
.hero-slider .item hr{width: 100px; border:0; height: 1px; background-color: #fff}
.hero-slider .item h1{color: #fff; font-weight: 700; font-size: 40px;}
.hero-slider .item p{color: #fff; font-size: 18px;}

.filter-area{padding: 25px 0 0 0; position: relative;z-index: 99}
.filter-area .search-control{height: 54px;padding-left: 35px; background-color: #f5f5f5; box-shadow: none; border-color: #666666}
.filter-area .fa-magnifying-glass{position: absolute; top: 19px; color: #dedede; font-size: 15px;left: 28px;}
.filter-area .filter{text-align: right; text-transform: uppercase; font-size: 15px; padding-right: 70px;position: relative;margin-top:17px;}
.filter-area .filter .filtericon{width: 24px;}
.filter-area .filterBtn{background-color: transparent; border: 0; color: #000}
.filter-area .filter .bookmarkIcon{position: absolute; top: -5px; right: 0; font-size: 22px;}
.filter-area .filter .bookmarkIcon a{color: #000000}
.filter-area .filter .bookmarkIcon a:hover{color: #0078fd}



/*- Sticky Filter -*/

.myObserver {height: 1px;width: 1px;pointer-events: none;position: relative;top:auto;z-index: -1;overflow: hidden;}
.stickybar {position: -webkit-sticky;position: sticky;top: 0;font-weight: bold;transition: all 0.5s ease-out;background-color: #fff; }
.sticky-element {-webkit-box-shadow:  0px 4px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow:   0px 4px 4px 0px rgba(0,0,0,0.1);box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1); }

/*- Sticky Filter modal -*/

.filtermodal {display: none; position: absolute;z-index:99999;overflow: auto;width: 100%; margin-top: -68px;}
.modal-content {background-color: #f5f5f5;margin: auto;padding:50px 15px;border: 0 solid #888;width: 100%; font-weight: normal;}
.closeBtn {color: #fff;font-size: 15px;letter-spacing: 1px; border-radius: 5px; font-weight: 700; padding: 8px 15px; background-color: #00385a}
.closeBtn:hover,.closeBtn:focus {color: #fff;text-decoration: none;cursor: pointer; background-color: #002034}

.resetBtn {color: #00385a;font-size: 15px;letter-spacing: 1px; border-radius: 5px; font-weight: 700; padding: 6px 15px 5px 15px;border: solid 2px #00385a;text-transform: uppercase;}

.filtermodal ul.filterMdTabs{margin:0;padding: 0}
.filtermodal ul.filterMdTabs li{display: inline-block; margin-right: 50px; text-transform: uppercase; font-weight: 700}
.filtermodal ul.filterMdTabs li a{color: #000}
.filtermodal ul.filterMdTabs span.badge{background-color: #a6a6a6; color: #fff; font-size: 12px;font-weight: 500}



/*- FILTER OPTIONS -*/
ul#filterOptions {
  width: 100%;
  height: 52px;
  overflow: hidden;
}
ul#filterOptions li { height: 52px; margin-right: 2px; float: left; margin-right: 10px; text-transform: uppercase;}
ul#filterOptions li a {
  height: 45px;
  padding: 0 20px;
  border: 1px solid #666666;
  background: #FFF;
  color: #666666;
  font-weight: bold;
  line-height: 45px;
  text-decoration: none;
  display: block;
   border-radius: 5px; 
}
ul#filterOptions li a:hover { background: #107fc4;color: #fff; border: 1px solid #107fc4; }
ul#filterOptions li.active a { background: #107fc4;color: #fff; border: 1px solid #107fc4; }
/*- -*/

ul.countryTabs{padding: 0; margin: 0;text-align: right; float: right}
ul.countryTabs li{ border-radius: 4px;float: left; border:solid 2px #0d2638;padding: 5px 10px; display: inline-block; }
ul.countryTabs li img{width: 30px;}
ul.countryTabs li:first-child{ border-radius: 4px 0px 0px 4px}
ul.countryTabs li:last-child{ border-radius: 0px 4px 4px 0px; border-color: #c6c6c6; border-left:0;}
ul.countryTabs li a{color: #00385a}




/*- OUR DATA HOLDER -*/
#ourHolder { width: 100%; height: 100%; overflow: hidden; }
#ourHolder div.item {width: 100%;}

.auction-area{position: relative;}
.auction-area .auction-tile{position: relative; margin-bottom: 45px;}
.auction-area .auction-tile .auction-img{position: relative;padding-bottom: 65%; background-color: #f5f5f5; background-size: cover; border-radius: 5px; clear: both;margin-bottom: 15px;}
.auction-area .auction-tile .bidtag{ background-color: #f5f5f5;font-weight: 600; font-size: 12px; padding: 4px 10px; color: #666; border-radius: 5px; margin-top: 3px; display: inline-block; }
.auction-area .auction-tile .bidtaghighlight{ background-color: #107fc4;color: #fff}
.auction-area .auction-tile .socialicon{padding: 0}
.auction-area .auction-tile .socialicon li{margin-left: 5px; display: inline-block; font-size: 18px;}
.auction-area .auction-tile .socialicon a{ color: #808080 }
.auction-area .auction-tile .socialicon a:hover{ color: #107fc4 }
.auction-area .auction-tile h3{font-size: 17px; font-weight: 700; height: 35px;}
.auction-area .auction-tile h3 a{ color: #333333 }
.auction-area .auction-tile h3 a:hover{ color: #107fc4 }
.auction-area .auction-tile p{padding-top: 10px;}
.auction-area .auction-tile ul.inline-list{padding: 0; margin:0;}
.auction-area .auction-tile ul.inline-list li{display: inline-block;margin-right: 25px;vertical-align: middle;}
.auction-area .auction-tile ul.inline-list img{width: 17px; vertical-align: top;position: relative; top: 2px;}
.auction-area .auction-tile ul.inline-list img.flag{margin-top: 2px;}

.listing_stats{ background-color: #fff; border-radius: 20px 0px 0px 20px;padding: 5px 25px; box-shadow: 1px 1px 15px rgba(0,0,0,0.25); position: absolute; bottom: -10px; right: 0 ; left: 25px  }
.listing_stats .fa-clock{font-size: 17px; position: relative;top: 3px; margin-right: 5px;}
.listing_stats .price{background-color: #107fc4;position: absolute; top: 0; right: 0;padding: 7px 25px;color: #fff; font-weight: 700; font-size: 17px;text-align: center;}

.countdown{display: flex;justify-content: left; gap: 2px; font-size: 14px; font-weight: 700; color: #107fc4;padding-left: 7px;padding-top: 4px;}
.countdown > div{ display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: center;}
.countdown .number { font-size: 17px; font-weight: 700}

.pagination-area{text-align: center;margin-top: 25px;font-size: 16px;padding-bottom: 50px;}
.pagination-area .page-link{font-weight: 600; color: #107fc4}
.pagination-area .page-link:hover{background-color: #107fc4; color: #fff}


.newsletter-area{padding: 70px 0; position: relative; background-color: #f5f5f5; text-align: center;}
.newsletter-area h2{font-size: 22px; font-weight: 700; letter-spacing: 1px;padding-bottom: 30px;}
.newsletter-area .form-group{text-align: left}

.newsletter-area .form-control{border: 1px solid #e1e1e1;background-color: #fff;height:54px;border-radius: 3px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.08); z-index: 2;}
.newsletter-area .subscribeBtn{height: 54px; line-height: 54px;font-size: 15px !important}


.promobanner{background-color: #107fc4;padding: 70px 0; position: relative; background-color:#00385a;}
.promobanner h2{font-size: 20px; letter-spacing: 2px; color: #fff; font-weight: 700;padding-bottom: 40px;}
.promobanner h3{color: #fff; font-size: 50px;padding: 0; line-height: 45px;}
.promobanner p{color: #fff; font-size: 15px;}



.testimonials{background-color: #f7f9fb;padding: 70px 0; text-align: left;}
.testimonials h2{font-size: 20px;line-height: 1.5em;font-weight: 700;color: #1f1f1f;  margin: 0; letter-spacing: .5px; text-align: center;}
.testimonials p{font-size: 17px;color: #666;padding-bottom: 10px;}
.testimonials  .item{padding: 20px;}
.testimonials .item-inner{padding:25px 25px 5px 25px}
.testimonials .testimonialsItem{background-color: #fff; border-radius: 10px;transition: .4s; -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);box-shadow:0px 0px 20px 0px rgba(50, 50, 50, 0.08);}
.testimonials .avtar{background-color: #fff;height: 300px; width: 100%; background-size: cover;  margin-bottom: 20px;}
.testimonials p{font-size: 14px; line-height: 26px; color: #666}
.testimonials .name{font-weight: 500; font-size: 15px; color: #333333;}
.testimonials .desg{ font-size: 13px;font-weight: 400; color: #adadad;padding-bottom: 15px;}
.testimonials .rating{color: #ffa500}


.cta-section{background-color: #00385a;padding: 50px 0; }
.cta-section ul{font-size: 20px; font-weight: 700; color: #fff;padding: 0; margin: 0}
.cta-section ul li{position: relative; display: inline-block; padding: 0 35px; }
.cta-section ul li:before{content: ""; height: 7px; width:7px; background-color: #fff !important; left: 0; top: 10px; position: absolute; border-radius: 50%;}
.cta-section .sellwithThisBtn{height: 48px;line-height: 48px;padding-left: 25px; padding-right: 25px;}
.cta-section ul li:last-child:before{display: none;}


.instafeed{padding: 70px 0;}
.instafeed h4{font-size: 16px; font-weight: 700; letter-spacing: 1px;padding-bottom: 25px;}
.instafeed i{color: #913036; font-size: 18px;}


.recent-features{padding: 70px 0;position: relative; background-color: #f5f5f5}
.recent-features h3{font-size: 16px; font-weight: 700; letter-spacing: 1px;padding-bottom: 0;}
.recent-features .img-wrapper{background-color: #f4f4f4;padding-bottom: 65%; background-size: cover}
.recent-features .item{margin-top: 20px; position: relative;}
.recent-features h4{font-size: 15px; font-weight: 700}
.recent-features h4 a{color: #107fc4}


.abouthero{background-color: #0d2638;padding: 170px 0;position: relative;background-image: url(../img/about-hero.jpg); }
.abouthero h1{color: #fff; font-size: 55px;}
.abouthero p{color: #fff; font-size: 16px;}


.timeline-area{padding: 70px 0;}
.timeline {list-style-type: none;margin: 0;padding: 0;position: relative}

.timeline:before {content: '';position: absolute;top: 5px;bottom: 5px;width: 5px;background: #107fc4;left: 20%;margin-left: -2.5px}

.timeline>li {position: relative;min-height: 50px;padding: 20px 0}

.timeline .timeline-time {position: absolute;left: 0;width: 18%;text-align: right;top: 42px;padding-right: 15px;}

.timeline .timeline-time .date,
.timeline .timeline-time .time {display: block;font-weight: 600;}

.timeline .timeline-time .date {line-height: 16px;font-size: 25px;font-weight:700;}

.timeline .timeline-time .time {line-height: 24px;font-size: 20px;color: #242a30;}

.timeline .timeline-icon {left: 15%;position: absolute;width: 10%;text-align: center;top: 40px;}

.timeline .timeline-icon a {text-decoration: none;width: 20px;height: 20px;display: inline-block;border-radius: 20px;background: #fff;line-height: 10px;color: #fff;font-size: 14px;border: 5px solid #107fc4;
transition: border-color .2s linear}

.timeline .timeline-body {margin-left: 23%;margin-right: 17%;background: #fff;position: relative;padding: 15px 25px;border-radius: 6px;padding-top: 70px;}

.timeline .timeline-body>div+div {margin-top: 15px;}

.timeline .timeline-body>div+div:last-child {margin-bottom: -20px;padding-bottom: 20px;border-radius: 0 0 6px 6px}
.timeline .timeline-body h3{font-size: 20px;font-weight: 700; position: relative;}
.timeline .timeline-body h3:before {content: '';display: block;position: absolute;border: 2px solid #107fc4;border-right-color: #107fc4;left:-45px;top:8px; width: 30px;}
.timeline .timeline-body p{font-size: 16px;}


.whychooseus{padding: 120px 0; position: relative; background-color: #f5f5f5}
.whychooseus h2{font-size: 45px; font-weight: 700}
.whychooseus p{font-size: 16px;}
.whychooseus h3{font-size: 37px; font-weight: 700; color: #107fc4}


.intro{padding: 0 0;background-color: #294e9f; background-image: url(../img/red-luxury-sedan-road.jpg); background-size: cover; color: #fff; position: relative; width: 100%; height: 100vh; overflow: hidden; align-items: center!important;display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; min-height: 72vh; text-align: center;}
.intro .intro-content{width: 100%; text-align: center;padding: 80px 15px;}
.intro .intro-content h1{font-size:65px;font-weight: 700; line-height: 1.31818182em; color: #fff}
.intro .intro-content p{font-size: 22px; color: #fff;padding-top: 0.5rem!important;}


.sellwithThisarea{padding: 120px 0;position: relative; }
.sellwithThisarea h1{font-size: 45px; font-weight: 700}
.sellwithThisarea p{font-size: 16px;}
.sellwithThisarea h2{font-size: 20px;font-weight: 700}


.infoForm-1{position: relative;}
.infoForm-1 .form-control{border: 1px solid #e1e1e1;background-color: #fff;height:54px;border-radius: 3px;font-size: 14px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.08); z-index: 2;}

.infoForm-1 .card-control{padding-left: 50px;}
.infoForm-1 .card-icon{position: absolute; top: 10px; left: 15px; font-size: 22px;}
.infoForm-1 .carddate{position: absolute; top: 17px; right: 15px; color: #999}



.innertabs-area{position: relative;padding: 0 0}
.innertabs-area .tabs{position: absolute; top: 40px; right: 40px;}

.innertabs-area .tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 200px;
  height: 100px;
  border: solid 2px #fff;
  margin-left: 15px;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 700
}

.innertabs-area .tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.innertabs-area .tabcontent {
  color: white;
  display: none;
  padding: 50px 20px;
  height:550px;
  background-color: #dbdbdb;
  background-size: cover;
  background-position: center;
}

.innertabs-area .contentinner{padding: 35px;background-color: rgba(23,126,193,0.7); margin-top: 100px; border-radius: 15px;}
.innertabs-area h2{font-weight: 700; color: #fff;padding-bottom: 15px;}
.innertabs-area ul{margin: 0;padding: 0}
.innertabs-area ul li{position: relative;padding-bottom: 10px; padding-left: 25px; line-height: normal;}
.innertabs-area ul li:before{content: ""; height: 8px; width: 8px; background-color: #fff; position: absolute; top: 7px; left: 0; border-radius: 50%;}



.watch-promo{background-color: #ccc; background-image: url(../img/watches-promo.png);padding: 70px 0; background-size: cover; background-position: bottom;}
.watch-promo h2{font-weight: 700; padding-bottom: 15px;}
.watch-promo ul{font-size: 20px; font-weight: 700; color: #000;padding: 0; margin: 0}
.watch-promo ul li{position: relative; display: inline-block; padding: 0 20px; }
.watch-promo ul li:before{content: ""; height: 7px; width:7px; background-color: #000 !important; left: 0; top: 12px; position: absolute; border-radius: 50%;}


.innerhero-half{padding: 0 15px;background-color: #ccc; background-image: url(../img/red-luxury-sedan-road.jpg); background-size: cover; color: #fff; position: relative; width: 100%; height: 300px; 
  overflow: hidden; align-items: center!important;display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap;  text-align: center !important; background-position: center;}
.innerhero-half h1{color: #fff; text-align: center;}

.entry-content{padding: 70px 0;position: relative;e }




/* SECTION VERTICAL TABS */
#experienceTab.nav-pills .nav-link.active {
    color: var(--theme-yellow) !important;
    background-color: transparent;
    border-radius: 0px;
    border-left: 3px solid #177ec1;
    color: #177ec1 !important
}
#experienceTab.nav-pills .nav-link {
    border-radius: 0px;
    border-left: 3px solid #f5f5f5;
    font-size: 16px;
    font-weight: 600;
    color: #000
}




.accordion {
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}

.accordion__block-title {
  font-weight: bold;
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
}

.accordion__item {
  display: block;
  padding: 20px;
  cursor: pointer;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
  transition: all 50ms ease;
}
.accordion__item:not(:last-child) {
  border-bottom: 1px solid #fafafa;
}

.accordion__title {
  font-size: 16px;
  line-height: 1.5;
  transition: all 50ms ease;
  position: relative;
  padding-right: 30px;
  color: #000
}
.accordion__title::after, .accordion__title::before {
  content: "";
  width: 16px;
  height: 2px;
  background-color: #666;
  position: absolute;
  right: 0;
  top: 8px;
  transition: all 50ms ease;
}
.accordion__title::after {
  transform: rotate(90deg);
}

.accordion__content {
  transform: translateY(50%);
  color: #999;
  font-size: 16px;
  line-height: 1.5;
  max-height: 0;
  opacity: 0;
  transition: all 150ms ease;
}

.accordion__item [type=checkbox], .accordion__item [type=radio] {
  display: none;
}
.accordion__item [type=radio]:checked + .accordion__title, .accordion__item [type=checkbox]:checked + .accordion__title {
  margin-bottom: 10px;
  font-size: 16px;
}
.accordion__item [type=radio]:checked + .accordion__title::after, .accordion__item [type=checkbox]:checked + .accordion__title::after {
  transform: rotate(45deg);
}
.accordion__item [type=radio]:checked + .accordion__title::before, .accordion__item [type=checkbox]:checked + .accordion__title::before {
  transform: rotate(-45deg);
}
.accordion__item [type=radio]:checked + .accordion__title + .accordion__content, .accordion__item [type=checkbox]:checked + .accordion__title + .accordion__content {
  transform: translateY(0);
  max-height: none;
  opacity: 1;
}




.transportWidget{position: relative;}
.transportWidget .item{ margin-bottom: 20px;overflow: hidden; border-radius: 7px;-webkit-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);
-moz-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);}
.transportWidget .img-wrapper{padding-bottom: 65%; position: relative; background-color: #ccc; background-size: cover;}
.transportWidget .overlay{position: absolute;top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0,0,0,0.4);padding: 35px;padding-top: 38%;}
.transportWidget h3{color: #fff; font-weight: 700}
.transportWidget p{color: #fff; font-size: 16px;}


.transportHighlight{ background-color: #00385a;padding: 70px 0;position: relative; }
.transportHighlight .content{ color: #fff; position: relative; width: 100%; overflow: hidden; align-items: center!important;display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; min-height: 400px;}


.cars-address{background-color: #fff;padding: 70px 0;position: relative;}
.cars-address .address-tile{background-color: #fff;padding: 15px;border-radius: 7px;-webkit-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);
-moz-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); text-align: center; margin-bottom: 40px;}
.cars-address .address-tile h3{font-weight: 700; font-size: 17px;padding-top: 25px;}
.cars-address .address-tile p{padding-top: 8px; padding-bottom: 0; margin:0;}
.cars-address .address-tile .flagicon{position: absolute;; top: -14px; left: 50%; margin-left: -25px; width: 50px;}


.detialsPage_header{padding: 20px 0; border-bottom: solid 3px #e1e1e1; background-color: #fff}
.detialsPage_header .backBtnarrow{background-color: #f5f5f5; height: 50px; width: 35px; text-align: center; display: block; border-radius: 4px;line-height: 50px; float: left;}
.detialsPage_header .backBtnarrow img{width: 9px;}
.detialsPage_header .bidPrice{width: 100px; float: left; margin-left: 50px;}
.detialsPage_header h3{margin: 0; padding: 0; font-size: 22px;font-weight: 800}
.detialsPage_header p{margin: 0;padding: 0}

.detialsPage_header .auctiontimer {width: 200px; float: left; margin-left: 70px; text-align: left}
.detialsPage_header .auctiontimer .countdown{text-align: left;padding: 0; margin: 0; color: #000}
.detialsPage_header .bidCount{width: 80px; float: left}


ul.list-1{margin: 0;padding: 0}
ul.list-1 li{display: block; padding: 0;margin-bottom: 10px; font-size: 15px;position: relative;padding-left: 18px}
ul.list-1 li:before{content: "";height: 7px; width: 7px; background-color:#00385a; position: absolute; top: 7px; left: 0; border-radius: 50%;}

.post-comnt-form{ border-radius: 5px; padding:30px; position: relative; background-color: #f5f5f5 }
.post-comnt-form h3{font-weight: 700; font-size: 17px; margin-bottom: 20px;}
.post-comnt-form textarea{height: 140px; box-shadow: none !important; resize: none}

.post-comnt-form .commentBox{ border:solid 1px #dedede;padding: 10px 20px; background-color: #fff; border-radius: 4px; margin-bottom: 15px; }
.post-comnt-form .commentBox .commentList{position: relative;}
.post-comnt-form .commentBox .commentList .cmticon{width: 30px; float: left; font-size: 20px; color: #00385a}
.post-comnt-form .commentBox .commentList .comment{padding-left: 32px;}
.post-comnt-form .commentBox .commentList .commentAuth{display: block;color: #9f9f9f; font-size: 12px;}


.asideBox{background-color: #f5f5f5;padding:25px 20px; position: relative; border-radius: 5px;}
.asideBox ul.asideList-1{padding: 0; margin: 0}
.asideBox ul.asideList-1 li{display: block;margin-bottom: 10px; font-size: 15px;}
.asideBox ul.asideList-1 li span.listicon{float: left; width: 25px;}
.asideBox ul.asideList-1 li span.listicon img{width: 18px;}
.asideBox ul.asideList-1 li .list-line{padding-left: 28px;}
.asideBox .bidhistory{height: 300px; overflow-y: scroll;}


.managedserviceHero{min-height: 75vh; background-color: #ccc; background-image: url(../img/hero-car.jpg); background-size: cover; background-position: center; overflow: hidden; align-items: center!important;
  display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

.managedserviceHero .content_tile{background-color: #00385a; padding: 35px; color: #fff; max-width: 600px;-webkit-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);
-moz-box-shadow:  0px 3px 12px 0px rgba(0,0,0,0.2);box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);}
.managedserviceHero h1{font-size: 50px; color: #fff; font-weight: 700;padding-bottom: 10px;}
.managedserviceHero p{color: #fff; font-size: 18px;}

.services{padding: 70px; position: relative; text-align: center;}
.services img{margin-bottom: 20px;}
.services h1{font-size: 35px; font-weight: 700; margin-bottom: 25px;}
.services .item{padding-top: 20px;}
.services h3{font-size: 20px;}
.services p{font-size: 15px;}


.partner_slider{background-color: #00385a;padding: 70px 0}
.partner_slider h1{color: #fff; font-weight: 700;padding-bottom: 35px;}
.partner_slider .img-wrapper{min-height: 370px; border-radius: 5px; background-size: cover;}
.partner_slider .title{background-color: #00253c;margin-top: 30px; text-align: center;}
.partner_slider .flag{max-width: 40px;position: absolute; left: 50%; margin-left: -20px; margin-top: -15px;}
.partner_slider h3{font-size: 20px; color: #fff; padding-top: 25px;}
.partner_slider p{color: #fff; padding-bottom: 20px;}

.details_page{padding: 70px 0;}

.presscutting-item{margin-bottom: 30px;}
.presscutting-item img{margin-bottom: 20px;}
.presscutting-item h3{font-size: 19px; font-weight: 700}
.presscutting-item p{font-size: 15px;}

.loginPopup{background-color: rgba(0,0,0,0.7)}
.loginPopup .modal-content {background-color: #f5f5f5;margin: auto;padding:00px;border: 0 solid #888;width: 100%; font-weight: normal;border-radius: 10px;}
.loginPopup .modal-header{ background-color: #00385a;padding: 10px 15px}
.loginPopup .modal-header img{max-width: 90px}
.loginPopup .close{color: #fff; font-size: 18px; font-weight: normal; margin-top: -5px; margin-right: -5px; }
.loginPopup .modal-dialog{max-width: 460px; }
.loginPopup .modal-body{padding: 25px; background-color: #fff;padding-bottom: 10px;}
.loginPopup h3{font-weight: 700; font-size: 22px;}
.loginPopup p{font-size: 15px;}
.loginPopup .form-control{font-size: 14px;}





.latesCarsCarousal{background-color: #fff;padding: 70px 0; text-align: left;}
.latesCarsCarousal h2{font-size: 17px;line-height: 1.5em;font-weight: 700;color: #1f1f1f;  margin: 0; letter-spacing: .5px; text-align: center;}
.latesCarsCarousal p{font-size: 17px;color: #666;padding-bottom: 10px;}
.latesCarsCarousal  .item{padding: 20px;}
.latesCarsCarousal .item-inner{padding:25px 0 5px 0px;}
.latesCarsCarousal .latesCaritem{background-color: #fff; border-radius: 10px;transition: .4s; padding: 15px; background-color: #f1f1f1}
.latesCarsCarousal .img-wrapper{background-color: #fff;height:270px; width: 100%; background-size: cover;  margin-bottom: 20px; background-position: cover; background-position: center; border-radius: 10px;}
.latesCarsCarousal h3{font-size: 16px; text-transform: uppercase; font-weight:700; color: #000}
.latesCarsCarousal h3 a{color: #000}
.latesCarsCarousal p{font-size: 14px; line-height: 26px; color: #666}
.latesCarsCarousal .name{font-weight: 500; font-size: 15px; color: #333333;}
.latesCarsCarousal .desg{ font-size: 13px;font-weight: 400; color: #adadad;padding-bottom: 15px;}
.latesCarsCarousal .rating{color: #ffa500}


.latesCarsCarousal .customNavigation {
  border:solid 1px red;
}
.latesCarsCarousal .owl-prev {
  position: absolute;
  top:50%;
  left:-70px;
  z-index:9999;
  height:40px !important;
  width:40px !important;
  border: solid 1px #000 ;
  text-align:center;
  line-height:38px;
  border-radius:50%;
  cursor:pointer;
  display:block;
  color:#000 !important
}
.latesCarsCarousal .owl-next {
  position: absolute;
  top:50%;
  right:-70px;
  z-index:9999;
  height:40px;
  width:40px;
  border: solid 1px #000;
  text-align:center;
  line-height:38px;
  border-radius:50%;
  cursor:pointer;
  color:#fff
}


.taggletextrow{position: relative; padding-right: 80px;margin-bottom: 15px;}
.taggletextrow .toggleBtn{position: absolute; top:0 ; right: 0}


.footer{background-color: #00385a;padding: 40px 0; color: #fff}
.footer .brand{max-width: 110px;margin-bottom: 15px;}
.footer p{color: #fff}
.footer h4{color: #fff; font-size: 18px; font-weight: 700;padding-top: 15px}
.footer ul{margin:0;padding: 0}
.footer ul li{display: block;padding: 4px 0}
.footer ul a{color: rgba(255,255,255,0.5);}
.footer ul a:hover{color: rgba(255,255,255,9);}
.footer .logowht{max-width: 130px;}
.subfooter{padding: 10px; background-color: #107fc4; color: #fff}
.subfooter ul.social{text-align: right; margin:0;}
.subfooter ul.social li{display: inline-block;margin-left: 10px;font-size: 16px;}
.subfooter ul.social li a{color: #fff}




/*- -*/