/*=.=.=.=.=---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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/prevhvr.png") no-repeat 0 0; background-size: 100%; }
.customer_innr .owl-next{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/bullet.png") no-repeat left 1px; }

/*Auction*/
.auction_sec{ width: 100%; background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/dicons1h.png") no-repeat left 20px center;}

.sidmenus ul li.ic2 a{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/dicons2h.png") no-repeat left 20px center !important;}

.sidmenus ul li.ic3 a{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/dicons3h.png") no-repeat left 20px center !important;}
.sidmenus ul li.ic4 a{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/dicons4h.png") no-repeat left 20px center !important;}
.sidmenus ul li.ic5 a{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/dicons5h.png") no-repeat left 20px center !important;}


.sidmenus ul li.ic6 a{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/dicons6h.png") no-repeat left 20px center;}

.sidmenus ul li.ic7 a{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/dicons7h.png") no-repeat left 20px center;}

.sidmenus ul li.ic8 a{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/dicons8h.png") no-repeat left 20px center;}

.sidmenus ul li.ic9 a{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/raw_assets/public/biddingowl-2021/assets/images/prevhvr.png") no-repeat 0 0; background-size: 100%; }
.blog_innr2 .owl-next{ background: url("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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("//19929988.fs1.hubspotusercontent-na1.net/hubfs/19929988/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}}