/*=.=.=.=.=---STYLE FOR---=.=.=.=.=*/
body{ font:normal 14px/18px 'Graphik-Regular'; color:#000; padding: 0; margin: 0; background: #fff; }
h1, h2, h3, h4, h5, h6, p, span, strong{ margin: 0px; padding: 0px;}
ul{ margin: 0px; padding: 0px;}
ul li{ margin: 0px; padding: 0px; list-style: none;}
a{ display: inline-block; margin: 0px; padding: 0px; text-decoration: none; outline: none;}
a:focus{ outline: none; text-decoration: none; }
a:active{ outline: none; text-decoration: none; }
a:hover{ outline: none; text-decoration: none; }
img{outline: none; text-decoration: none;}


input[type="text"]::-webkit-input-placeholder { opacity: 1; }
input[type="text"]::-moz-input-placeholder { opacity: 1; }
input[type="search"]::-webkit-input-placeholder { opacity: 1; }
input[type="search"]::-moz-input-placeholder { opacity: 1; }
input[type="email"]::-webkit-input-placeholder { opacity: 1; }
input[type="email"]::-moz-input-placeholder { opacity: 1; }
input[type="tel"]::-webkit-input-placeholder { opacity: 1; }
input[type="tel"]::-moz-input-placeholder { opacity: 1; }
textarea::-moz-input-placeholder { opacity: 1; }
textarea::-webkit-input-placeholder { opacity: 1; }

input{outline: none !important;}
textarea{outline: none !important;}


/* Getting the new tags to behave */
article, aside, audio,
canvas, command,
datalist, details,
embed,
figcaption, figure, footer,
header, hgroup,
keygen,
meter,
nav,
output,
progress,
section, source,
video {
	display:block;
}
mark,
rp, rt, ruby,
summary,
time {
	display:inline;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



/*font-family: 'Graphik-Regular';
 font-family: 'Graphik-Light';
 font-family: 'Graphik-Medium';
 font-family: 'Graphik-Semibold';
 font-family: 'Graphik-Bold';
 font-family: 'Graphik-Black';*/


.wrapper{ width: 100%;}

.container{ max-width: 1250px; margin: 0px auto; }


.header_sec{ width: 100%; position: absolute; left: 0px; top: 0px; z-index: 9; padding: 10px 0; }
.header_sec .container{ max-width: 1366px;}
.header_innr{position: relative;}
.navbar-brand{ width: auto; float: left; }
.navbar-brand img{ max-width: 280px;}
.nav_top ul.navbar-right{ float: right; padding-right: 360px; margin-top: 20px; }
.nav_top ul.navbar-right li{ float: left; margin-left: 20px; }
.nav_top ul.navbar-right li:first-child{ margin-left: 0px; }
.nav_top ul.navbar-right li:last-child a{ padding-right: 15px; }
.nav_top ul.navbar-right li a{ color: #2c3240; font: normal 18px/22px 'Graphik-Regular'; text-transform: capitalize; padding: 12px; }
.nav_top ul.navbar-right li a:hover{ color: #24aef1;}
.nav_top ul.navbar-right li.actv a{ color: #24aef1; font-family: 'Graphik-Semibold'; }

.top_btn{ width: auto; position: absolute; right: 0px; top: 20px; }
.top_btn li{ margin-left: 10px; font: normal 16px/18px 'Graphik-Semibold'; color:#6f7990; float: left; }
.top_btn li:first-child{ margin-left: 0px; }
.top_btn li.cart{ font-family: 'Graphik-Regular'; position: relative; margin-right: 0px; }
.top_btn li.cart a{ color:#6f7990; text-decoration: none; outline: none; }
.top_btn li.cart::after { width: 12px; height: 12px; border: 2px solid #fff; position: absolute; right: 10px; top: 9px; border-radius: 100%; content: ""; background: #81cc55; }
.top_btn li.cart span{ float: left; }
.top_btn li.cart img{ float: right; max-width: 100%; margin: 0 0 0 5px; }
.top_btn li a{ color:#fff; text-decoration: none; outline: none; padding: 12px 15px; border-radius: 5px; }
.top_btn li.registr a{ background: #f57131; -webkit-box-shadow: 4px 4px 13px 4px #d5e0e6; box-shadow: 4px 4px 13px 4px #d5e0e6; }
.top_btn li.login a{ background: #24aef1; -webkit-box-shadow: 4px 4px 13px 4px #d5e0e6; box-shadow: 4px 4px 13px 4px #d5e0e6; }
.top_btn li a i{ float: left; margin: 0 10px 0 0; }
.top_btn li a:hover{ background: #a6c16d; }
.top_btn li.cart a:hover { background: none; }

.banner_sec{ width: 100%; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/topban.png") no-repeat left bottom #fff; background-size: 100% 100%; min-height: 900px; position: relative; display: inline-block;}
/*.banner_sec:before{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/toptree1.png") no-repeat 0 0; width: 16%; height: 67px; position: absolute; left: 0px; top: 57px; content: ""; background-size: 100% 100%; }
.banner_sec:after{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/toptree2.svg") no-repeat 0 0; width: 125px; height: 60px; position: absolute; right: 0px; top: 75px; content: ""; background-size: 100% 100%; }*/
.banner_innr{ display: grid; grid-template-columns: 50% auto; grid-gap: 0 15px; }
.banner_box{ width: 100%; padding-top: 230px; }
.banner_box strong{ font: normal 45px/50px 'Graphik-Bold'; color:#2c3240; }
.banner_box p{ font: normal 18px/28px 'Graphik-Regular'; color:#4e566a; padding-top: 18px; }
.banner_box a.get_btn{ font: normal 18px/24px 'Graphik-Semibold'; color:#2c3240; margin-top: 24px; padding: 13px 28px; border-radius: 5px; background: #ffb600; text-transform: capitalize; display: inline-block;
 -webkit-box-shadow: 13px 11px 21px 5px #47a8c9; box-shadow: 13px 11px 21px 5px #47a8c9; }
.banner_box a.get_btn:hover{ background: #f57131; color:#fff; }
.ban_img{ width: 50%; position: absolute; right: 0px; top: 84px; }
.ban_img img{ max-width: 100%; width: 100%; }
.ban_img:after{ width: 165px; height: 165px; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/box.png") no-repeat 0 0; position: absolute; right: 0px; bottom: 0px; background-size: 100%; content: ""; }

.welcome_sec{ width: 100%; padding: 30px 0 80px 0; text-align: center; position: relative;  display: inline-block;}
.welcome_innr{ width: 100%; display: grid; }
/*.welcome_innr .top_heading{grid-column: 1/3; }*/
.top_heading{ text-align: center; }
.top_heading h1, .top_heading h2, .top_heading h3{ font: normal 50px/54px 'Graphik-Semibold'; color:#1a233b; }
.top_heading h5{ font: normal 20px/24px 'Graphik-Semibold'; color:#24aef1; padding-top: 15px; }
.top_heading p{ font: normal 16px/30px 'Graphik-Regular'; color:#5b606a; padding-top: 12px; }
.top_heading p b{ font-family: 'Graphik-Semibold'; color:#5b606a; }
.welcome_sec:after{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/circle.png") no-repeat 0 0; width: 378px; height: 353px; position: absolute; left: -41px; bottom: -50px; content: ""; background-size: 100%; }


.welcome_top{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0 34px;  }
.welcome_box{ width: 100%; padding: 20px; margin-top: 25px; min-height: 230px; border: 1px solid #ebebeb; border-radius: 5px; -webkit-box-shadow: 0 0 15px 10px #f5f5f5; box-shadow: 0 0 15px 10px #f5f5f5;
 background:#fff; position: relative; z-index: 9;}
.welcome_box ul{ width: 100%; float: left; }
.welcome_box ul li{ width: 100%; float: left; padding: 5px; padding-left: 36px; font: normal 18px/30px 'Graphik-Light'; color:#6a6f78; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/bullet.png") no-repeat left 8px; text-align: left; }
.welcome_sec a.read_btn{ width: 235px; height: 50px; text-decoration: none; outline: none ; border-radius: 5px; display: inline-block; margin-top: 40px; font: normal 16px/50px 'Graphik-Semibold'; color:#fff;
 -webkit-box-shadow: 4px 6px 12px 2px #e0e0e3; box-shadow: 4px 6px 12px 2px #e0e0e3;  background: rgb(0,0,0);
 background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(37,184,237,1) 000%, rgba(38,196,232,1) 31%, rgba(39,206,228,1) 64%, rgba(40,210,226,1) 100%);}
.welcome_sec a.read_btn:hover{ background: #f57131; }


.featured_sec{ width: 100%; position: relative; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/blubg.jpg") no-repeat left bottom #2c3240; padding: 100px 0 120px 0; text-align: center; background-size: 100%; }
.featured_sec .top_heading h2{ color:#fff; }
.featured_innr{ display: grid; grid-template-columns: auto auto auto; grid-gap: 0 40px; padding: 20px 0 0; }
.featured_box{ width: 100%; margin-top: 40px; box-shadow: 0 0 19px 1px #1a1d25; -webkit-box-shadow: 0 0 19px 1px #1a1d25; float: left; background: #fff; }
.featured_box img{ width: 100%; float: left; }
.featured_txt{background: #fff; width: 100%; padding: 20px 25px; text-align: left; display: grid; display: inline-block; }
.featured_txt h4{ font: normal 22px/26px 'Graphik-Semibold'; color:#333333;  }
.featured_txt h5{ font: normal 16px/26px 'Graphik-Regular'; color:#6a6f78; padding: 2px; padding-left: 20px; margin-top: 12px; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/location.png") no-repeat left 6px; }
.featured_txt a.view_btn{ text-decoration: none; outline: none; font: normal 16px/26px 'Graphik-Bold'; color:#81cc55; display: inline-block; margin-top: 30px; }
.featured_txt a.view_btn span{ text-decoration: underline; }
.featured_txt a.view_btn i{ margin-left: 10px; }
.featured_sec:after{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/toptree3.svg") no-repeat 0 0; width: 284px; height: 170px; position: absolute; right: -7px; bottom: -76px; content: ""; background-size: 100% 100%; }
.featured_sec:before{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/toptree4.svg") no-repeat 0 0; width: 269px; height: 170px; position: absolute; left: 0px; top: 76px; content: ""; background-size: 100% 100%; }
.featured_sec a.read_btn{ width: 235px; height: 50px; text-decoration: none; outline: none ; border-radius: 5px; display: inline-block; margin-top: 40px; font: normal 16px/46px 'Graphik-Semibold'; color:#fff;
 background: none; border: 2px solid #fff; }
.featured_sec a.read_btn:hover{ background: #f57131; border-color:#f57131; }
.featured_txt a:hover{ color: #f57131;}

.platform_sec{ width: 100%; padding: 100px 0 200px 0; position: relative; text-align: center; }
.platform_innr{ display: grid; grid-template-columns: auto auto auto; grid-gap: 0 40px; justify-content: center; }
.platform_box{ width: 370px; height: 370px; margin-top: 40px; border: 1px solid #edf1f3; margin-top: 35px; background: #f2f9fc; border-radius: 100%; align-content: center; display: grid; }
.platform_box h4{ font: normal 28px/28px 'Graphik-regular'; color:#1a233b; }
.platform_box h3{ font: normal 65px/50px 'Graphik-Semibold'; color:#1a233b; padding-top: 16px; }

.platform_img_sec{ width: 100%; padding: 100px 0 0 0; position: relative; text-align: center; }
.platform_img_innr{ display: grid; grid-template-columns: auto auto auto; grid-gap: 0 40px; justify-content: center; }

.platform_img{ width: 300px; height: 300px; border-radius: 100%; align-content: center; display: grid; }
.platform_img img{ max-width: 200px; align-content: center; width: 100%;}

.platform_sec a.get_btn{ font: normal 18px/24px 'Graphik-Semibold'; color:#2c3240; margin-top: 60px; padding: 13px 28px; border-radius: 5px; background: #ffb600; text-transform: capitalize; display: inline-block;
 -webkit-box-shadow: 13px 11px 21px 5px #eaeaea; box-shadow: 13px 11px 21px 5px #eaeaea; }
.platform_sec a.get_btn:hover{ background: #f57131; color:#fff; }


.customer_sec{ width: 100%; padding: 50px 0 150px 0; position: relative; background: #f8fbff;  }
.owl_imgg{background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/owl.png") no-repeat 0 0; width: 336px; height: 100%; background-size: 100%; position: absolute;
left: 0px; top: -228px; }
.customer_sec:before{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/bg1.png") no-repeat 0 0; width: 100%; height: 160px; position: absolute; left: 0px; top: -140px;
background-size: 100%; content: ""; }
.customer_sec:after{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/bg2.png") no-repeat 0 0; width: 100%; height: 152px; position: absolute; left: 0px; bottom: -10px;
background-size: 100%; content: ""; }

.customer_innr{ width: 100%; display: inline-block; padding: 20px 80px 0; }
.customer_sec .container{ max-width: 1366px; }
.customer_box{ width: 100%; padding: 40px 25px 30px; background: #fff; border: 1px solid #e9e9e9; border-radius: 5px; box-shadow: 0 0 26px 2px #eef1f5; }
.customer_box ul.rating{ width: 100%; display: inline-block; }
.customer_box ul.rating li{ float: left; margin-right: 5px; }
.customer_box ul.rating li:last-child{ margin-right: 0px; }
.customer_box ul.rating li img{width: auto !important; max-width: 100% !important; }
.customer_box p{ font: normal 16px/30px 'Graphik-Regular'; color:#858585; padding-top: 12px; font-style: italic; }
.customer_btm{ width: 100%; display: inline-block; padding: 22px 0 0; margin-top: 30px; border-top: 2px solid #dedede; }
.customer_btm img{ max-width: 100%; float: left; border-radius: 100%; width: auto !important; margin: 0 10px 0 0; }
.customer_btm h5{ font: normal 18px/22px 'Graphik-Bold'; color:#222; padding-top: 7px; }
.customer_btm em{ font: normal 16px/20px 'Graphik-Regular'; color:#666; font-style: normal; }
.customer_innr .owl-carousel .owl-item{ padding: 10px;}
.customer_innr .owl-carousel .owl-nav.disabled{ display: block; }
.customer_innr .owl-prev{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/prev.png") no-repeat 0 0; width: 60px; height: 60px; position: absolute; left: -72px; top: 42%; z-index: 99; font-size: 0px; background-size: 100%;}
.customer_innr .owl-prev:hover{background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/prevhvr.png") no-repeat 0 0; background-size: 100%; }
.customer_innr .owl-next{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/next.png") no-repeat 0 0; width: 60px; height: 60px; position: absolute; right: -72px; top: 42%; z-index: 99; font-size: 0px; background-size: 100%;}
.customer_innr .owl-next:hover{background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/nexthvr.png") no-repeat 0 0; background-size: 100%; }

.blog_sec{ width: 100%; padding: 200px 0; position: relative; text-align: center; }
.blog_sec:after{ no-repeat 0 0; width: 284px; height: 170px; position: absolute; right: 0px; top: -50px; content: ""; background-size: 100% 100%; }
.blog_innr{ display: grid; grid-template-columns: 50% auto auto; grid-gap: 40px; padding: 40px 0 0; }
.blog_innr.blog_list{ grid-auto-flow: dense; grid-template-columns: repeat(auto-fill,minmax(280px, 1fr)); grid-gap: 40px; padding: 40px 0 0; }
.blog_box{ width: 100%; -webkit-box-shadow: 0 0 25px 7px #edeff4; box-shadow: 0 0 25px 7px #edeff4; border-radius: 8px; }
.blog_img{ width: 100%; }
.blog_img img{ width: 100%; border-radius: 8px 8px 0 0; float: left; }
.blog_img a { width: 100%; float: left;}
.blog_txt{ width: 100%; padding: 20px; background: #fff; display: inline-block; text-align: left; }
.blog_txt h4{ font: normal 16px/26px 'Graphik-Semibold'; color:#1a233b; }
.blog_txt h4 a{ color:#1a233b;}
.blog_txt p{ font: normal 14px/22px 'Graphik-Regular'; color:#6a6f78; padding-top: 5px; }
.blog_txt a.more_btn{ text-decoration: none; outline: none; font: normal 16px/26px 'Graphik-Bold'; color:#81cc55; display: inline-block; margin-top: 30px; }
.blog_txt a.more_btn span{ text-decoration: underline; }
.blog_txt a.more_btn i{ margin-left: 10px; }
.blog_txt a.more_btn:hover{ color: #f57131;}
.blog_desk .blog_box:first-child .blog_img{ width: 50%; float: left;  }
.blog_desk .blog_box:first-child .blog_img img{  border-radius: 8px 0 0 8px; }
.blog_desk .blog_box:first-child .blog_txt{ width: 50%; float: left; }
.blog_sec a.read_btn{ width: 220px; height: 50px; text-decoration: none; outline: none ; border-radius: 5px; display: inline-block; margin-top: 40px; font: normal 16px/46px 'Graphik-Semibold'; color:#1a233b;
 background: none; border: 2px solid #1a233b; }
.blog_sec a.read_btn:hover{ background: #f57131; border-color:#f57131; color:#fff; }


.planning_sec{ width: 100%; padding: 135px 0 330px 0; text-align: center; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/footerbg4.jpg") no-repeat 0 0; background-size: 100% 100%; }
.planning_sec a.get_btn{ font: normal 18px/24px 'Graphik-Semibold'; color:#2c3240; margin-top: 60px; padding: 13px 28px; border-radius: 5px; background: #ffb600; text-transform: capitalize; display: inline-block;
 -webkit-box-shadow: 13px 11px 21px 0px #7cc0d6; box-shadow: 13px 11px 21px 0px #7cc0d6; }
.planning_sec a.get_btn:hover{ background: #f57131; border-color: #f57131; color: #fff;}

.footer_sec{ width: 100%; background: #f8f8f8; margin-top: -60px; padding: 30px 0 0; display: inline-block; }
.footer_top{ display: grid; grid-template-columns: 25% 25% 25% 25%; padding-bottom: 20px; }
.footer_logo{ }
.footer_logo img{ max-width: 100%; width: 230px; }
.footer_logo p{ font: normal 14px/22px 'Graphik-Light'; color:#6a6f78; padding-top: 10px; }
.footer_logo a.read_btn{ font: normal 14px/26px 'Graphik-Semibold'; color:#f0ab00; outline: none; text-decoration: underline; margin-top: 10px; }
.footer_logo a.read_btn:hover{ color: #49c2f7; }
.footer_box{ padding-left: 15px; }
.footer_box h4{ font: normal 18px/20px 'Graphik-Medium'; color:#1a233b; padding-bottom: 13px; }
.footer_box ul{ width: 100%; display: inline-block; }
.footer_box ul li{ float: left; width: 100%; font: normal 14px/28px 'Graphik-Light'; color:#6a6f78; }
.footer_box ul li a{ float: left; width: 100%; color:#6a6f78; text-decoration: none; outline: none; }
.footer_box ul.contact_info li{ margin-bottom: 10px; line-height: 24px; }
.footer_box ul li a:hover{ color: #49c2f7; }


.footer_btm{ width: 100%; background: #effafd; padding: 20px 0; float: left; }
.left_txt{ float: left; font: normal 14px/24px 'Graphik-Light'; color:#666; padding-top: 5px; }
.left_txt a{ color:#4cc6f7; font-family: 'Graphik-Semibold'; text-decoration: none; outline: none; }
.social_sec{ float: right;}
.social_sec li{ float: left; margin-left: 10px; text-align: center; }
.social_sec li:first-child{ margin-left: 0px; }
.social_sec li a{ width: 34px; height: 34px; background: #cbecfa; line-height: 39px; color:#49c2f7; border-radius: 100%; }
.social_sec li a i{ font-size: 18px; }
.social_sec li a:hover{ background: #49c2f7; color:#fff; }

.footer_box:nth-child(2){ padding-left: 130px; }
.footer_box:nth-child(3){ padding-left: 80px; }
.welcome_sec .top_heading h1 br{ display: none;}

.blog_mob{ display: none;}


/*Pricing*/
.innr_header{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/headerbg.png") no-repeat 0 0; background-size: 100% 100%; position: absolute; left: inherit; float: left; padding: 10px 0 60px; }
.top_img1{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/toptree1.png") no-repeat 0 0; /*background: url('../images/branches.svg') no-repeat 0 0;*/ width: 16%; height: 105px; position: absolute; left: 0px; top: 37px; background-size: 100% 100%;}
.top_img2 {background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/toptree2.svg") no-repeat 0 0; width: 125px; height: 60px; position: absolute; right: 0; top: 75px; background-size: 100%;}

.pricing_sec{ width: 100%; }
.pricing_innr { display: grid; grid-template-columns: 40% 60%; padding: 29px 20px 80px; align-items: center; }
.pricing_left{ width: 100%; }
.pricing_sec .top_heading h5 { padding-top: 10px; }
.pricing_box{ width: 100%; text-align: center; background: #f9fbfe; border: 1px solid #dfe4ec; padding: 80px 0; -webkit-box-shadow: 0 0 28px -2px #dfe4ec; box-shadow: 0 0 28px -2px #dfe4ec; }
.pricing_box h2{ font: normal 100px/90px 'Graphik-Semibold'; color:#2c3240; }
.pricing_box p{ font: normal 16px/24px 'Graphik-Regular'; color:#666; text-transform: uppercase; padding-top: 16px; }
.pricing_box a.price_btn{ padding: 17px 40px; background: #ffb600; text-transform: capitalize; text-decoration: none; outline: none; border-radius: 5px; font: normal 20px/24px 'Graphik-Semibold'; color:#2c3240;
outline: none; margin-top: 20px; }
.pricing_box a.price_btn:hover{ background: #f57131; color:#fff; }
.pricing_rt{ width: 100%; padding-left: 40px; }
.pricing_rt h3{ font: normal 40px/42px 'Graphik-Semibold'; color:#2c3240; padding-bottom: 12px; }
.pricing_rt ul{ width: 50%; float: left; }
.pricing_rt ul li{ width: 100%; float: left; margin-top: 15px; padding: 3px; padding-left: 36px; font: normal 18px/24px 'Graphik-Medium'; color:#2c3240;
background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/bullet.png") no-repeat left 1px; }

/*Auction*/
.auction_sec{ width: 100%; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/auctionbg.png") no-repeat 0 0; position: relative; padding: 140px 0 220px 0; background-size: 100% 100%; }
.auction_innr{ display: grid; grid-template-columns: auto auto; padding: 35px 25px 0; align-items: center;  grid-gap: 20px; }
.auction_box{ width: 100%; }
.auction_box ul{ width: 100%; display: inline-block; }
.auction_box ul li{ width: 100%; display: inline-block; margin-top: 15px; font: normal 16px/24px 'Graphik-Medium'; color:#2c3240; padding-left: 18px; position: relative; }
.auction_box ul li:before{ width: 10px; height: 10px; position: absolute; left: 0px; top: 6px; background: #2c3240; content: ""; border-radius: 100%; }
.customer_sec2{ background: #fff; }
.customer_sec2:after{ display: none; }
.customer_sec2:before{ display: none; }
.owl_imgg2 {background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/owl2.png") no-repeat 0 0; left: inherit; right: 0px; top: -40px; background-size: 100%; }
.customer_sec2 .owl_imgg{ display: none; }
.auction_sec::before { background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/toptree4.svg") no-repeat 0 0; width: 269px; height: 170px; position: absolute; left: 0px; bottom: 0; content: ""; background-size: 100%;}
.tree_new{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/toptree3.svg") no-repeat 0 0; background-size: auto; width: 100px; height: 60px; position: absolute; right: 0px; bottom: -30px; background-size: 100%; z-index: 9;
display: none; }
.mob{ display: none; }

.featued_page{ width: 100%; display: inline-block; padding: 30px 0 90px 0; }
.featued_page .top_heading h1{ font-family: 'Graphik-Medium'; font-size: 35px; line-height: 40px; }
.featued_page .top_heading h5{ padding-top: 5px; }
.featued_top{ padding: 30px 0 0; display: grid; grid-template-columns: 66% 33%; grid-gap: 15px; }
.featued_topLeft{ width: 100%; }
.featued_topLeft input[type="text"]{ width: 100%; height: 52px; border: 1px solid #d7d7d7; border-radius: 5px; -webkit-appearance: none; outline: none; font: normal 15px/52px 'Graphik-Regular';
color:#333; padding: 0 15px; padding-right: 42px; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/search.png") no-repeat right 16px center #fff; }
.featued_topLeft input[type="text"]::placeholder{ opacity: 1; color:#d7d7d7; }
.featued_topRt{ width: 100%; }
.featued_topRt select{ width: 315px; height: 52px; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/arw.png") no-repeat right 15px center #dceef4; padding: 0 35px 0 15px; font: normal 18px/50px 'Graphik-Semibold';
border-radius: 5px; -webkit-appearance: none; border: 1px solid #afdae7; float: right; cursor: pointer; }
.featued_topRt ul{ float: left; padding: 12px 0 0 6px; }
.featued_topRt ul li{ float: left; margin-right: 15px; font-size: 30px; color: #2c3240; }
.featued_topRt ul li a{ color: #2c3240;}
.featued_topRt ul li.slct a{color:#24aef1;}
.featued_topRt ul li:last-child{ margin-right: 0px; }
.featued_topRt ul li img{ max-width: 100%; }
.featured_innr.featued_innr2 { grid-template-columns: auto auto auto auto; grid-gap: 0 22px; }
.featued_innr2 .featured_box { margin-top: 20px; box-shadow: 0 0 14px 1px #eee9e9; -webkit-box-shadow: 0 0 14px 1px #eee9e9;}
.featued_innr2 .featured_txt h4{ font-size: 18px; line-height: 24px; }
.featued_innr2 .featured_txt h5{ font-size: 14px; background-size: 11px; background-position: left 6px; padding-left: 18px; line-height: 22px; margin-top: 10px; }
.featued_innr2 .featured_txt a.view_btn { margin-top: 12px; font-size: 12.1px; line-height: 16px; }
.featued_innr2 .featured_txt a.view_btn i { margin-left: 6px; }
.featued_innr2 .featured_txt { padding: 18px; }
.featued_innr2 .featured_box img { height: 230px; object-fit: cover;}

.featued_page .read_btn{ width: 185px; height: 50px; border: 2px solid #333; text-align: center; text-transform: capitalize; border-radius: 5px; display: block;
font: normal 16px/45px 'Graphik-Semibold'; color:#333; box-shadow: 0 8px 14px 4px #e0e0e3; margin: 30px auto 0; }
.featued_page .read_btn:hover{ background: #333; color:#fff; }
.featured_box a{ width: 100%; float: left; }
.featued_innr2 .featured_txt a.view_btn{ width: auto; }
.featured_txt a.view_btn{ width: auto; }

.footer_innr.footer_sec{ margin: 0px; }
.footer_innr .footer_top{ padding: 60px 0 40px 0; }


/*Browse Items*/
.browse_sec{ width: 100%; }
.browse_innr { padding: 30px 0 0; display: grid; grid-template-columns: 25% 73%; grid-gap: 0 25px; }
.browse_left{ width: 100%; }
.browse_leftInnr{ width: 100%; display: inline-block; background: #f4f4f4; padding: 15px 12px 25px 0; border: 1px solid #e2e2e2; }
.browse_leftInnr h3{ padding-left: 10px; font: normal 20px/25px 'Graphik-Semibold'; color:#1a233b; margin-bottom: 10px;  }
.browse_leftInnr h3 span{ padding-bottom: 10px; border-bottom: 2px solid #d5d5d5; width: 100%; display: inline-block; }
.browse_list{ width: 100%; }
.browse_list .eg{ padding-right: 18px; /*height: 100% !important;*/ }
.browse_list ul{ width: 100%; display: inline-block; padding: 10px 0 0; }
.browse_list ul li{ width: 100%; float: left; font: normal 16px/18px 'Graphik-Regular'; color:#1a233b; }
.browse_list ul li a{ color:#1a233b; text-decoration: none; outline: none; width: 100%; padding: 10px; padding-left: 18px; border-left: 5px solid transparent;  }
.browse_list ul li a:hover{ background: #fff; border-color: #24adf0; -webkit-box-shadow: 0 0 4px 5px #ececec; box-shadow: 0 0 4px 5px #ececec; }
.js-scroll-rail{ width: 5px !important; right: 5px !important; }
.js-scroll-bar { background: #24aef1 !important; width: 15px !important; height: 45px !important; }
.js-scroll-wrapper{ /*height: 400px !important;*/ }
.browse_rt{ width: 100%; }
.browse_innrRt.featured_innr.featued_innr2{ grid-template-columns: auto auto auto; grid-gap: 0 15px; padding-top: 10px; }
.browse_rt .featued_top {padding: 0px; grid-template-columns: 60% 38%; grid-gap: 15px;}
.browse_rt .featued_topRt select{ width: 245px;}


/*Auction Details*/
.innr_header2 { width: 100%; position: inherit; left: inherit; top: inherit; background: #fff; display: inline-block; -webkit-abox-shadow: 0 0 15px 4px #e2e2e2; box-shadow: 0 0 15px 4px #e2e2e2; padding: 22px 0;}
.innr_header2 .navbar-brand { padding: 3px 22px; -webkit-abox-shadow: 0px 7px 16px -1px #e2e2e2; box-shadow: 0px 7px 16px -1px #e2e2e2; position: absolute; left: 0; top: -22px; background: #fff;
  border-radius: 0 0 6px 6px; }
.navbar-brand img { max-width: 280px; float: left; }
.innr_header2 .navbar-brand { padding: 2px 22px; -webkit-abox-shadow: 0 6px 15px -1px #e2e2e2;  box-shadow: 0 6px 15px -1px #e2e2e2; }
.innr_header2 .nav_top { position: relative; width: 100%; float: left;}
.innr_header2 .top_btn {width: auto; position: inherit; right: inherit; top: inherit; float: left; }

.bredcamb_sec{ width: 100%; padding: 24px 0; display: inline-block; }
.bredcamb_sec ul{ width: 100%; }
.bredcamb_sec ul li{ float: left; margin-right: 30px; font: normal 14px/16px 'Graphik-Regular'; color:#2c3240; }
.bredcamb_sec ul li a{ color:#2c3240; text-decoration: none; outline: none; }
.bredcamb_sec ul li a:hover{ color:#24aef1; }
.bredcamb_sec ul li.actv{ color:#24aef1; font-family: 'Graphik-Medium'; }
.header_sec.innr_header2 .container {  max-width: 1250px; }

.mobile{ display: none;}
.top_sec{ float: right; }
.profile_box{ width: auto; float: right; margin-left: 12px; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/arw.png") no-repeat right top 31px; position: relative; padding-right: 20px; cursor: pointer; }
.profile_box img{ max-width: 100%; border-radius: 100%; margin: 0 10px 0 0; float: left; }
.profile_box em{ float: right; font: normal 16px/20px 'Graphik-Regular'; font-style: normal; color:#1a233b; text-transform: capitalize; padding-top: 5px; }
.profile_box em b{font-family: 'Graphik-Semibold'; font-weight: normal; }
.profile_dropbox{ width: 190px; position: absolute; right: 0px; top: 125%; background: #fff; border-radius: 5px; box-shadow: 0 0 15px 4px #e2e2e2; min-height: 100px; padding: 8px;
border-bottom: 4px solid #24aef1; opacity: 1; visibility: hidden;  max-height: 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
 -o-transition: all 0.3s;transition: all 0.3s; z-index: 99; }
.profile_dropbox:after{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/whitearw.jpg") no-repeat 0 0; position: absolute; right: 15px; top: -18px; width: 54px; height: 19px; background-size: 100%; content: ""; }
.profile_dropbox ul{ width: 100%; float: left; }
.profile_dropbox ul li{ width: 100%; float: left; font: normal 15px/21px 'Graphik-Medium'; color:#1a233b; }
.profile_dropbox ul li a{ width: 100%; float: left; padding: 6px 15px; color:#1a233b; outline: none; text-decoration: none; }
.profile_dropbox ul li a i{ float: left; margin: 3px 7px 0 0; }
.profile_dropbox ul li a:hover{ color:#24aef1; }
.profile_box:hover .profile_dropbox{ visibility: visible; opacity: 1; max-height: 300px; }

.auction_details .browse_leftInnr{ margin-top: 20px; }
.auction_details .browse_left .featued_topLeft input[type="text"]{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/search.png") no-repeat right 16px center #f4f4f4; color:#333; }
.auction_details .browse_left .featued_topLeft input[type="text"]:placeholder{ color:#d2d2d2; opacity: 1; }
.details_rt{ display: grid; grid-template-columns: 50% 50%; }


/*owl-caro2 sync1*/
#sync1.owl-theme { position: relative; border: 1px solid #b4b4b4; padding: 10px; }

/*#sync1.owl-theme .owl-next, .owl-prev { width: 22px; height: 40px; margin-top: 0; position: absolute; top: 50%; }*/
#sync1 .owl-prev { left: 10px;}
#sync1  .owl-next { right: 10px; }
.details_slider #sync1 .owl-prev{ display: none !important;}
.details_slider #sync1 .owl-next{ display: none !important;}
.details_slider .owl-dots{ display: none !important;}
.details_slider #sync2 .owl-item{ padding: 0 10px;}
.details_slider #sync1 .owl-item { padding: 0; }
.details_slider #sync2 .owl-item.active.current img{ opacity: 1;}
.details_slider #sync2 .owl-prev{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/leftarw.png") no-repeat center center !important; width: 10px; height: 16px; position: absolute; left: -12px;
font-size: 0px !important; top: -52px; cursor: pointer; background-size: 100%; }
.details_slider #sync1 .owl-prev svg{ display: none; }
.details_slider #sync1 .owl-next svg{ display: none; }
.details_slider #sync2 .owl-next{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/rtarw.png") no-repeat center center !important; width: 10px; height: 16px; position: absolute; right: -12px;
font-size: 0px !important; top: -52px; cursor: pointer; background-size: 100%;}
.owl-theme .owl-nav .disabled{ opacity: 1 !important;}
.details_slider img{ max-width: 100% !important; width: auto !important; display: inline-block !important; float: left; width: 100% !important; }
.details_slider{ text-align: center;}
.details_slider #sync2 img{width: 100% !important;  float: left; }
#sync2{ padding: 0 15px 15px; }
.details_slider #sync2 .owl-item{  padding: 15px 6px; }
.details_slider #sync2 .owl-item .item{ border: 2px solid transparent; float: left; }
.details_slider #sync2 .owl-item.current .item{ border-width: 2px; border-color:#000; float: left; -webkit-box-shadow: 0 0 11px 3px #cfcfcf; box-shadow: 0 0 11px 3px #cfcfcf; }
.details_slider #sync2 .owl-item img{ max-width: 100%; }
.details_slider .owl-nav {  position: relative; }

.details_info{ width: 100%; padding: 0 0 0 30px; }
.details_info h1, .details_info h2{ font: normal 35px/40px 'Graphik-Semibold'; color:#1a233b; padding-bottom: 5px; }
.details_info h5{ font: normal 15px/20px 'Graphik-Semibold'; color:#666; padding: 2px 0 0; }
.details_info h5 a{ color:#24aef1; margin-left: 35px; text-decoration: none; }
.details_info h5 a:hover{ color: #ed7944; }
.details_info h5 b{ color:#1a233b; font-weight: normal; font-family: 'Graphik-Semibold'; }
.details_infoTop{ width: 100%; display: inline-block; padding: 25px 0 0; }
.details_infoTopleft{ width: 40%; float: left; }
.details_infoTopleft h5{ font: normal 15px/20px 'Graphik-Semibold'; color:#666; }
.details_infoTopleft h2{ font: normal 30px/35px 'Graphik-Semibold'; color:#ed7944;}
.details_infoTopleft p{ font: normal 13px/20px 'Graphik-Regular'; color:#666; }
.details_infoToprt{ width: 60%; float: right; }
.bid_box{ width: 100%; border: 1px solid #e0e0e0; border-radius: 3px; float: left; }
.bid_box input[type="text"]{ width: 60%; float: left; background: url("") no-repeat left 8px center #fff; padding: 0 12px 0 22px; outline: none; -webkit-appearance: none;
font: normal 18px/45px 'Graphik-Semibold'; color:#24aef1; height: 45px; border: none; border-radius: 3px 0 0 3px; }
.bid_box input[type="text"]::placeholder{ opacity: 1; color:#24aef1; }
.bid_box input[type="submit"]{ width: 40%; float: right; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/bid.png") no-repeat left 10px center #81cc55; padding: 0 0 0 16px; outline: none; -webkit-appearance: none; height: 45px;
font: normal 18px/45px 'Graphik-Semibold'; color:#fff; border: none; cursor: pointer; border-radius:0 3px 3px 0; }
.bid_box input[type="submit"]:hover{ background:url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/bid.png") no-repeat left 10px center #ed7944; }
.details_infoToprt p{ font: normal 13px/25px 'Graphik-Regular'; color:#666; }
.buy_btn{ width: 100%; height: 45px; background: #81cc55; font: normal 18px/45px 'Graphik-Semibold'; color:#fff; outline: none; -webkit-appearance: none; display: inline-block; margin-top: 20px;
border: none; border-radius: 5px; cursor: pointer; }
.buy_btn:hover{ background: #ed7944; }
.details_infoTop h3{ font: normal 15px/20px 'Graphik-Semibold'; color:#666; margin-top: 50px; display: inline-block; width: 100%; }
.details_infoTop h3 b{ font-weight: normal; color:#1a233b;}
.details_time{ width: 100%; margin-top: 30px; padding: 25px 0; display: inline-block; border-top: 2px solid #d2d2d2; }
.details_time em{ float: left; font: normal 15px/18px 'Graphik-Semibold'; color:#666; padding-top: 9px; text-transform: capitalize; font-style: normal; }
.details_time .is-countdown{ float: right; background: none; border: none; }
.details_time .countdown-section{ font: normal 22px/30px 'Graphik-Semibold'; color:#1a233b; text-align: center; }
.details_time .countdown-section>span{ font-weight: normal; color:#666; font-size: 12px; font-family: 'Graphik-Light'; }
.timer { width: auto; float: left; margin-left: 30px; }
.timer .lead{ padding-left: 22px; font: normal 22px/18px 'Graphik-Semibold'; color:#1a233b; text-align: center; display: inline-block; padding-left: 30px; position: relative; margin-left: 18px; }
.timer .lead .badge{ font-weight: normal; color:#666; font-size: 12px; font-family: 'Graphik-Light'; display: inline-block; line-height: 16px; }
.timer .lead:first-child{ padding-left: 0px; margin-left: 0px; }
.timer .lead:after{ position: absolute; left: 0px; top: -3px; content: ":";  }
.timer .lead:first-child:after{ display: none; }
.details_time h5{ font: normal 14px/16px 'Graphik-Regular'; color:#666; padding-top: 20px; display: inline-block; width: 100%; }
.share{ width: 100%; display: inline-block; padding-top: 10px; }
.share img{ max-width: 100%; }
.share h3{ font: normal 18px/24px 'Graphik-Regular'; color:#666; padding-top: 10px; }
.share h3 b{ font-family: 'Graphik-Semibold'; color:#000000; }
.browse_sec.auction_details { padding-bottom: 50px;}


.bottm_content{ width: 100%; display: inline-block; padding-top: 30px; }
.bottm_content h3{ font: normal 35px/40px 'Graphik-Semibold'; color:#1a233b;}
.bottm_content p{ font: normal 16px/26px 'Graphik-Regular'; color:#666666; padding-top: 8px; }
.details_rt .visible-xs{ padding-left: 0px;}


.featured_innr.featued_innr2.grid { display: inline-block; width: 100%;grid-template-columns: inherit;grid-gap: inherit;}
.featured_innr.featued_innr2.grid .featured_box{ display:flex;align-items: center;}
.featured_innr.featued_innr2.grid .featured_box a{max-width: 300px;}
.innr_header2 .navbar-brand{ width: auto !important;}


/*29.1.2021*/
.dashbordheader{ position: relative; top:0px; display: inline-block; background: #f7f6fc; }
.dashbordheader .container, .dashbordbodysec .container{ max-width: 1600px !important; padding: 0 15px;}
.dashbordbody{ background: #f7f6fc; }
.dropdown-menu{ position: absolute; top: 100%; left: 0px; width: 140px; background: #fff;}
.nav_top ul.navbar-right li.dropdown{ position: relative;}
.nav_top ul.navbar-right li .dropdown-menu li{ width: 100%; margin: 0px !important;}
.nav_top ul.navbar-right li .dropdown-menu li a{ width: 100%; display: inline-block; padding:11px 10px;}

.dashbordheader .top_btn{ right: 163px;}
.dashbordheader .profile_box{ display: flex; align-items: center; background-position: right top 33px;}
.profile_box span{ position: relative; }
.profile_box span::before {
    width: 12px;
    height: 12px;
    background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/on.png") no-repeat center center;
    content: "";
    position: absolute;
    top: 1px;
    right: 10px;
}
.dashbordheader .top_btn li a{ padding: 5px !important;}
.dashbordheader .top_btn li a:hover{ background: none !important;}
.dashbordheader .top_btn li a{ position: relative;}
.dashbordheader .top_btn li a sub{ width: 15px; height: 15px; border: 1px solid #f7f6fc; color: #fff; background: #ffb600; border-radius: 90px; position: absolute; top: 0px; right: 0px; text-align: center; font:normal 11px/14px 'Graphik-Semibold';}
.dashbordheader .profile_box{ padding-top: 8px;}
.hedsrch {
    width: 245px;
    position: absolute;
    top: 18px;
    right: 290px;
}
.hedsrch input[type="text"]{ width: 100%; padding: 0 15px; height: 40px; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/search1.png") no-repeat right 10px center #fff;border:1px solid #d7d7d7; border-radius: 4px;font: normal 15px/52px 'Graphik-Regular'; color: #333; }
.dashbordheader .nav_top ul.navbar-right{ padding-right: 400px;}


.dashbordbodysec{ width: 100%; display: inline-block;}
.noconpadding{ padding: 0px !important;}
.deshmainbody{ width: 75%; float: right; padding: 20px 35px 20px 20px;background: #fff; }
.anlysrow{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0 20px;
}
.anlysbox{
    width: 100%;
    margin-top: 10px;
    box-shadow: 0 0 19px 1px #1a1d25;
    -webkit-box-shadow: 0 0 19px 1px #f5f4f7;
    float: left; border: 1px solid #edf0f3; border-radius: 8px;
}
.anlysbox img{ width: 100%;border-radius: 8px;}
.publssrow{ width: 100%; display: inline-block;}
.anlysrow2lft{ width: 65%; float: left;}
.anlysrow2rt{ width: 35%; float: left; padding-left: 30px;}
.publcBox{ width: 100%; float: left;  box-shadow: 0 0 19px 1px #1a1d25; -webkit-box-shadow: 0 0 19px 1px #f5f4f7; float: left; border: 1px solid #edf0f3; border-radius: 8px; padding: 10px; background: #fff;  margin-top: 20px; position: relative;}
.publcBox .media{ display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;}
.publcBox .media-body{ margin-left: 10px;}
.publcBox span{ color: #000; font: normal 16px/26px 'Graphik-Regular';}
.publcBox strong{ color: #000; font: normal 28px/39px 'Graphik-Semibold';}
.publcBox .mediaa img{ max-width: 100%;}
.publcBox ul{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0 10px;
}
.publcBox ul li{ width: 100%; float: left; margin-top: 21px; position: relative; padding-left: 19px;}
.publcBox ul li i {
    position: absolute;
    top: 11px;
    width: 14px;
    height: 14px;
    background: #0160f3;
    border-radius: 4px;
    left: 0px;
}

.activerange{ width: 100%; display: inline-block; margin-top: 20px;}
.activerange .rngbas{ width: 100%; height: 11px; background: #e8e9ec; border-radius: 14px; overflow: hidden; float: left;}
.activerange .rngbas > div{ display: inline-block; height: 100%; float: left; border-radius: 14px;}
.activerange .rngbas.activ > div{ background: #0064fe;}
.activerange .rngbas.inactiv > div{ background: #9ad764;}
.ihelp{ display: inline-block; position: absolute; top: 10px; right: 10px;}
.ihelp img{ max-width: 100%;}
.publcBox em{ color: #000; font: normal 16px/26px 'Graphik-Regular';}
.anlysrow2rt .publcBox span{ color: #b4b9c3;}
.anlysrow2rt .publcBox{ text-align: center;}
/*.roubndbox{ width: 210px; height:210px; background: #efeef7; position: relative; border-radius: 100%; margin-top: 20px; display: inline-block; padding: 20px;}
.roubndbox .boxa{ width: 100%; height: 100%; background: #fff;border-radius: 100%; }*/
.left-half-clipper { background:#7bc252;
   border-radius: 50%;
   width: 210px;
   height: 210px;
   position: absolute; /* needed for clipping */
   clip: rect(0, 210px, 210px, 2.5em); /* clips the whole left half*/
}

.roubndbox{ width: 100%; margin-top: 20px;}



.progress-circle {
   font-size: 20px;
   margin: 20px;
   position: relative; /* so that children can be absolutely positioned */
   padding: 0;
   width: 210px;
   height: 210px;
   background-color: #efeef7;
   border-radius: 50%;
   line-height: 5em;display: inline-block;
}

.progress-circle::after {
    border: none;
    position: absolute;
    top: 17px;
    left: 17px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 175px;
    height: 175px;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span {
    position: absolute;
    line-height: 210px;
    width: 210px;
    text-align: center;
    display: block;
    color: #53777A;
    z-index: 2;
}

/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 160px, 210px, 0);
   width: 210px;
   height: 210px;
   border-radius: 50%;
   border: 20em solid #7dc653; /*The border is 0.35 but making it larger removes visual artifacts */
   /*background-color: #4D642D;*/ /* for debug */
   box-sizing: border-box;

}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 210px, 210px, 81px);
    background-color: #53777A;
    border-radius: 62%;
    width: 210px;
    height: 210px;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }


/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }




























.progress-bar {
  background: #f1f6fa;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px #ccd6dd;
  height: 10px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  width: 300px;
}
.progress-bar--counter {
  margin-left: 10px;
  position: relative;
  top: -1px;
}
.progress-bar--counter .hidden {
  display: inline-block;
}
.progress-bar--wrap {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  margin: 10px 0;
}
.progress-bar--inner {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 10px;
  height: 10px;
  left: 0;
  min-height: 10px;
  position: absolute;
  top: 0;
}
.progress-bar--green {
  color: #6fc14b;
}
.progress-bar--green .progress-bar--inner {
  background-color: #6fc14b;
}
.progress-bar--blue {
  color: #068eda;
}
.progress-bar--blue .progress-bar--inner {
  background-color: #068eda;
}
.progress-bar--red {
  color: #fb797e;
}
.progress-bar--red .progress-bar--inner {
  background-color: #fb797e;
}
.progress-bar--yellow {
  color: #f7a81d;
}
.progress-bar--yellow .progress-bar--inner {
  background-color: #f7a81d;
}







/*////////////////////////////////////////////////////////////*/











.bars {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bars > div {
  margin: 10px;
}
.bars > div:nth-child(odd) {
  margin-left: 0;
}

.progress-bar2 {
  background: #DEE2E3;
  border-radius: 99px;
  width: 200px;
  height: 5px;
  position: relative;
  overflow: hidden;
}
.progress-bar2::before {
  border-radius: 99px;
  position: absolute;
  height: 5px;
  background: #1E9EF6;
  content: '';
  width: 0;
  transition: width .2s;
}

.progress-bar-10::before {
  width: 10%;
}

.progress-bar-20::before {
  width: 20%;
}

.progress-bar-30::before {
  width: 30%;
}

.progress-bar-40::before {
  width: 40%;
}

.progress-bar-50::before {
  width: 50%;
}

.progress-bar-60::before {
  width: 60%;
}

.progress-bar-70::before {
  width: 70%;
}

.progress-bar-80::before {
  width: 80%;
}

.progress-bar-90::before {
  width: 90%;
}

.progress-bar-100::before {
  width: 100%;
}






/****************************************************************
 *
 *
*****************************************************************/



.progressWrapper {
  position: relative;
  width: 250px;
}
.progressWrapper .progressColor {
    width: 250px;
    height: 12px;
    margin-bottom: 60px;
    appearance:none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 2px;
    overflow: hidden;
    background-color: #d7d7d7;
}
.progressWrapper .progressColor::webkit-progress-bar {
  background-color: #d7d7d7;
  -moz-transition: 4s;
  -o-transition: 4s;
  -webkit-transition: 4s;
  transition: 4s;
}
.progressWrapper .tooltip2 {
  display: inline-block;
  background-color: #717880;
  font-size: 11px;
  color: #fff;
  padding: 4px 8px;
  width: auto;
  border-radius: 3px;
  position: absolute;
  top: -27px;
  left: 0%;
  margin-left: -15px;
}

.progressWrapper .tooltip2:after {
  content: '';
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #717880;
  position: absolute;
  left: 50%;
  top: 100%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.progressWrapper .tooltip2 {
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  left: 0%;
}

.progressWrapper progress.progressColor::-moz-progress-bar {
  background: #08da9d;
  border-radius: 2px;
  position: relative;
}

.progressWrapper progress.progressColor::-webkit-progress-value {
  background: #08da9d;
  border-radius: 2px;
  position: relative;
}
.progressColor progress[value]{
  color: #08da9d;
}
.progressColor progress[value]::-webkit-progress-bar {
  background-color: #d7d7d7;
}




/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    position: absolute;
    border: 0.08em solid #307bbb;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #edecf6;
}

.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top:50%;
    width: 100%;
    line-height:35px;
    font-size: 0.2em;
    color: #cccccc;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    width: 0.84em;
    height: 0.84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg);
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg);
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg);
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg);
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg);
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg);
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg);
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg);
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg);
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg);
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.c100:hover {
    cursor: default;
}

/*.c100:hover > span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: 0.3em;
    color: #307bbb;
}*/
.c100 > span{ font-family: 'Graphik-Semibold'; font-size: 28px; color: #000 !important;}
.c100:hover:after {
    top: 0.04em;
    left: 0.04em;
    width: 0.92em;
    height: 0.92em;
}
.c100 > span em{ display: block;}
.c100.dark {
    background-color: #777777;
}

.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}

.c100.dark > span {
    color: #777777;
}

.c100.dark:after {
    background-color: #666666;
}

.c100.dark:hover > span {
    color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
    border-color: #76bb4f !important;
}

.c100.green:hover > span {
    color: #4db53c;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
    border-color: #5fd400 !important;
}

.c100.green.dark:hover > span {
    color: #5fd400;
}

.c100.orange .bar,
.c100.orange .fill {
    border-color: #dd9d22 !important;
}

.c100.orange:hover > span {
    color: #dd9d22;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
    border-color: #e08833 !important;
}

.c100.orange.dark:hover > span {
    color: #e08833;
}

.footmbtm{ width: 100%; padding:10px 0; text-align: center;}
.footmbtm p{ font: normal 14px/20px 'Graphik-Light';}
.footmbtm p a{ color: #24aef1 !important; font-family: 'Graphik-Semibold';}

.sidmenus ul li{ color: #2c3240; font: 600 18px/25px 'Poppins', sans-serif; width: 100%; border-bottom: 1px solid #e7e5ef; position: relative;}
.sidmenus ul li a{ width: 100%; display: inline-block; padding:15px 33px 15px 52px; color: #2c3240;}
.rowine{ width: 100%; display: inline-block;}
.sidemaenu{ width: 25%; float: left; background:#f7f6fc; top: 0px; height: 100%; overflow: auto; left:0px;}
.sidmenus{ width: 100%; padding-top: 60px;}
.sidmenus ul li a:hover{ color: #24aef1;}
.sidmenus ul li.actv a{ color: #24aef1;}


.sidmenus ul li.ic1 a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons1.png") no-repeat left 20px center;}
.sidmenus ul li.ic1 a:hover, .sidmenus ul li.ic1.open a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons1h.png") no-repeat left 20px center;}

.sidmenus ul li.ic2 a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons2.png") no-repeat left 20px center !important;}
.sidmenus ul li.ic2 a:hover, .sidmenus ul li.ic2.actva a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons2h.png") no-repeat left 20px center !important;}

.sidmenus ul li.ic3 a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons3.png") no-repeat left 20px center !important;}
.sidmenus ul li.ic3 a:hover, .sidmenus ul li.ic2.actva a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons3h.png") no-repeat left 20px center !important;}
.sidmenus ul li.ic4 a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons4.png") no-repeat left 20px center !important;}
.sidmenus ul li.ic4 a:hover, .sidmenus ul li.ic2.actva a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons4h.png") no-repeat left 20px center !important;}
.sidmenus ul li.ic5 a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons5.png") no-repeat left 20px center !important;}
.sidmenus ul li.ic5 a:hover, .sidmenus ul li.ic2.actva a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons5h.png") no-repeat left 20px center !important;}


.sidmenus ul li.ic6 a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons6.png") no-repeat left 20px center;}
.sidmenus ul li.ic6 a:hover, .sidmenus ul li.ic6.open a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons6h.png") no-repeat left 20px center;}

.sidmenus ul li.ic7 a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons7.png") no-repeat left 20px center;}
.sidmenus ul li.ic7 a:hover, .sidmenus ul li.ic7.open a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons7h.png") no-repeat left 20px center;}

.sidmenus ul li.ic8 a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons8.png") no-repeat left 20px center;}
.sidmenus ul li.ic8 a:hover, .sidmenus ul li.ic8.open a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons8h.png") no-repeat left 20px center;}

.sidmenus ul li.ic9 a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons9.png") no-repeat left 20px center;}
.sidmenus ul li.ic9 a:hover, .sidmenus ul li.ic9.open a{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/dicons9h.png") no-repeat left 20px center;}

.cssdropmenu{ width: 100%; padding: 0 24px; display:none;}
.cssdropmenu li{ font-weight: 300 !important;}
.cssdropmenu li:last-child{ border: none !important;}

.sidmenus ul li.dropdown .toglarw {
    background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/ar.png") no-repeat center center;
    position: absolute;
    top: 13px;
    right: 14px;
    width: 29px;
    height: 30px;
    cursor: pointer; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;
}
.sidmenus ul li.open .toglarw{transform: rotate(-180deg);}


.cpxcbox{ width: 90%; background: #fff; padding: 15px; border: 1px solid #edf0f3; margin: 30px auto; border-radius: 5px;float: none !important; overflow: auto;}
.cpxcbox h6{ color: #000; font: normal 17px/26px 'Graphik-Semibold'; margin-top: 20px;}
.cpxcbox em{ color: #eae9f3; font: normal 17px/26px 'Graphik-Regular'; margin-top: 20px;}

.demo-output{ margin:25px 0 15px;}
.theme-green .back-bar {
    background: #eae9f3 !important;
    height: 10px !important;
    border-radius: 20px !important;
}
.theme-green .back-bar .pointer{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/s1.png") no-repeat center center !important; width: 25px; height: 25px;}
.theme-green .back-bar .pointer {
    background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/s1.png") no-repeat center center !important;
    width: 25px !important;
    height: 25px !important;
    border: none !important;top: -7px !important;
}
.theme-green .back-bar .selected-bar{ background: #81cc55 !important; border-radius: 20px !important;}
.slider-container .scale{ display: none !important;}


.profile_dropbox ul li:nth-child(4), .profile_dropbox ul li:nth-child(5){ display: none;}











@media only screen and (min-width:1021px) and (max-width:9000px){
.navbar-toggle{ display: none;}
/* { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0;visibility: hidden;}
.top_nav .dropdown:hover .dropdown-menu {opacity: 1; visibility: visible; max-height: 300px;}
.top_nav .dropdown-menu{ background-size: 100% 100% !important; }*/
.top_nav .dropdown .dropdown-menu{ display: none !important;}
.top_nav .dropdown:hover .dropdown-menu{display: block !important;}
.drop-down{ display: none;}
.navbar-collapse{ display: block !important;}

.details_rt .visible-xs{ display: none;}


.nav_top ul.navbar-right li .dropdown-menu{ opacity: 0; visibility: hidden;border-bottom: 2px solid #f27b43;
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit;}
.nav_top ul.navbar-right li.dropdown:hover .dropdown-menu{ opacity: 1; visibility: visible;}



}


@media only screen and (min-width:2400px) and (max-width:7999px){
.banner_sec::before { width: 255px; }
.top_img1{ width: 255px; }

}
@media only screen and (min-width:5000px) and (max-width:9999px){
.ban_img { width: 46%;top: 40px;}
.banner_sec{ min-height: 2500px; }

}


@media only screen and (min-width:3600px) and (max-width:4999px){
.ban_img { width: 46%;top: 40px;}
.banner_sec{ min-height: 1500px; }

}
@media only screen and (min-width:3000px) and (max-width:4999px){
.ban_img { width: 46%; top: 40px; }
.banner_sec{ min-height: 1500px; }

}
@media only screen and (min-width:2400px) and (max-width:2999px){
.ban_img { width: 46%;}
.banner_sec{ min-height: 1200px; }

}

@media only screen and (min-width:2000px) and (max-width:2399px){
.banner_sec::before { width: 26%; height: 128px;  top: 40px; background-size: 100% 100%; }
.banner_sec:after{ width: 315px; height: 120px; }
.banner_sec{ min-height: 1072px; }
/*.top_img1{ width: 26%; height: 180px; top: 2px; background-size: 100% 100%; }*/
.top_img2{ height: 120px; }

}

@media only screen and (min-width:1700px) and (max-width:1999px){
.banner_sec::before { width: 21%; height: 90px; top: 51px; background-size: 100% 100%;}
.banner_sec:after{ width: 210px; height: 85px; }
.ban_img { width: 48%;}
.banner_sec{ min-height: 950px; }
/*.top_img1{ width: 21%; height: 120px; top: 29px; background-size: 100% 100%;}*/
.top_img2{ height: 85px; }


}



.navbar-brand.mobile { display: none; }

@media (max-width: 1020px) {
  .navbar-brand.mobile { display: block; }
  .navbar-brand.desktop { display: none; }
}

@media only screen and (min-width:1219px) and (max-width:1417px){
.header_sec .container{ max-width: 1170px;}
.container{ max-width: 1170px;}
.customer_sec .container{ max-width: 1170px;}

.top_btn li{margin-left: 8px; font-size: 15px; line-height: 17px; }
.top_btn li a { padding: 11px 13px;}
.nav_top ul.navbar-right { padding-right: 300px; margin-top: 20px;}
.nav_top ul.navbar-right li { margin-left: 15px; }
.nav_top ul.navbar-right li a{ font-size: 14px; line-height: 20px; padding: 10px; }
.navbar-brand img { width: 280px; }
.banner_box strong{ font-size: 38px; line-height: 45px; }
.banner_box {  padding-top: 200px; }
.banner_box p{ font-size: 17px; line-height: 26px; padding-top: 15px; }
.banner_box a.get_btn{ font-size: 17px; line-height: 22px; margin-top: 20px; padding: 11px 24px; }
.ban_img { width: 52%; top: 70px;}
.banner_sec { min-height: 800px; }
.top_heading h1, .top_heading h2, .top_heading h3{ font-size: 42px; line-height: 48px; }
.top_heading h5{ font-size: 18px; line-height: 21px; padding-top: 13px; }
.top_heading p{ font-size: 17px; line-height: 28px; padding-top: 12px; }
.welcome_box{ padding: 16px; min-height: 190px; }
.welcome_box ul li{ font-size: 16px; line-height: 28px; }
.welcome_sec { width: 100%; padding: 30px 0 65px 0;}
.featured_sec {  padding: 70px 0 80px 0; }
.featured_sec::before { width: 200px; height: 130px; top: 76px; background-size: 100%; }
.featured_txt { padding: 20px; }
.featured_txt h4{ font-size: 20px; line-height: 24px; }
.featured_txt a.view_btn { margin-top: 20px;}
.featured_sec a.read_btn { width: 220px;}
.platform_sec { padding: 70px 0 170px 0; }
.platform_box { width: 330px; height: 330px; }
.platform_box h4{ font-size: 20px; line-height: 30px; }
.platform_box h3{ font-size: 42px; line-height: 38px; padding-top: 15px; padding-top: 8px; }
.customer_sec::before { top: -110px;}
.customer_sec {width: 100%; padding: 40px 0 130px 0; }
.customer_innr { padding: 20px 50px 0; }
.customer_innr .owl-prev { width: 45px !important; height: 45px !important; left: -49px; top: 42%; }
.customer_innr .owl-next { width: 45px !important; height: 45px !important; right: -49px; top: 42%; }
.customer_box { padding: 30px 20px; }
.customer_box p{ font-size: 15px; line-height: 26px; padding-top: 10px; }
.customer_btm {  padding: 16px 0 0; margin-top: 18px; }
.customer_innr .owl-carousel .owl-item { padding: 7px; }
.customer_btm img { width: 50px !important; }
.customer_btm h5{ font-size: 16px; line-height: 21px; }
.customer_btm em{ font-size: 14px; line-height: 22px; }
.blog_sec::after { width: 200px; height: 123px; top: -50px; background-size: 100%; }
.blog_sec { padding: 200px 0; }
.customer_sec::after{ background-size: 100% 100%; }
.planning_sec { padding: 75px 0 240px 0; }
.planning_sec a.get_btn { margin-top: 30px; }
.footer_sec { margin-top: -35px; }
.footer_logo p br{ display: none; }
.footer_box:nth-child(2) { padding-left: 100px;}
.footer_box:nth-child(3) { padding-left: 52px; }
.left_txt { padding-top: 5px; }
.social_sec li a i { font-size: 16px; }
.social_sec li a { line-height: 37px; }
.owl_imgg { width: 270px; height: 100%; top: -204px; }
.auction_sec::before{ width: 200px; height: 130px; bottom: 0; background-size: 100%; }


/*Pricing*/
.innr_header {padding: 10px 0 45px; }
.pricing_box h2{ font-size: 80px; line-height: 78px; }
.pricing_box p{ font-size: 15px; line-height: 22px; padding-top: 14px; }
.pricing_box a.price_btn { padding: 15px 30px; font-size: 18px; margin-top: 15px; }
.pricing_rt h3{ font-size: 32px; line-height: 38px; padding-bottom: 12px; }
.pricing_rt ul li { margin-top: 10px; padding: 3px;  font-size: 16px; line-height: 22px; background-size: 22px; padding-right: 10px; padding-left: 30px; }
.auction_sec { padding: 110px 0 156px 0; background-size: 100% 100%; }
.owl_imgg2{ top: -84px;}
.pricing_innr { padding: 25px 20px 60px; }
.customer_sec { padding: 40px 0 90px 0; }


/*Auction*/
.featued_top { grid-template-columns: 64% 35%;}


/*Browse Items*/
.browse_rt .featued_topRt select { width: 228px;}

/*Auction Details*/
.header_sec.innr_header2 .container { max-width: 1170px;}

.navbar-brand {
    width: 302px;
}

.hedsrch {
    width: 162px;}
.dashbordheader .nav_top ul.navbar-right {
    padding-right: 299px;
}

}


@media only screen and (min-width:1021px) and (max-width:1218px){
.container{ max-width: 970px;}
.header_sec .container{ max-width: 970px;}
.customer_sec .container{ max-width: 970px;}

.top_btn li { margin-left: 8px; font-size: 13px; line-height: 15px; }
.top_btn li a { padding: 9px 9px;}
.nav_top ul.navbar-right { padding-right: 258px; margin-top: 20px;}
.nav_top ul.navbar-right li { margin-left: 10px; }
.nav_top ul.navbar-right li a { font-size: 15px; line-height: 18px; padding: 7px; }
.navbar-brand img {  width: 220px; }
.banner_box strong { font-size: 32px; line-height: 38px; }
.banner_box {  padding-top: 160px; }
.banner_box p { font-size: 16px; line-height: 24px; padding-top: 10px; }
.banner_box a.get_btn{ font-size: 17px; line-height: 22px; margin-top: 20px; padding: 11px 24px; }
.ban_img { width: 52%; top: 70px;}
.banner_sec { min-height: 610px; }
.top_heading h1, .top_heading h2, .top_heading h3 { font-size: 32px; line-height: 39px; }
.top_heading h5{ font-size: 18px; line-height: 21px; padding-top: 13px; }
.top_heading p { font-size: 16px; line-height: 27px; padding-top: 12px; }
.welcome_box{ padding: 16px; min-height: 190px; }
.welcome_box ul li { font-size: 15px; line-height: 26px; }
.welcome_sec { width: 100%; padding: 30px 0 56px 0;}
.featured_sec {  padding: 60px 0 70px 0; }
.featured_sec::before { width: 170px; height: 108px; top: 30px; background-size: 100%; }
.featured_txt { padding: 20px; }
.featured_txt h4{ font-size: 20px; line-height: 24px; }
.featured_txt a.view_btn { margin-top: 20px;}
.featured_sec a.read_btn { width: 220px;}
.platform_sec { padding: 60px 0 140px 0; }
.platform_box { width: 270px; height: 270px; }
.platform_box h4 { font-size: 17px; line-height: 25px; }
.platform_box h3 { font-size: 34px; line-height: 36px; padding-top: 15px; }
.customer_sec::before { top: -80px; height: 130px; }
.customer_sec {width: 100%; padding: 40px 0 70px 0; }
.customer_innr { padding: 20px 50px 0; }
.customer_innr .owl-prev { width: 45px !important; height: 45px !important; left: -49px; top: 42%; }
.customer_innr .owl-next { width: 45px !important; height: 45px !important; right: -49px; top: 42%; }
.customer_box { padding: 30px 20px; }
.customer_box p{ font-size: 15px; line-height: 26px; padding-top: 10px; }
.customer_btm {  padding: 16px 0 0; margin-top: 18px; }
.customer_innr .owl-carousel .owl-item { padding: 7px; }
.customer_btm img { width: 50px !important; }
.customer_btm h5{ font-size: 16px; line-height: 21px; }
.customer_btm em{ font-size: 14px; line-height: 22px; }
.blog_sec::after { width: 170px; height: 105px; top: -40px; background-size: 100%; }
.blog_sec { padding: 150px 0; }
.customer_sec::after{ background-size: 100% 100%; }
.planning_sec { padding: 50px 0 205px 0; }
.planning_sec a.get_btn { margin-top: 30px; }
.footer_sec { margin-top: -35px; }
.footer_logo p br{ display: none; }
.footer_box:nth-child(2) { padding-left: 70px;}
.footer_box:nth-child(3) { padding-left: 30px; }
.left_txt { padding-top: 5px; }
.social_sec li a i { font-size: 16px; }
.social_sec li a { line-height: 37px; }
.owl_imgg { width: 230px; height: 100%; top: -156px; }
.welcome_sec a.read_btn { width: 215px;}
.featured_innr { grid-gap: 0 30px; padding: 0; }
.featured_sec::after { width: 220px; height: 145px; bottom: -76px; background-size: 100%; }
.platform_sec a.get_btn { margin-top: 50px; }
.footer_btm { padding: 14px 0; }
.social_sec li { margin-left: 7px; }
.blog_desk .blog_box:first-child .blog_txt{ width: 100%; }
.blog_sec a.read_btn { width: 190px;}
.blog_desk .blog_box:first-child .blog_img { width: 100%; float: left;}
.blog_desk .blog_box:first-child .blog_img img { border-radius: 8px 8px 0 0; height: 270px; object-fit: cover;  object-position: left 10%; }
.top_img2 { width: 100px; height: 50px; top: 62px; background-size: 100%;}
.auction_sec::before{ width: 170px; height: 108px; bottom: 30px; background-size: 100%; }


/*Pricing*/
.innr_header {padding: 10px 0 45px; }
.pricing_box h2 { font-size: 62px; line-height: 66px;}
.pricing_box p { font-size: 14px; line-height: 20px; padding-top: 10px;}
.pricing_box a.price_btn { padding: 12px 20px; font-size: 16px; margin-top: 12px;}
.pricing_rt h3 { font-size: 26px; line-height: 30px; padding-bottom: 8px;}
.pricing_rt ul li { margin-top: 6px; padding: 3px; padding-right: 3px; padding-left: 3px; font-size: 14px; line-height: 20px; background-size: 18px; padding-right: 10px; padding-left: 26px;
 background-position: left 3px;}
.auction_sec { padding: 90px 0 150px 0; background-size: 100% 100%;}
.owl_imgg2 { top: -54px; width: 195px; background-size: 100%;}
.pricing_innr { padding: 25px 20px 50px; }
.customer_sec { padding: 40px 0 60px 0; }
.pricing_box { padding: 50px 0; }
.auction_innr { padding: 25px 20px 0; align-items: start;}
.auction_box ul li{ font-size: 15px; line-height: 22px; padding-left: 13px; margin-top: 12px;  }
.auction_box ul li::before { width: 7px; height: 7px; }


/*Auction*/
.featued_top { grid-template-columns: 56% 42%;}
.featured_innr.featued_innr2 { grid-template-columns: auto auto auto; grid-gap: 0 20px; }
.featued_topLeft input[type="text"] { height: 48px; line-height: 48px; }
.featued_topRt select { height: 48px; line-height: 45px; }
.featued_topRt ul { padding: 12px 0 0 5px;}
.featued_topRt ul li { margin-right: 13px; font-size: 26px;}
.featued_innr2 .featured_txt { padding: 15px; }
.featued_page { padding: 30px 0 60px 0;}
.footer_innr .footer_top { padding: 40px 0;}


/*Browse Items*/
.browse_rt .featued_topRt select { width: 228px;}
.browse_rt .browse_innrRt.featured_innr.featued_innr2 { grid-template-columns: auto auto; grid-gap: 0 15px;}
.browse_innr { padding: 30px 0 0; grid-template-columns: 25% 72%; grid-gap: 0 20px;}
.browse_rt .featued_top { grid-template-columns: 53% 45%; }
.browse_list ul li{ font-size: 15px; line-height: 16px; }
.browse_list ul li a{ padding: 8px; border-left-width: 3px !important; padding-left: 15px; }
.js-scroll-bar { width: 13px !important; height: 42px !important; right: 1px !important;}
.browse_leftInnr h3{ font-size: 18px; line-height: 22px; padding-bottom: 8px; }


/*Auction Details*/
.innr_header2 .navbar-brand { left: 0; padding: 1px 15px; top: -17px; }
.header_sec.innr_header2 .container { max-width: 970px;}
.top_sec { margin-right: 10px; }
.innr_header2 { padding: 15px 0; }
.auction_details .browse_innr { padding: 20px 0 0; }
.details_info {padding: 0 0 0 20px;}
.details_info h1, .details_info h2{ font-size: 25px; line-height: 32px; }
.details_info h5{ font-size: 14px; line-height: 19px; padding-top: 15px; }
.details_infoTop { padding: 20px 0 0; }
.details_infoTopleft h5{ font-size: 14px; line-height: 19px; }
.details_infoTopleft h2{ font-size: 25px;line-height: 32px; }
.bid_box input[type="text"]{ height: 40px; line-height: 40px; }
.bid_box input[type="submit"]{height: 40px; line-height: 40px; background-size: 17px !important; }
.buy_btn{ height: 40px; line-height: 40px; font-size: 16px; }
.details_infoTop h3{ font-size: 14px; line-height: 18px; margin-top: 30px; }
.details_time { margin-top: 20px; padding: 18px 0; }
.details_time em{ font-size: 14px; }
.timer .lead{ font-size: 20px; line-height: 18px; padding-left: 16px; margin-left: 10px;}
.timer { margin-left: 16px;}
.share {  padding-top: 8px; }
.share h3{ font-size: 16px; line-height: 22px; }
.bottm_content h3{ font-size: 26px; line-height: 34px; }
.bottm_content { padding-top: 24px;}
.bottm_content p{ font-size: 15px; line-height: 22px; padding-top: 6px; }
.details_slider #sync2 .owl-prev{ top: -45px; }
.details_slider #sync2 .owl-next{ top: -45px; }

.top_img1 { width: 16%; height: 100px; top: 47px; }
.navbar-brand {
    width: 231px;
    float: left;
}



.hedsrch{width: 145px; right: 269px;}

.dashbordheader .nav_top ul.navbar-right {
    padding-right: 266px;
}
.dashbordheader .navbar-brand {
    width: 177px;
    float: left;
}
.dashbordheader .top_btn li a {
    padding: 5px 1px !important;
}
.profile_box em{ font-size: 13px;}
.nav_top ul.navbar-right li a {
    font-size: 13px;
    line-height: 18px;
    padding: 7px;
}
.roubndbox{ overflow: auto;}



}


@media only screen and (max-width:1020px) {
.visible-xs{ display: block;}
.hidden-xs{ display: none;}
.container{ max-width: 100%; padding: 0 15px; }
.header_sec .container{ max-width: 100%; padding: 0; }
.customer_sec .container{ max-width: 100%;}

.navbar-toggle {position: relative;float: left; padding: 9px 10px;  margin-top: 8px; margin-bottom: 8px;  background-color: transparent;
 background-image: none; border: none;}
.navbar-toggle:focus { outline: 0;}
.navbar-toggle .icon-bar {display: block;width: 27px; height: 3px;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 7px;}
.navbar-ex2-collapse{ display: none; border-top: 1px solid #ccc;}
.navbar-default .navbar-toggle {  border-color: #ddd;  font-family: inherit;font-size: inherit;line-height: inherit;}
.sr-only {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);  border: 0;}
.navbar-toggle .icon-bar { display: block; width: 35px; height: 3px; border-radius: 0; }
.navbar-default .navbar-toggle .icon-bar {  background-color: #000;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: #fff; z-index: 99; width: 100%; margin-left: 0; }
.navbar-toggle{ cursor: pointer;}

.top_btn li.registr{ display: block; padding-bottom: 5px; }
.top_btn li.cart span{ display: none; }
.nav_top{ width: 100%; position: relative; }
.navbar-brand{ width: 200px; position: absolute; left: 50%; top: 0px; margin-left: -100px; }
.navbar-brand img{ max-width: 100%; }
.banner_sec::before{ display: none; }
.top_img1{ display: none; }
.top_btn { right: 15px; top: 10px; display: flex;
  flex-direction: column; }
.nav_top {  padding: 0px; }
.top_btn li a { padding: 10px 12px; }
.top_btn li{ font-size: 14px; line-height: 16px; }
.top_btn li.cart a { padding: 6px;}
.top_btn li.cart::after { right: 3px; top: 5px; }
.nav_top ul.navbar-right{ padding-right: 0px; margin: 0px; width: 100%; }
.nav_top ul.navbar-right li{ width: 100%; float: left; margin: 0px; }
.navbar-collapse {  top: 60px; }
.nav_top ul.navbar-right li a{ font-size: 18px; line-height: 26px; padding: 10px 15px; width: 100%;}
.top_img2 { display: none;}


/*Auction Details*/
.innr_header2 { padding: 10px 0;}
.mobile{ display: block;}
.innr_header2 .navbar-brand { left: 50%; padding: 0px 7px !important; top: -2px; margin-left: -45px; width: 90px; text-align: center; box-shadow: inherit; background: none;}
.innr_header2 .navbar-brand img {  max-width: 84%; float: none;}
.header_sec.innr_header2 .container { max-width: 100%; }
.top_sec { margin: 8px 15px 0 0; }
.innr_header2 { padding: 6px 0; }
.profile_box img { margin: 0 6px 0 0; float: left; width: 40px; height: 40px;}
.profile_box em{ font-size: 14px; line-height: 15px; }
.profile_box { margin-left: 6px; background-position:right top 25px; padding-right: 17px;}
.profile_dropbox{ width: 160px; padding: 6px; }
.profile_dropbox ul li a { padding: 5px 10px;}
.profile_dropbox ul li{ font-size: 14px; line-height: 20px; }
.profile_dropbox::after { right: 15px; top: -14px; width: 40px; height: 15px;}





.nav_top ul.navbar-right li{ border-bottom: 1px solid #f6f6f6;}
.nav_top ul.navbar-right li:last-child{ border: none;}
.details_slider{ margin-top: 20px;}
.roubndbox{ overflow: auto;}

.dashbordheader .profile_box {
    padding-top: 0;
}
.dashbordheader .profile_box {
    display: flex;
    align-items: center;
    background-position: right top 19px;
}
.hedsrch {
    width: 151px;
    position: absolute;
    top: 9px;
    right: inherit;
    left: 78px;
}

.anlysrow {
    display: inherit;
    grid-template-columns: 100% 100%;
    grid-gap: 0 20px;
}
.anlysrow2lft{ width: 100%;}
.anlysrow2rt{ width: 100%; padding: 0px;}
.sidmenus ul li{ font-size: 13px;}
.sidmenus ul li a, .sidmenus ul.cssdropmenu li a{ background-position: left 2px center !important; padding: 15px 33px 15px 33px;}
.cssdropmenu{ padding: 0 5px;}
.sidmenus ul li a:hover, .sidmenus ul li.actva a, .sidmenus ul li.open a, .sidmenus ul li.open a:hover{ background-position: left 2px center !important;}
.sidmenus ul li a, .sidmenus ul.cssdropmenu li a{padding: 15px 7px 15px 33px;}

.dashbordheader .nav_top ul.navbar-right {
    padding-right: 0;
}
.drop-arw{ position: absolute; top: 0px; right: 0px; padding: 16px; cursor: pointer;}
.nav_top ul.navbar-right li .dropdown-menu{ width: 100%; position: relative; float: left; display: none;}





}


@media only screen and (min-width:768px) and (max-width:1020px){
.header_sec .container{ max-width: 100%; padding: 0;}

.banner_box strong { font-size: 32px; line-height: 38px; }
.banner_box {  padding-top: 140px; }
.banner_box p { font-size: 16px; line-height: 24px; padding-top: 10px; }
.banner_box a.get_btn{ font-size: 17px; line-height: 22px; margin-top: 20px; padding: 11px 24px; }
.ban_img { width: 52%; top: 70px;}
.banner_sec { min-height: 584px; }
.top_heading h1, .top_heading h2, .top_heading h3 { font-size: 28px; line-height: 32px; }
.top_heading h5{ font-size: 18px; line-height: 21px; padding-top: 13px; padding-top: 10px; }
.top_heading p { font-size: 16px; line-height: 27px; padding-top: 12px; }
.welcome_box{ padding: 16px; min-height: 190px; }
.welcome_box ul li { font-size: 15px; line-height: 26px; }
.welcome_sec { width: 100%; padding: 30px 0 56px 0;}
.featured_sec {  padding: 60px 0 70px 0; }
.featured_sec::before { width: 170px; height: 108px; top: 30px; background-size: 100%; }
.featured_txt { padding: 20px; }
.featured_txt h4 { font-size: 18px; line-height: 24px; }
.featured_txt a.view_btn { margin-top: 20px;}
.featured_sec a.read_btn { width: 220px;}
.platform_sec { padding: 60px 0 140px 0; }
.platform_box { width: 270px; height: 270px; }
.platform_box h4 { font-size: 17px; line-height: 25px; }
.platform_box h3 { font-size: 34px; line-height: 36px; padding-top: 15px; }
.customer_sec::before { top: -80px; height: 130px; }
.customer_sec {width: 100%; padding: 40px 0 70px 0; }
.customer_innr { padding: 20px 40px 0; }
.customer_innr .owl-prev { width: 35px !important; height: 35px !important; left: -40px; top: 42%; }
.customer_innr .owl-next { width: 35px !important; height: 35px !important; right: -40px; top: 42%; }
.customer_box { padding: 30px 20px; }
.customer_box p{ font-size: 15px; line-height: 26px; padding-top: 10px; }
.customer_btm {  padding: 16px 0 0; margin-top: 18px; }
.customer_innr .owl-carousel .owl-item { padding: 7px; }
.customer_btm img { width: 50px !important; }
.customer_btm h5{ font-size: 16px; line-height: 21px; }
.customer_btm em{ font-size: 14px; line-height: 22px; }
.blog_sec::after { width: 170px; height: 105px; top: -40px; background-size: 100%; }
.blog_sec { padding: 150px 0; }
.customer_sec::after{ background-size: 100% 100%; }
.planning_sec { padding: 45px 0 205px 0; }
.planning_sec a.get_btn { margin-top: 30px; }
.footer_sec { margin-top: -35px; }
.footer_logo p br{ display: none; }
.footer_box:nth-child(2) { padding-left: 70px;}
.footer_box:nth-child(3) { padding-left: 30px; }
.left_txt { padding-top: 5px; }
.social_sec li a i { font-size: 16px; }
.social_sec li a { line-height: 37px; }
.owl_imgg { width: 230px; height: 100%; top: -156px; }
.welcome_sec a.read_btn { width: 215px;}
.featured_innr { grid-gap: 0 30px; padding: 0; }
.featured_sec::after { width: 220px; height: 145px; bottom: -76px; background-size: 100%; }
.platform_sec a.get_btn { margin-top: 50px; }
.footer_btm { padding: 14px 0; }
.social_sec li { margin-left: 7px; }
.blog_desk .blog_box:first-child .blog_txt{ width: 100%; }
.blog_sec a.read_btn { width: 190px;}
.blog_desk .blog_box:first-child .blog_img { width: 100%; float: left;}
.blog_desk .blog_box:first-child .blog_img img { border-radius: 8px 8px 0 0; height: 270px; object-fit: cover;  object-position: left 10%; }
.blog_innr { grid-gap: 30px; }
.banner_box p br{ display: none; }
.auction_sec::before{ width: 170px; height: 108px; top: 30px; background-size: 100%; }


/*Pricing*/
.innr_header {padding: 10px 0 45px; }
.pricing_box h2 { font-size: 48px; line-height: 50px;}
.pricing_box p { font-size: 14px; line-height: 20px; padding-top: 10px;}
.pricing_box a.price_btn { padding: 12px 20px; font-size: 16px; margin-top: 12px;}
.pricing_rt h3 { font-size: 22px; line-height: 27px; padding-bottom: 8px; }
.pricing_rt ul li { margin-top: 6px; padding: 3px; padding-right: 3px; padding-left: 3px; font-size: 14px; line-height: 20px; background-size: 18px; padding-right: 10px; padding-left: 26px;
 background-position: left 3px;}
.auction_sec { padding: 80px 0 122px 0; background-size: 100% 100%;}
.owl_imgg2 { top: -40px; width: 170px; background-size: 100%; }
.pricing_innr { padding: 20px 20px 30px; align-items: start; }
.customer_sec { padding: 40px 0; }
.pricing_box { padding: 40px 0; }
.auction_innr { padding: 25px 20px 0; align-items: start;}
.auction_box ul li{ font-size: 15px; line-height: 22px; padding-left: 13px; margin-top: 12px;  }
.auction_box ul li::before { width: 7px; height: 7px; }
.pricing_rt { padding-left: 20px;}
.pricing_rt ul{ width: 100%; }
.auction_sec::before { width: 130px; height: 84px; top: inherit; background-size: 100%; bottom: 28px; }


/*Auction*/
.featued_top { grid-template-columns: 50% 47%;}
.featured_innr.featued_innr2 { grid-template-columns: auto auto; grid-gap: 0 20px; }
.featued_topLeft input[type="text"] { height: 48px; line-height: 48px; }
.featued_topRt select { height: 48px; line-height: 45px; width: 260px; font-size: 16px; }
.featued_topRt ul { padding: 12px 0 0 5px;}
.featued_topRt ul li { margin-right: 13px; font-size: 26px;}
.featued_innr2 .featured_txt { padding: 15px; }
.featued_page { padding: 30px 0 40px 0;}
.footer_innr .footer_top { padding: 30px 0;}
.featued_innr2 .featured_box img { height: 280px; }
.featued_page .top_heading h1 { font-size: 30px; line-height: 34px;}


/*Browse Items*/
.browse_rt .featued_topRt select { width: 310px;}
.browse_rt .browse_innrRt.featured_innr.featued_innr2 { grid-template-columns: auto; grid-gap: 0 15px;}
.browse_innr { padding: 30px 0 0; grid-template-columns: 38% 58%; grid-gap: 0 20px;}
.browse_rt .featued_top { grid-template-columns: auto; grid-gap: 10px; }
.browse_list ul li{ font-size: 15px; line-height: 16px; }
.browse_list ul li a{ padding: 8px; border-left-width: 3px !important; padding-left: 15px; }
.js-scroll-bar { width: 13px !important; height: 42px !important; right: 1px !important;}
.browse_leftInnr h3{ font-size: 18px; line-height: 22px; padding-bottom: 8px; }


/*Auction Details*/
.auction_details .browse_innr { padding: 20px 0 0; }
.details_info {padding: 0 0 0 20px;}
.details_info h1, .details_info h2 { font-size: 22px; line-height: 28px;}
.details_info h5{ font-size: 14px; line-height: 19px; padding-top: 15px; }
.details_infoTop { padding: 20px 0 0; }
.details_infoTopleft h5{ font-size: 14px; line-height: 19px; }
.details_infoTopleft h2{ font-size: 25px;line-height: 32px; }
.bid_box input[type="text"]{ height: 40px; line-height: 40px; }
.bid_box input[type="submit"]{height: 40px; line-height: 40px; background-size: 17px !important; }
.buy_btn{ height: 40px; line-height: 40px; font-size: 16px; }
.details_infoTop h3{ font-size: 14px; line-height: 18px; margin-top: 30px; }
.details_time { margin-top: 20px; padding: 18px 0; }
.details_time em{ font-size: 14px; }
.timer .lead{ font-size: 20px; line-height: 18px; padding-left: 16px; margin-left: 10px;}
.timer { margin-left: 16px;}
.share {  padding-top: 8px; }
.share h3{ font-size: 16px; line-height: 22px; }
.bottm_content h3 { font-size: 20px; line-height: 28px;}
.bottm_content { padding: 20px 0 0 20px;}
.bottm_content p { font-size: 14px; line-height: 20px; padding-top: 5px;}
.details_slider #sync2 .owl-prev{ top: -45px; }
.details_slider #sync2 .owl-next{ top: -45px; }
.details_rt { grid-template-columns: 100%;}
#sync1.owl-theme { padding: 5px;}
.bredcamb_sec { padding: 18px 0;}
.bredcamb_sec ul li { margin-right: 16px;}
.details_info h5 a { margin-left: 20px;}












}


@media only screen and (max-width:767px) {
/*.visible-xs{ display: block;}
.hidden-xs{ display: none;}	*/
.container{ max-width: 100%;}
.header_sec .container{ max-width: 100%;}
.customer_sec .container{ max-width: 100%;}

.banner_box strong { font-size: 32px; line-height: 38px; }
.banner_box {  padding-top: 110px; }
.banner_box p { font-size: 18px; line-height: 24px; padding-top: 10px; }
.banner_box a.get_btn{ font-size: 17px; line-height: 22px; margin-top: 20px; padding: 11px 24px; }
.ban_img { width: 100%; top: inherit; position: inherit; top: inherit; right: inherit;}
.banner_sec { min-height: 584px; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/mobban.png") no-repeat 0 0; background-size: 100% 100%; padding-bottom: 60px; }
.top_heading h1, .top_heading h2, .top_heading h3 { font-size: 22px; line-height: 30px;}
.top_heading h5 { font-size: 18; line-height: 22px; padding-top: 8px;}
.top_heading p { font-size: 16px; line-height: 27px; padding-top: 12px; }
.welcome_box{ padding: 16px; min-height: inherit; }
.welcome_box ul li { font-size: 15px; line-height: 26px; }
.welcome_sec { width: 100%; padding: 30px 0 50px 0;}
.featured_sec {  padding: 40px 0; }
.featured_sec::before { width: 75px; height: 52px; top: 92px; background-size: 100%;}
.featured_txt { padding: 15px; }
.featured_txt h4 { font-size: 17px; line-height: 22px;}
.featured_txt a.view_btn { margin-top: 20px;}
.featured_sec a.read_btn { width: 200px;}
.platform_sec { padding: 42px 0 82px 0; }
.platform_box { width: 270px; height: 270px; margin-top: 30px; }
.platform_box h4 { font-size: 17px; line-height: 25px; }
.platform_box h3 { font-size: 35px; line-height: 35px; padding-top: 10px;}
.customer_sec::before { top: -68px; height: 100px;  background-size: 100% 100%;}
.customer_sec {width: 100%; padding: 30px 0 60px 0; }
.customer_innr { padding: 20px 40px 0; }
.customer_innr .owl-prev { width: 35px !important; height: 35px !important; left: -40px; top: 42%; }
.customer_innr .owl-next { width: 35px !important; height: 35px !important; right: -40px; top: 42%; }
.customer_box { padding: 20px; }
.customer_box p{ font-size: 15px; line-height: 26px; padding-top: 10px; }
.customer_btm {  padding: 16px 0 0; margin-top: 18px; }
.customer_innr .owl-carousel .owl-item { padding: 7px; }
.customer_btm img { width: 50px !important; }
.customer_btm h5{ font-size: 16px; line-height: 21px; }
.customer_btm em{ font-size: 14px; line-height: 22px; }
.blog_sec::after { width: 100px; height: 63px; top: -23px; background-size: 100%;}
.blog_sec { padding: 100px 0; }
.customer_sec::after{ background-size: 100% 100%; }
.planning_sec { padding: 45px 0 80px 0; background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/planningbg.png") no-repeat 0 0; background-size: 100% 100%; position: relative;}
.planning_sec a.get_btn { margin-top: 20px; font-size: 16px; line-height: 22px; padding: 12px 22px;}
.footer_sec { margin-top: -25px; padding: 30px 0 0;}
.footer_logo p br{ display: none; }
.footer_box:nth-child(2) { padding-left: 0;}
.footer_box:nth-child(3) { padding-left: 0;}
.left_txt { padding-top: 5px; }
.social_sec li a i { font-size: 16px; }
.social_sec li a { line-height: 37px; }
.owl_imgg { width: 110px; height: 100%; top: -98px;}
.welcome_sec a.read_btn { width: 215px;}
.featured_innr { grid-gap: 0 20px; padding: 0; grid-template-columns: auto auto; padding: 20px 0 0;}
.featured_sec::after { width: 105px; height: 65px; bottom: -32px; background-size: 100%;}
.platform_sec a.get_btn { margin-top: 35px; font-size: 16px; line-height: 22px; padding: 12px 24px;}
.platform_img_innr{ grid-template-columns: auto; grid-gap: 0 15px; justify-content: center; }

.footer_btm { padding: 14px 0; }
.social_sec li { margin-left: 7px; }
.blog_desk .blog_box:first-child .blog_txt{ width: 100%; }
.blog_sec a.read_btn { width: 190px; margin-top: 25px; }
.blog_desk .blog_box:first-child .blog_img { width: 100%; float: left;}
.blog_desk .blog_box:first-child .blog_img img { border-radius: 8px 8px 0 0; height: 270px; object-fit: cover;  object-position: left 10%; }
.blog_innr { grid-gap: 30px; }
.banner_innr { grid-template-columns: 100%; grid-gap: 0 15px;}
.banner_box p br{ display: none; }
.ban_img::after { width: 100px; height: 115px; bottom: -18px;}
.top_heading p br{ display: none; }
.welcome_sec .top_heading h1 br{ display: block;}
.welcome_top { grid-template-columns: auto; grid-gap: 0 15px;}
.welcome_box ul li { font-size: 15px; line-height: 26px; background-size: 20px; padding-right: 30px;}
.welcome_sec::after { width: 220px; height: 212px; left: -41px; bottom: 0; z-index: -111;}
.featured_txt h5{ font-size: 15px; line-height: 22px; }
.featured_box { margin-top: 30px;}
.platform_innr { grid-template-columns: auto;  grid-gap: 0 20px;}
.footer_box { padding-left: 0; margin-top: 22px;}
.footer_top { grid-template-columns: auto; padding-bottom: 20px;}
.footer_logo{ text-align: center; }
.footer_box ul li{ width: 50%; }
.left_txt{ width: 100%; float: none; display: inline-block; }
.left_txt li{ float: none; display: inline-block; }
.footer_btm{ text-align: center; }
.social_sec{ float: none; }
.social_sec li{ float: none; display: inline-block; }
.customer_innr { padding: 16px 0 0;}
.customer_innr .owl-prev { width: 26px !important; height: 26px !important; left: -8px; top: 42%;}
.customer_innr .owl-next { width: 26px !important; height: 26px !important; right: -8px; top: 42%;}
.blog_desk{ display: none; }
.blog_mob{ display: block; }
.blog_innr2{ padding: 20px 20px 0; }
.blog_innr2 .owl-carousel .owl-item{ padding: 20px;}
.blog_innr2 .owl-carousel .owl-nav.disabled{ display: block; }
.blog_innr2 .owl-prev{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/prev.png") no-repeat 0 0; width: 26px; height: 26px; position: absolute; left: -20px; top: 42%;
z-index: 99; font-size: 0px; background-size: 100%;}
.blog_innr2 .owl-prev:hover{background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/prevhvr.png") no-repeat 0 0; background-size: 100%; }
.blog_innr2 .owl-next{ background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/next.png") no-repeat 0 0; width: 26px; height: 26px; position: absolute; right: -20px; top: 42%;
z-index: 99; font-size: 0px; background-size: 100%;}
.blog_innr2 .owl-next:hover{background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/nexthvr.png") no-repeat 0 0; background-size: 100%; }
.blog_box{ box-shadow: 0 0 9px 7px #eef0f4; }
.blog_txt a.more_btn { margin-top: 10px; }
.auction_sec::before{ width: 75px; height: 52px; top: 92px; background-size: 100%;}


/*Pricing*/
.innr_header {padding: 10px 0 45px; }
.pricing_box h2 { font-size: 48px; line-height: 50px;}
.pricing_box p { font-size: 14px; line-height: 20px; padding-top: 10px;}
.pricing_box a.price_btn { padding: 12px 20px; font-size: 16px; margin-top: 12px;}
.pricing_rt h3 { font-size: 24px; line-height: 34px; padding-bottom: 8px; }
.pricing_rt ul li { margin-top: 6px; padding: 3px; padding-right: 3px; padding-left: 3px; font-size: 15px; line-height: 22px; background-size: 17px; padding-right: 10px; padding-left: 24px;
 background-position: left 5px;}
.auction_sec { padding: 20px 0 40px 0; }
.owl_imgg2 { display: none; }
.pricing_innr { padding: 20px 0; align-items: start; grid-template-columns: auto; text-align: center; }
.customer_sec { padding: 40px 0; }
.pricing_box { padding: 50px 0; width: 300px; display: inline-block; background: #e4eff5; box-shadow: 0 0 18px 11px #dedede; border-color:#b5d0dc; border-radius: 15px; margin-top: 20px; }
.auction_innr { padding: 15px 0px 0; align-items: start; grid-template-columns: auto; grid-gap: 0; }
.auction_box ul li{ font-size: 15px; line-height: 22px; padding-left: 13px; margin-top: 12px;  }
.auction_box ul li::before { width: 7px; height: 7px; top: 7px; }
.pricing_rt { padding-left: 0; text-align: left; padding-top: 40px; }
.pricing_rt ul{ width: 100%; }
/*.auction_sec::before { width: 130px; height: 84px; top: inherit; background-size: 100%; bottom: 28px; display: none; }*/
.desk{ display: none;}
.mob{ display: inline-block; }
.pricing_box h2{ color:#24adf0; font-size: 60px; line-height: 65px; font-family: 'Graphik-Black'; }
.pricing_box p{ font-size: 22px; line-height: 28px; color:#2c3240; text-transform: capitalize; }
.customer_sec2 .owl_imgg { display: block; top: -18px; z-index: 9;}
.tree_new { display: block; bottom: -57px; z-index: 99;}
.auction_sec::before { background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/mobbg1.png") no-repeat 0 0; width: 100%; height: 56px; position: absolute; left: 0px; top: -56px; content: ""; bottom: inherit; background-size: 100% 100%; }
.auction_sec{ background: #f3f8fd; }
.pricing_sec { padding: 0 0 40px;}
.auction_sec::after { background: url("https://www.biddingowl.com/hubfs/raw_assets/public/biddingowl-2021/assets/images/mobbg2.png") no-repeat 0 0; background-size: auto; width: 100%; height: 82px; position: absolute; left: 0px; bottom: -82px !important; content: "";
 bottom: inherit; background-size: 100% 100%; z-index: 9;}
.customer_sec.customer_sec2 { padding: 90px 0 30px 0;}


/*Auction*/
.featued_top { grid-template-columns: 85% 12%; }
.featured_innr.featued_innr2 { grid-template-columns: auto auto; grid-gap: 0 20px; padding: 15px 15px 0; }
.featued_topLeft input[type="text"] { height: 48px; line-height: 48px; }
.featued_topRt select { display: none; }
.featued_topRt ul { padding: 12px 0 0; float: right; }
.featued_topRt ul li { margin-right: 13px; font-size: 26px;}
.featued_innr2 .featured_txt { padding: 15px; }
.featued_page { padding: 30px 0;}
.footer_innr .footer_top { padding: 30px 0;}
.featued_innr2 .featured_box img { height: 250px; }
.featued_page .top_heading h1 { font-size: 30px; line-height: 34px;}
.footer_innr.footer_sec{ padding: 0px; }
.footer_innr .footer_top { padding: 20px 0 30px 0;}


/*Browse Items*/
.browse_rt .featued_topRt select { width: 310px;}
.browse_rt .browse_innrRt.featured_innr.featued_innr2 { grid-template-columns: auto auto; grid-gap: 0 15px;}
.browse_innr { padding: 30px 0 0; grid-template-columns: auto; grid-gap: 0 20px;}
.browse_list ul li{ font-size: 15px; line-height: 16px; }
.browse_list ul li a{ padding: 8px; border-left-width: 3px !important; padding-left: 15px; }
.js-scroll-bar { width: 13px !important; height: 42px !important; right: 1px !important;}
.browse_leftInnr h3{ font-size: 18px; line-height: 22px; padding-bottom: 8px; }
.browse_rt .featued_top { grid-template-columns: 85% 12%;}


/*Auction Details*/
.auction_details .browse_innr { padding: 20px 0 0; grid-template-columns: 100%; }
.details_info {padding: 0;}
.details_info h1, .details_info h2 { font-size: 22px; line-height: 28px;}
.details_info h5{ font-size: 14px; line-height: 19px; padding-top: 15px; }
.details_infoTop { padding: 20px 0 0; }
.details_infoTopleft h5{ font-size: 14px; line-height: 19px; padding: 0; }
.details_infoTopleft h2{ font-size: 25px;line-height: 32px; }
.bid_box input[type="text"]{ height: 40px; line-height: 40px; }
.bid_box input[type="submit"]{height: 40px; line-height: 40px; background-size: 17px !important; }
.buy_btn{ height: 40px; line-height: 40px; font-size: 16px; }
.details_infoTop h3{ font-size: 14px; line-height: 18px; margin-top: 30px; }
.details_time { margin-top: 20px; padding: 18px 0; }
.details_time em{ font-size: 14px; }
.timer .lead{ font-size: 20px; line-height: 18px; padding-left: 16px; margin-left: 10px;}
.timer { margin-left: 16px;}
.share {  padding-top: 8px; }
.share h3{ font-size: 16px; line-height: 22px; }
.bottm_content h3 { font-size: 20px; line-height: 28px;}
.bottm_content { padding: 20px 0 0;}
.bottm_content p { font-size: 14px; line-height: 20px; padding-top: 5px;}
.details_slider #sync2 .owl-prev{ top: -70px; }
.details_slider #sync2 .owl-next{ top: -70px; }
.details_rt { grid-template-columns: 100%;}
#sync1.owl-theme { padding: 8px;}
.bredcamb_sec { padding: 18px 0;}
.bredcamb_sec ul li { margin-right: 16px;}
.details_info h5 a { margin-left: 20px;}
.bredcamb_sec{ display: none; }
.details_infoToprt { width: 100%;}
.details_slider #sync2 .owl-item .item{ width: 100%; }
#sync2 {  padding: 0 15px 12px;}
.browse_sec.auction_details { padding-bottom: 35px;}




.sidemaenu{ width: 100%;}
.deshmainbody{ width: 100%; padding: 20px;}
.sidemaenu {
    background: #fff;
    margin-top: 56px;
}
.sidmenus{ padding: 0px;}
.dashbordheader .top_btn li a {
    padding:5px 0px !important;
}
.hedsrch {
    width: 100%;
    position: absolute;
    top: 57px;
    right: inherit;
    left: 0;
    padding: 10px; background: #fff;
}
.dashbordheader .navbar-brand{ margin-left: -160px;}



}

@media only screen and (max-width:600px){
/*Auction*/
.featued_innr2 .featured_box img { height: 200px;}
.featued_innr2 .featured_txt h5 br{ display: none; }

/*Auction Details*/
.details_slider #sync2 .owl-prev { top: -60px;}
.details_slider #sync2 .owl-next { top: -60px;}



}


@media only screen and (max-width:575px){
.top_heading h1 br, .top_heading h2 br, .top_heading h3 br{ display: none; }
.banner_box strong { font-size: 21px; line-height: 28px;}
.banner_sec::after { width: 90px; height: 44px; top: 60px; background-size: 100%;}
.top_img2{ display: none;}
.banner_box {  padding-top: 100px;}
.banner_sec {  min-height: inherit; padding-bottom: 35px;}
.welcome_box {  padding: 14px; min-height: inherit;}
.welcome_box ul li { font-size: 15px; line-height: 26px; background-size: 20px; padding-right: 0; padding-left: 32px;}
.featured_innr { grid-gap: 0 15px; grid-template-columns: auto;}
.customer_sec::before {  top: -43px; height: 68px;}
.owl_imgg { top: -73px;}
.customer_innr { padding: 16px 0 0;}
.customer_innr .owl-prev { width: 26px !important; height: 26px !important; left: -8px; top: 42%;}
.customer_innr .owl-next { width: 26px !important; height: 26px !important; right: -8px; top: 42%;}
.customer_box { padding: 15px;}
.customer_box p { font-size: 13px; line-height: 22px; padding-top: 8px;}
.customer_btm img { width: 45px !important;}
.customer_btm h5 { font-size: 14px; line-height: 19px; padding-top: 3px;}
.customer_btm { padding: 12px 0 0; margin-top: 10px;}
.customer_sec::after { background-size: 100% 100%; height: 70px;}
.customer_sec { width: 100%;  padding: 30px 0;}
.top_heading h1, .top_heading h2, .top_heading h3 { font-size: 22px; line-height: 27px;}
.planning_sec { padding: 40px 0 60px 0;}
.footer_box ul.contact_info li { margin-bottom: 8px; line-height: 21px; font-size: 13px;}
.footer_box ul li{ font-size: 13px; line-height: 23px; }
.left_txt{ font-size: 13px; line-height: 20px; padding-top: 8px; }
.footer_top { padding-bottom: 15px;}
.navbar-toggle .icon-bar { width: 31px; height: 3px; }
.navbar-brand { width: 180px; position: absolute; left: 50%; top: 3px; margin-left: -90px;}
.top_btn li a { padding: 8px 9px;}
.top_btn li { font-size: 12px; line-height: 14px;}
.top_btn li a i { float: left; margin: 0 6px 0 0;}
.top_btn li.cart a { padding: 2px;}
.top_btn li.cart::after { right: 0px; top: 0px;}
.navbar-toggle{ padding: 4px 10px; }
.header_sec { padding: 8px 0;}
.nav_top ul.navbar-right li a { font-size: 18px; line-height: 29px; padding: 8px 15px;}
.top_heading p { font-size: 18px; line-height: 25px; padding-top: 12px; }


.pricing_innr { padding: 15px 15px 20px;}
.pricing_innr { padding: 15px 0px;}
.innr_header.header_sec { padding: 10px 0 45px;}


/*Auction*/
.featured_innr.featued_innr2 { grid-template-columns: auto; grid-gap: 0 15px; }
.featued_innr2 .featured_box img { height: auto; object-fit: inherit; }
.featued_innr2 .featured_txt { padding: 18px;}
.featued_innr2 .featured_txt h5 { font-size: 15px; line-height: 24px;}
.featued_innr2 .featured_txt a.view_btn { margin-top: 12px; font-size: 15.1px; line-height: 20px; width: auto;}
.featued_top { grid-template-columns: 78% 18%;}
.featued_page .top_heading h1 { font-size: 26px; line-height: 32px; }
.featued_page .read_btn {width: 160px; height: 48px; line-height: 44px; }


/*Browse Items*/
.browse_rt .featued_top { grid-template-columns: 78% 18%;}
.browse_rt .browse_innrRt.featured_innr.featued_innr2 { grid-template-columns: auto; grid-gap: 0 15px;}



/*Auction Details*/
.details_info h5 a { margin-left: 0; float: right;}
.details_info h1, .details_info h2 { font-size: 20px; line-height: 26px;}
.details_time em {  font-size: 13px; padding-top: 6px;}
.timer .lead { font-size: 17px; line-height: 16px; padding-left: 10px; margin-left: 5px;}
.details_slider #sync2 .owl-prev { top: -55px;}
.details_slider #sync2 .owl-next { top: -55px;}
.innr_header2 .navbar-brand { top: -8px;}
.profile_box img { margin: 0 5px 0 0; width: 35px; height: 35px;}
.profile_box em { font-size: 12px; line-height: 14px; padding-top: 3px;}
.profile_box { margin-left: 6px; background-position: right top 21px; padding-right: 13px; background-size: 10px;}
.top_sec { margin: 6px 15px 0 0; }
.profile_dropbox { width: 140px; padding: 6px; }
.innr_header2 .navbar-collapse {
    top: 56px;
}




.dashbordheader .top_btn{top: 6px; right: 133px;}
.sidemaenu {
    margin-top: 76px;
}









.blog_innr.blog_list { grid-template-columns: 100%; grid-gap: 0; }

}





@media only screen and (max-width:480px){
/*Auction Details*/
.details_slider #sync2 .owl-prev { top: -50px;}
.details_slider #sync2 .owl-next { top: -50px;}

.navbar-brand{ width: 146px; margin-left: -73px;}
.featured_innr.featued_innr2.grid .featured_box {
    display:inline-block;
    align-items: inherit;
}
.featured_innr.featued_innr2.grid .featured_box a {
    max-width: 100%;
}

.dashbordheader .navbar-brand {
    margin-left: -90px;
    top: 8px;
    width: 119px;
}
.profile_dropbox ul li:nth-child(4), .profile_dropbox ul li:nth-child(5){ display: inline-block;}
.dashbordheader .top_btn{ display: none;}



}


@media only screen and (max-width:400px){
.navbar-brand { margin-left: -108px;}

.pricing_box { padding: 30px 0; width: 280px; }
.pricing_box h2 { color: #24adf0; font-size: 50px; line-height: 56px; font-family: 'Graphik-Black';}
.pricing_box p { font-size: 18px; line-height: 24px;}
.pricing_rt { padding-top: 30px;}


/*Auction*/
.featued_top {grid-template-columns: 73% 22%;}


/*Auction Details*/
.details_slider #sync2 .owl-prev { top: -47px;}
.details_slider #sync2 .owl-next { top: -47px;}
.profile_box img { margin: 0 4px 0 0; width: 28px; height: 28px;}
.profile_box em { font-size: 10px; line-height: 12px; padding-top: 3px;}
.profile_box { margin-left: 2px; background-position: right top 19px; padding-right: 13px; background-size: 10px;}
.innr_header2 .navbar-brand { left: 50%; padding: 0px 7px !important; top: -4px; margin-left: -35px; width: 70px; text-align: center; box-shadow: inherit; background: none;}
.innr_header2 .navbar-brand img { max-width: 100%; float: none;}
.profile_dropbox{ top: 142%; }
.top_sec { margin: 8px 15px 0 0; }


.dashbordheader .profile_box {
    display: flex;
    align-items: center;
    background-position: right top 13px;
}
.dashbordheader .top_btn {
    top: 6px;
    right: 110px;
}

.dashbordheader .top_btn li { margin-left: 1px;}
.publcBox strong{ font-size: 22px;}




}


@media only screen and (max-width:350px){
/*Auction Details*/
.details_slider #sync2 .owl-prev { top: -44px;}
.details_slider #sync2 .owl-next { top: -44px;}



}

.pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  margin: 20px 0 0;
  padding: 40px 0 100px;
}

@media (max-width:992px) {
  .pagination {
    margin-top: 15px;
    padding: 30px 0 50px;
  }
}
@media (max-width:768px) {
  .pagination {
    margin-top: 15px;
  }
}

.pagination__item {
  color:#2c3240;
  min-width:40px;
  height:40px;
  align-items:center;
  text-align:center;
  padding:0 5px
}

.pagination__item,
.pagination__items {
  display:flex;
  justify-content:center
}

.pagination__items {
  flex-wrap:wrap
}

@media (max-width:480px) {
  .pagination__items {
    padding:0 10px
  }
}

.pagination__item_no-width {
  min-width:0;
  padding:0
}

.pagination__item_active {
  color: #24aef1;
}

.pagination__item_active:active,
.pagination__item_active:hover{opacity:1}

@media (max-width:480px) {
  .pagination__item_next,
  .pagination__item_prev{min-width:0;background-color:transparent;height:auto;position: relative;}
  .pagination__item_next:after,
  .pagination__item_prev:after{position:absolute;display:block;content:"";top:-10px;left:-10px;right:-10px;bottom:-10px}
}

.pagination__item_next svg,
.pagination__item_prev svg {
  height:13px;width:7px
}

@media (max-width:480px) {
  .pagination__item_next svg path,
  .pagination__item_prev svg path{
    fill: #333333 !important
  }
}

.pagination__item_disabled,
.pagination__item_disabled:active,
.pagination__item_disabled:hover{
  opacity:.3
}

.pagination__item_active,
.pagination__item_disabled,
.pagination__item_no-width{
  cursor:default;
  pointer-events:none
}

.blog_listing_cover {
  position: relative;
}

.blog_listing_cover::before {
  content: '';
  display: block;
  padding: 56.2% 0 0;
  width: 100%;
}
.blog_desk .blog_box:first-child .blog_img .blog_listing_cover::before {
  padding: 108% 0 0;
}

.blog_listing_cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog_container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 15px;
}

.blog_content {
  text-align: left;
  padding: 0 0 50px;
}

.blog_content h1,
.blog_content h2,
.blog_content h3,
.blog_content h4,
.blog_content h5,
.blog_content h6,
.blog_content p {
  margin: 0.8em 0;
}

.blog_content h1,
.blog_content h2,
.blog_content h3,
.blog_content h4,
.blog_content h5,
.blog_content h6 {
  font-family: 'Graphik-Semibold';
}

.blog_content li {
  margin: 0.3em 0;
}

.blog_content h1 {
  font-size: 40px; line-height: normal;
}

.blog_content h2 {
  font-size: 40px; line-height: normal;
}

.blog_content h3 {
  font-size: 30px; line-height: normal;
}

.blog_content h4 {
  font-size: 22px;line-height: normal;
}

.blog_content h5 {
  font-size: 17px; line-height: normal;
}
.blog_content h6 {
  font-size: 16px; line-height: normal;
}

.blog_content li,
.blog_content p {
  font: normal 16px/26px 'Graphik-Regular';
  color: #6a6f78;
  padding: 2px;
  margin-top: 12px;
}

.blog_content strong {
  font-family: 'Graphik-Semibold';
}

.blog_content ul,
.blog_content ol {
  margin: 0.5em 0;
  padding: 0 0 0 2em;
}

.blog_content ul li {
  list-style: disc;
}

.blog_content ol li {
  list-style: decimal;
}

.blog_content img {
  max-width: 100%;
}

@media screen and (max-width: 768px) {

  .blog_content h1 {
    font-size: 40px; line-height: normal;
  }

  .blog_content h2 {
    font-size: 30px; line-height: normal;
  }

  .blog_content h3 {
    font-size: 22px; line-height: normal;
  }

  .blog_content h4 {
    font-size: 18px; line-height: normal;
  }

  .blog_content li,
  .blog_content p {
    font: normal 16px/26px 'Graphik-Regular';
    color: #6a6f78;
    padding: 2px;
    margin-top: 12px;
  }
}

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

  .blog_content h1 {
    font-size: 36px; line-height: normal;
  }

  .blog_content h2 {
    font-size: 28px; line-height: normal;
  }

  .blog_content h3 {
    font-size: 20px; line-height: normal;
  }

  .blog_content h4 {
    font-size: 17px; line-height: normal;
  }

  .blog_content li,
  .blog_content p {
    font: normal 16px/26px 'Graphik-Regular';
    color: #6a6f78;
    padding: 2px;
    margin-top: 12px;
  }
}

.post__tag,
.post__tags span {
  font: normal 16px/26px 'Graphik-Regular'
}

.blog_content a,
.post__tag {
  color: #81cc55;
}

.blog_content a:hover,
.post__tag:hover,
.post__tag_active {
  color: #f57131;
}

.post__tags {margin-bottom:20px;}

.blog__search {
  height: 50px;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  column-gap: 15px;
}

.blog__searchInput {
  border: 1px solid #2c3240;
  border-radius: 5px;
  color: #000;
  font: normal 16px/46px Graphik-Semibold;
  text-decoration: none;
  flex: 0 0 255px;
  width: 255px;
  padding: 0 10px;
}

@media (max-width: 629px) {
  .blog__searchInput {
    width: 100%;
    flex: 1 0 150px;
  }
}

.blog__searchBtn {
  border-radius: 5px;
  background-color: #f57131;
  height: 100%;
  width: 50px;
  flex: 0 0 50px;
  border: 0;
  cursor: pointer;
  color: white;
}

.blog__searchBtn:hover{ background: #a6c16d; }
@media (max-width:992px){.post__tags{margin-bottom:14px}}
@media (max-width:768px){.post__tags{margin-bottom:10px}}
  

/* =========================================================
   BiddingOwl Learning Center Tables
   Assumes the first row of each table is the header
   ========================================================= */

.blog-post-body table,
.blog-post__body table,
.hs_cos_wrapper_type_rich_text table {
  width: 100%;
  margin: 32px 0 40px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid #d8e3eb;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(18, 59, 93, 0.07);

  color: #2d3d4c;
  font-size: 16px;
  line-height: 1.6;
}

/* All cells */
.blog-post-body table th,
.blog-post-body table td,
.blog-post__body table th,
.blog-post__body table td,
.hs_cos_wrapper_type_rich_text table th,
.hs_cos_wrapper_type_rich_text table td {
  padding: 20px 24px;

  border: 0;
  border-right: 1px solid #e3ebf1;
  border-bottom: 1px solid #e3ebf1;

  text-align: left;
  vertical-align: top;
  line-height: 1.6;
}

/* Remove right border from final column */
.blog-post-body table tr > *:last-child,
.blog-post__body table tr > *:last-child,
.hs_cos_wrapper_type_rich_text table tr > *:last-child {
  border-right: 0;
}

/* Remove bottom border from final row */
.blog-post-body table tr:last-child > *,
.blog-post__body table tr:last-child > *,
.hs_cos_wrapper_type_rich_text table tr:last-child > * {
  border-bottom: 0;
}

/* =========================================================
   Subtle first-row header
   Works whether HubSpot uses th or td
   ========================================================= */

.blog-post-body table tr:first-child > *,
.blog-post__body table tr:first-child > *,
.hs_cos_wrapper_type_rich_text table tr:first-child > * {
  padding: 18px 24px;

  background: #eef4f7;
  border-right: 1px solid #d8e3eb;
  border-bottom: 1px solid #cfdae2;

  color: #24445a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  vertical-align: middle;
}

/* Rounded top corners */
.blog-post-body table tr:first-child > *:first-child,
.blog-post__body table tr:first-child > *:first-child,
.hs_cos_wrapper_type_rich_text table tr:first-child > *:first-child {
  border-top-left-radius: 13px;
}

.blog-post-body table tr:first-child > *:last-child,
.blog-post__body table tr:first-child > *:last-child,
.hs_cos_wrapper_type_rich_text table tr:first-child > *:last-child {
  border-top-right-radius: 13px;
  border-right: 0;
}

/* Alternating body rows */
.blog-post-body table tr:nth-child(odd):not(:first-child),
.blog-post__body table tr:nth-child(odd):not(:first-child),
.hs_cos_wrapper_type_rich_text table tr:nth-child(odd):not(:first-child) {
  background: #f8fafb;
}

/* Hover effect */
.blog-post-body table tr:not(:first-child):hover,
.blog-post__body table tr:not(:first-child):hover,
.hs_cos_wrapper_type_rich_text table tr:not(:first-child):hover {
  background: #eef7f7;
}

/* Smooth hover transition */
.blog-post-body table tr,
.blog-post__body table tr,
.hs_cos_wrapper_type_rich_text table tr {
  transition: background-color 0.18s ease;
}

/* Remove HubSpot paragraph margins inside cells */
.blog-post-body table td p,
.blog-post-body table th p,
.blog-post__body table td p,
.blog-post__body table th p,
.hs_cos_wrapper_type_rich_text table td p,
.hs_cos_wrapper_type_rich_text table th p {
  margin: 0;
}

/* Space between multiple paragraphs */
.blog-post-body table td p + p,
.blog-post-body table th p + p,
.blog-post__body table td p + p,
.blog-post__body table th p + p,
.hs_cos_wrapper_type_rich_text table td p + p,
.hs_cos_wrapper_type_rich_text table th p + p {
  margin-top: 12px;
}

/* Bold text inside body cells */
.blog-post-body table td strong,
.blog-post__body table td strong,
.hs_cos_wrapper_type_rich_text table td strong {
  color: #24445a;
  font-weight: 700;
}

/* Links */
.blog-post-body table a,
.blog-post__body table a,
.hs_cos_wrapper_type_rich_text table a {
  color: #11798d;
  font-weight: 600;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Cleaner number and currency alignment */
.blog-post-body table td:last-child,
.blog-post__body table td:last-child,
.hs_cos_wrapper_type_rich_text table td:last-child {
  font-variant-numeric: tabular-nums;
}

/* =========================================================
   Optional fee calculation tables
   Add class="fee-table"
   ========================================================= */

.blog-post-body table.fee-table tr:not(:first-child) > *:last-child,
.blog-post__body table.fee-table tr:not(:first-child) > *:last-child,
.hs_cos_wrapper_type_rich_text table.fee-table tr:not(:first-child) > *:last-child {
  background: rgba(42, 166, 164, 0.06);
  color: #24445a;
  font-weight: 700;
  white-space: nowrap;
}

/* Emphasize final calculation row */
.blog-post-body table.fee-table tr:last-child > *,
.blog-post__body table.fee-table tr:last-child > *,
.hs_cos_wrapper_type_rich_text table.fee-table tr:last-child > * {
  background: #edf7f7;
  color: #24445a;
  font-weight: 700;
  border-top: 2px solid #6ab8b5;
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {
  .blog-post-body table,
  .blog-post__body table,
  .hs_cos_wrapper_type_rich_text table {
    display: block;
    width: 100%;
    overflow-x: auto;

    margin: 24px 0 32px;
    border-radius: 11px;
    font-size: 14px;

    -webkit-overflow-scrolling: touch;
  }

  .blog-post-body table tr,
  .blog-post__body table tr,
  .hs_cos_wrapper_type_rich_text table tr {
    min-width: 620px;
  }

  .blog-post-body table th,
  .blog-post-body table td,
  .blog-post__body table th,
  .blog-post__body table td,
  .hs_cos_wrapper_type_rich_text table th,
  .hs_cos_wrapper_type_rich_text table td {
    min-width: 145px;
    padding: 16px 18px;
    line-height: 1.55;
  }

  .blog-post-body table tr:first-child > *,
  .blog-post__body table tr:first-child > *,
  .hs_cos_wrapper_type_rich_text table tr:first-child > * {
    padding: 16px 18px;
    font-size: 14px;
  }
  
  
  
}