@charset "utf-8";html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;}
body{margin:0;padding:0;font-family: 'Montserrat', sans-serif;background:#ffffff;font-size:15px; color: #3e3e3e; overflow-x: hidden;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;font-family: 'Montserrat', sans-serif;}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box; font-family: 'Montserrat', sans-serif;}

h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
a{text-decoration: none!important;color: #608921;display: inline-block;font-family: 'Montserrat', sans-serif;}
a:hover{color: #321839;}
label{font-weight: normal!important;}
b, strong{font-family: 'Montserrat', sans-serif;font-weight: 700;}
u{text-decoration:underline;}
i, em{font-style:italic;}
img{max-width:100%;}
input[type="button"], 
input[type="submit"], 
input[type="reset"],
input[type="text"],
select,
textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
select::-ms-expand{display:none;}
input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer;}
p{color:#5d5d5d; font-family: 'Montserrat', sans-serif;}
a{transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;}

body,html{overflow-x: hidden;}


@media (min-width: 1200px){.container {max-width: 1170px;}}
.container:after, .container:before {content: ""; display: table; clear: both; }

.top-header{ padding: 18px 0; }

.nav-ul ul li a{ position: relative;}
.nav-ul ul li a:after{    content: "";position: absolute;top: -27px;right: 0px;left: 0px;height: 3px;background: #ffe6e6;z-index: 4; opacity: 0; visibility: hidden; transition: 0.3s;}
.nav-ul ul li.CLEARFOUNDATION a::after{ background-color: #608921 ;}
.nav-ul ul li.CLEARCENTER a::after{ background-color: #c2510f ;}
.nav-ul ul li.CLEARHOMES a::after{ background-color: #2ea3f2;}
.nav-ul ul li.CLEARUNITED a::after{ background-color:  #694e70;}
.nav-ul ul li.CLEARCELLULAR a::after{ background-color: #3d85c6 ;}
.nav-ul ul li.CLEARHEALTH a::after{ background-color: #1aa48a ;}
.nav-ul ul li.CLEARENERGY a::after{ background-color: #78909c ;}
.nav-ul ul li.clearabundance a::after{ background-color: #76b117 ;}

header.fixed-header .nav-ul ul li a:after{ opacity: 1; visibility: visible;}
header.fixed-header .top-header{ border-top: 3px solid #7f7f7f;}

.sub-header .container{ max-width: 100%; padding: 0;}

header{ background-color: #efefef; padding: 0px 70px;}
.top-header{max-width: 100%;margin: 0 auto; }
.top-header .logo-width{ max-width: 153px; }

.nav-ul ul li{display: inline-block;}
.nav-ul ul li a{font-size: 15px;text-transform: uppercase; color: #000; display: inline-block; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out; font-weight: 500;position: relative;padding: 0 8px;font-family: 'Roboto', sans-serif;font-weight: 400;}
/* .nav-ul ul li a:after{content: "";position: absolute;bottom: -10px;left: 0;width: 0;height: 2px;background: #fff;transition: 0.3s;-webkit-transition: 0.3s; opacity: 0; visibility: hidden;} */
.nav-ul ul li a:hover::after{ opacity: 1; visibility: visible; width: 100%;}



.sub-header{ display: block; background: #efefef; padding: 15px 70px;   text-align: right; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc ;}
.sub-header li{display: inline-block;}
.sub-header a{font-size: 14px;text-transform: uppercase; color: #000; display: inline-block; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out; font-weight: 400;font-family: 'Roboto', sans-serif;}
.sub-header a + a{margin-left: 18px;}
.sub-header a.store-li{border-radius: 30px;padding: 6px 13px;color: #ffffff;background: #7f7f7f;}
.sub-header a:hover{ color: #000; }
.sub-header a.store-li:hover{background: #616161;color: #ffffff;}

/* .index-page .clearcocom-header{background: #efefef;}
.index-page .sub-header{background: #efefef;} */

.logo-box img{width: 160px;}
.index-page .clearcocom-header{background: #684E6E;}
.index-page .sub-header{background: #684E6E;}
.index-page .nav-ul ul li a{ color: #fff;}
.index-page .logo-box img{ filter: brightness(0) invert(1);}
.index-page .sub-header a{ color: #fff;}
.index-page .sub-header{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2) ;}

header.fixed-header{background: #fff!important;box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);position: fixed;width: 100%;z-index: 999;left: 0;top: 0;transition: 0.2s;-webkit-transition: 0.2s;border-color: transparent;}
header.fixed-header ul li a{color: #767475!important;}
header.fixed-header .logo-box img{ filter: initial;}
header.fixed-header #main-menu-toggle-new{ background: #684e6e;}
header.fixed-header #main-menu-toggle-new img{ filter: brightness(0) invert(1);}

#main-menu-toggle, 
#close-main-menu, 
.black-layer {display: none; }

.main-menu-toggle-new-box{ display: inline-block; vertical-align: middle; margin-left: 15px;}
#main-menu-toggle-new{ width: 55px; height: 55px; border-radius: 100%; background-color: #fff; text-align: center; border: 1px solid #fff; display:flex; justify-content: center; align-items: center; outline: #fff; cursor: pointer; }
#main-menu-toggle-new:hover{ background-color: transparent;}
#main-menu-toggle-new:hover img{ filter: brightness(0) invert(1);}
#main-menu-toggle-new img{ max-width: 30px; }


/* 
@media screen and (min-width: 992px)
{
  #header-nav-box .sub-header{position: fixed; background: #fff; width: 300px; right: 0; top: 0; height: 100%; padding: 30px 15px; z-index: 91; transform: translateX(100%); -webkit-transform: translateX(100%); transition: 0.4s; -webkit-transition: 0.4s; overflow: auto;}
  #header-nav-box.active .sub-header{     transform: translateX(0); -webkit-transform: translateX(0);}

} */



#close-main-menu{display: inline-block;width: 40px;height: 40px;/*border:1px solid #c2510f;*/background: #7f7f7f;position: relative;border-radius: 50%;margin-bottom: 30px;cursor: pointer;float: left;}
#close-main-menu img{max-width: 14px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:  auto;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}

.black-layer{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0;z-index: 90;visibility: hidden;display: block;transition: 0.4s;-webkit-transition: 0.4s;}
.show-black-layer{visibility: visible;opacity: 0.5;}
#close-main-menu{    display: inline-block; width: 40px; height: 40px; /* border: 1px solid #c2510f; */ background: #7f7f7f; position: relative; border-radius: 50%; margin-bottom: 30px; cursor: pointer; float: left;}




.bg-gray{ background: #F0F0F0; }
.banner-section{  min-height: calc(100vh - 90px); padding: 50px 0; background: rgba(251, 240, 253, 0.69); position: relative; align-items: center; }
.banner-text h1{ line-height: 1.4; font-size: 40px; color: #684E6E; font-weight: 600; margin-bottom: 25px;}
.banner-text.text-center p + p {margin-top: 11px; }
.banner-text.text-center p {display: block; width: 100%; line-height: 1.7; font-size: 23px; color: #fff; font-weight: 400;}
.banner-text.text-center p strong{ font-weight: 400;}
.cleaerco-banner {    padding: 180px 0 230px; min-height:inherit}
.cleaerco-banner p{background: #EDE4F0; border: 1px solid #CBB1D1; padding: 20px 28px;border-radius: 16px; font-size: 22px; color: #684E6E;}

.banner-down-btn{ position: absolute; left: 50%; transform: translateX(-50%); width: 36px; height: 50px; border: 4px solid #694e6f; border-radius: 10px; display: block; text-align: center; color: #fff; font-size:15px; cursor: pointer;     display: flex; justify-content: flex-start; align-items: center; flex-flow: column; line-height: 0; bottom: 45px;}
.banner-down-btn span{ width: 4px;height: 4px; border-radius: 100px; background-color: #694e6f; display: block; flex: 0 0 4px;      margin-top: 4px;}
.banner-down-btn i{ line-height: 13px; color:#694e6f}

.banner-video-bx-new { border-radius: 10px; overflow: hidden; height: 310px !important;display: table!important; }

.video-box.banner-video-bx-new .video-play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);    height: 45px;width: 45px;line-height: 47px;}

.banner-video-box{  /*transform: translateY(130px); -webkit-transform: translateY(130px);*//* display: block; width: 100%; margin-bottom: -100px;*/ /*margin-top: -118px;*/ }

.video-box{ display:block; width: 100%; position: relative; border-radius: 10px; overflow: hidden; position: relative;  margin-bottom: 10px; }
.video-box{ height: 177px; }
.video-box.large{ height: 550px; margin-bottom: 0; }
.video-box img{ width: 100%; height: 100%; object-fit: cover; }

.video-text{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;display: flex;align-items: center;align-content: center;flex: 0 0 100%;flex-flow: wrap; justify-content: center; background: rgba(0,0,0,0.4); z-index: 1;}

.video-play{ display: inline-block; height: 35px; width: 35px; text-align: center; line-height: 37px; background: #fff; border-radius: 100%; color: #7f7f7f; font-size: 13px; box-shadow:0px 0px 0px 7px rgba(255,255,255,0.35); -webkit-box-shadow:0px 0px 0px 7px rgba(255,255,255,0.35); transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out; }
.video-play:hover{ box-shadow:0px 0px 0px 10px rgba(255,255,255,0.35); -webkit-box-shadow:0px 0px 0px 10px rgba(255,255,255,0.35); }
.video-box.large .video-play{width: 50px; height: 50px; line-height: 50px; box-shadow:0px 0px 0px 10px rgba(255,255,255,0.35); -webkit-box-shadow:0px 0px 0px 10px rgba(255,255,255,0.35);}
.video-box.large .video-play:hover{ box-shadow:0px 0px 0px 15px rgba(255,255,255,0.35); -webkit-box-shadow:0px 0px 0px 15px rgba(255,255,255,0.35); }

.btn{ padding:15px 35px; border:2px solid; border-radius: 3px;  font-weight: 600; font-size: 14px; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;     text-transform: uppercase; }
.btn i{font-size: inherit;}
.btn:focus{ box-shadow: none; }
.btn-white{ background: #fff; color: #272727; border-color: #fff; }
.btn-white:hover{ background: transparent; border-color: #ffffff; color: #fff; }
.btn-gray-white{ background: rgba(0,0,0,0.2); color: #ffffff; border-color: #fff; }
.btn-gray-white:hover{ background: #ffffff; border-color: #ffffff; color: #272727; }

.btn-primary{background: #694E70; border-radius: 100px; border-color: #694E70;}
.btn-primary:hover{border-color: #694E70 !important; color: #fff !important; background: #694E70 !important; }
.btn-primary:focus{box-shadow: none !important;  outline: none !important; background: #694E70 !important; color: #fff !important; border-color: #694E70 !important; }

/* .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{ box-shadow: none; border-color: #7f7f7f; color: #7f7f7f; background: transparent; } */
/* .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{ box-shadow: none; } */




.custom-btn .btn + .btn{ margin-left: 10px; padding: 10px 15px;}
.video-box .custom-btn{ margin-top: 20px; }
.video-box.large .custom-btn{ margin-top: 40px; }
.custom-row{ margin-left: -5px; margin-right: -5px; }
.custom-row div[class*="col-"]{ padding-left: 5px; padding-right: 5px; }

.same-section{ padding: 130px 0; }
.same-section.extra-space{ padding: 80px 0;}
.same-heading{ display: block; padding-bottom: 70px; }
.same-heading h2{ font-size: 34px; font-weight: 500; color: #282828;; }
.same-heading p{ font-size:20px; color: #272727; line-height: 1.5; font-weight: 300; margin-top: 20px; }
.same-heading p strong{ font-weight: 600; }


.logo-icon{ padding: 25px 0; border-radius: 5px;  display: flex;align-items: center;align-content: center;flex: 0 0 100%;flex-flow: wrap; box-shadow: 0 0 13px rgba(0, 0, 0, 0.07); margin-bottom: 30px;}
.logo-icon .logo-img{ width: 105px; padding: 0 12px; display: inline-block; }
.logo-icon .logo-img img{max-width: 74px;max-height: 60px;}
.logo-icon .logo-img .small-software-icon{max-width: 55px;}
.logo-icon .logo-text{ width: calc(100% - 105px); display: inline-block; padding-right: 15px; float: right; }
.logo-icon .logo-text h4{ font-size: 20px; font-weight: 600; color: #686868; padding-bottom: 10px; }
.logo-icon .logo-text p{ font-size: 14px; line-height: 20px; font-weight: 400; color: #5c5d60; }

.logo-icon .logo-text.ClearVM h4{ color: #3d85c6; }
.logo-icon .logo-text.ClearGLASS h4{ color:#01a982;  }
.logo-icon .logo-text.ClearSHARE h4{ color:#686868;  }
.logo-icon .logo-text.ClearUTILS h4{ color: #766a63; }
.logo-icon .logo-text.ClearOS-Mobile h4{ color:#694e70;  }
.logo-icon .logo-text.ClearID h4{ color:#694e70;  }
.logo-icon .logo-text.ClearNAV h4{ color:#694e70  }
.logo-icon .logo-text.ClearCLOUD h4{ color:#694e70;  }
.logo-icon .logo-text.ClearMED h4{ color: #615586; }
.logo-icon .logo-text.ClearWEB h4{ color:#694e70;  }
.logo-icon .logo-text.ClearGM h4{ color:#686868;  }
.logo-icon .logo-text.ClearSYNC h4{ color:#615586;  }
.logo-icon .logo-text.ClearNAV-Launcher h4{ color:#694e70;  }

.reviews-white-box{ background: #efefef; border-radius: 10px; overflow: hidden; padding: 10px; margin-bottom: 25px; }
.reviews-img{ border-radius: 5px; overflow: hidden; width: 115px; height: 120px; display: inline-block; vertical-align:middle; }
.reviews-img img{ width: 100%; height: 100%; object-fit: cover; }
.reviews-text{ display: inline-block;vertical-align: middle;   width: calc(100% - 119px); padding-left: 15px;}
.reviews-text p{ font-size: 12px; color: #595959;  font-weight: 400; margin-bottom: 10px; }
.reviews-text h4 a{ font-size: 18px; font-weight: 400; color: #121212;  line-height: 1.4; }
.reviews-text h4 a:hover{ color: #000; }

.reviwe-blog-loader .reviews-text p,
.reviwe-blog-loader .reviews-text h4{width: 100%;height: 30px;}
.reviwe-blog-loader .reviews-text h4{height: 50px;}
.reviwe-blog-loader .reviews-white-box{background: transparent;padding: 0;}
.preloader{background: #f1f1f1; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: #F6F6F6; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #F6F6F6), color-stop(18%, #F0F0F0), color-stop(33%, #F6F6F6)); background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%); background-size: 800px 104px; position: relative; }

.new-post-bx + .new-post-bx{margin-top: 20px;}
.new-post-bx>h2{font-size: 30px;font-weight: 400;color: #272727;margin-bottom: 20px;}


.news-video{ display: block; border-radius:10px; overflow: hidden; position: relative;	 }
.news-video-box .video-box{ height: 226px; margin-bottom: 25px; }
.news-video-box .video-box.large{ height: 474px; margin-bottom: 0; }
.news-video-box .video-text{ background: rgba(0,0,0,0.6) }
.news-text{ display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2 }
.news-text a{ font-size: 15px; line-height: 1.5; color: #fff; font-weight: 300; padding: 15px; }	

/**/
.events.reviews-white-box .reviews-img{ width: 140px; text-align: center;  position: relative; }
.events.reviews-white-box .reviews-img span{ display: inline-block; border-radius: 100%; width: 90px; height: 90px;  overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.events.reviews-white-box .reviews-img span img{ display: inline-block; width: 100%; height: 100%; object-fit: cover; }
.events.reviews-white-box .reviews-text{ width: calc(100% - 144px) }

.resource-bx{background: #ffffff;position: relative; padding: 25px 70px 25px 20px; border-radius: 10px; box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 10%);height: 100%;}
.resource-img {width: auto; float: inherit; border-radius: 0; overflow: hidden; position: absolute; right: 20px; top: 20px;}
.resource-img img{filter: grayscale(1) brightness(90%);-webkit-filter: grayscale(1) brightness(90%);}

.resource-bx h2{font-size: 15px;margin-bottom: 4px; padding: 0; color: #555555;font-weight: 600;}
.resource-bx p{font-size: 13px;}

.timeline-box{ position: relative; padding: 50px 0;height: 100%; }
.timeline-box:after{ content: ""; position: absolute; top:0; right: 100%; width: 125px; bottom: 0; -webkit-box-shadow: 50px 24px 29px -50px rgba(0, 0, 0, 0.48);-moz-box-shadow: 50px 24px 29px -50px rgba(0, 0, 0, 0.48);box-shadow: 50px 24px 29px -50px rgba(0, 0, 0, 0.48); pointer-events: none; }
.timeline-box .year{ height: 60px;position: relative; background: #6d6d6d; display: flex;align-items: center;align-content: center;flex: 0 0 100%;flex-flow: wrap; justify-content: center; z-index: 1; }
.timeline-box .year:before {content: ""; position: absolute; right: -36px; bottom: 0; width: 0; height: 0; border-left: 42px solid #6d6d6d; border-top: 42px solid transparent; border-bottom: 42px solid transparent;  transform: scale(0.73); -webkit-transform: scale(0.73);top: -12px; }
.timeline-box .year.color{ background: #608921; margin-bottom: 20px; }
.timeline-box .year.color:before{ border-left-color:#608921;  }
.timeline-box .year h2{color: #fff; font-size: 35px; font-weight: 300; position: relative;z-index: 1;}

.timeline-row .col-lg-2{ max-width: 14.2%;  flex: 0 0 14.2%; }
.timeline-box .img{ margin-top: 80px; margin-bottom:  20px; }
.timeline-box .img.bottom{margin-top: 35px;min-height: 77px; display: flex; align-items: center; align-content: center; flex: 0 0 100%; flex-flow: wrap; justify-content: center;  }
.timeline-box .img.bottom img{ max-width: 99px; }
.timeline-box .img img {max-width: 139px; }
.timeline-box .text{ padding: 0 20px; }
.timeline-box .text p{ color: #121212; font-size: 14px; font-weight: 500; line-height: 1.6; }
.coming-timeline{padding: 9px 30px; background: #6d6d6d; line-height: 1; font-weight: 700; border-radius: 30px; font-size: 12px; display: block; color: #fff; margin-top: -6px; }

.mobile-clear-timeline-outer{display: none;}

.leadership-img-section{text-align: center;}

.vision-box{padding: 30px;}
.vision-box h4 { display: block; margin-bottom: 30px; font-weight: 500; font-size: 24px; line-height: 157.4%; text-align: center; color: #000000; }

.vision-icon-box{ display: block; margin-bottom: 40px; }
.vision-icon-box a span{ display: inline-block; margin-bottom: 18px; min-height: 84px; line-height: 84px; }
.vision-icon-box a span img{ max-width: 70px; }
.vision-icon-box h5{ font-size: 14px;  color: #272727; font-weight: 400; }

.coming-product-bx{position: relative;}
.coming-product-bx a{filter: blur(4px);-webkit-filter: blur(4px);display: block;}
.coming-product {position: absolute; padding: 7px 15px; background: #694e70; color: #fff; z-index: 1; display: block; width: 100%; font-size: 10px; border-radius: 30px; left: 0; right: 0; top: 27px;}

.row-border{ display: block; width: 100%; height:10px; background: #b7b7b7; position: relative; }
.row-border:after,
.row-border:before{ content: ""; position: absolute; top: 0; width: 28px; height: 28px; background: #b7b7b7; display: block; border-radius: 100%;     top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.row-border:after{ right: -3px; }
.row-border:before{left: -3px;}
.timeline-border-row ul li{display:  inline-block;  position: relative; text-align: center;}
.timeline-border-row ul.up li{ width: 24%;}
.timeline-border-row ul li h4{ font-size: 24px; color: #595959; font-weight: 300;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 100%;margin-right: 12px;}
.timeline-border-row ul li span.line{ width: 1px; height: 125px; background: #595959;position: relative;display: inline-block;}
.timeline-border-row ul li span.line:before{ content: ""; position:absolute; top: 0; transform: translateX(-50%);-webkit-transform: translateX(-50%); width: 9px; height: 9px;  border-radius: 100%; background:#595959; left: 50%;  }
.timeline-border-row ul li span.dot{ position:  absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); display: inline-block; width: 35px; height: 35px; border-radius: 100%; background: #51751c; border:5px solid #b7b7b7; z-index: 1; bottom: -24px; }
.timeline-border-row ul li.clearunited span.dot{  background: #694e70; }
.timeline-border-row ul li.clearhealth span.dot{  background: #19a58a; }
.timeline-border-row ul li.alearabundance span.dot{  background: #76b117; }
.timeline-border-row ul li.clearenergy-timeline span.dot{  background: #c2510f; }
.timeline-border-row ul li.clearcenter-timeline span.dot{  background: #c2510f; }
.timeline-border-row ul li.clearhomes-timeline span.dot{  background: #2ea3f2; }
.timeline-border-row ul li.clearcellular-timeline span.dot{  background: #694e70; }
.timeline-border-row ul li.clearenergy-timeline span.dot{  background: #78909c; }
.timeline-border-row ul.bottom{padding: 0 120px;}
.timeline-border-row ul.bottom:after,
.timeline-border-row ul.bottom:before{content: "";clear: both;display: table;}
.timeline-border-row ul.bottom li{ width: 32%; }
.timeline-border-row ul.bottom li span.line{ bottom: initial; top: 0; }
.timeline-border-row ul.bottom li span.line:before{ top: initial; bottom: 0; }
.timeline-border-row ul.bottom li span.dot{ top: -21px; bottom: initial; }

.company-logo-box{ width: 124px;margin: 0 auto; display: block; text-align: center;margin-bottom: 14px;}
.company-logo-box h5{ display: block; font-size: 20px; font-weight: 800; color: #595959; max-width: 150px; margin-bottom: 4px;}
.timeline-border-row ul.bottom .company-logo-box{ margin-top: 14px; margin-bottom: 0; } 


.round-logo-box{display: block; width: 365px; height: 365px; border-radius: 100%; border:6px dotted #808080 ; margin: 0 auto; display: flex;align-items: center;align-content: center;flex: 0 0 100%;flex-flow: wrap; justify-content: center; position: relative; z-index: 1; background: #ffffff;}
.token-text-box{ display: block; position: relative; background: #fff; border-radius: 57px; position: relative; box-shadow: 7px 4px 20px 2px rgba(0, 0, 0, 0.12);}
.token-text-box .number-box{ display: inline-block; background: #f2f2f2; color: #8e8e8e; font-size:30px; color: #8e8e8e; height: 111px;  width: 111px; border-radius: 100%; text-align: center;line-height: 95px; border:9px solid #555555;  position: relative;vertical-align: middle;}
.token-text-box .number-box:after{ content:""; position: absolute; background: #fff;     right: -9px;left: 50%;top: -9px;bottom: -9px; }
.token-text-box .number-box:before{     content: "";position: absolute; left: -24px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-right: 20px solid #555555; border-bottom: 10px solid transparent;}
.token-text-box + .token-text-box{ margin-top: 30px; }
.token-text-box.left{margin-right: -45px;margin-left: 45px; }

.token-text-box .number-box span{ position: relative; z-index: 1; width: 100%; height: 100%;  background: #f2f2f2; width: 100%; height: 100%; border-radius: 100%; display: block;font-weight: 500;font-size: 31px;box-shadow: 1px 2px 0px rgba(0,0,0,0.1);}
.token-text-box .text-box{display: inline-block; vertical-align:  middle; width: calc(100% - 115px); padding: 10px 15px 10px 0;}
.token-text-box .text-box h4{ font-size: 18px; color: #7f7f7f; font-weight: 500;margin-bottom: 5px;}
.token-text-box .text-box p{ font-size: 14px; font-weight: 400; color: #696969; line-height: 1.4;}

.token-text-box .round-dot{ position:absolute;top: 50%; right:104%;  width: 24px; height: 24px; border-radius: 100%;  border:3px solid #555555; transform: translateY(-50%); -webkit-transform: translateY(-50%);  }
.token-text-box .round-dot:after{ position: absolute; content: ""; height: 12px; width: 12px; border-radius: 100%; background: #555555; top: 50%; left: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.token-text-box .round-dot:before{ content: ""; position: absolute; top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%);width: 84px; height: 0; border-top:6px dotted #808080; left: -93px }




.clear-token-outer .site-logo{right: -124px;left: auto;}
.same-heading2{max-width: 660px;margin: 0 auto 100px auto;text-align: center;}
.same-heading2 h2{font-size: 38px;color: #608921;margin-bottom: 20px;line-height: normal;}
.same-heading2 p{font-size: 16px;color: #363636;line-height: 24px;}
.clear-token-content p{font-size: 14px;color: #363636;margin-bottom: 24px;line-height: 24px;}
.clear-token-content p a{color: #567b1c;font-family: 'Roboto-Black';}

#read-more .fa-minus{display: none;}
#read-more.show-content .fa-minus{display: inline-block;}
#read-more.show-content .fa-plus{display: none;}
.clear-token-img img{max-height: 180px;}
.clear-token-data{padding: 15px 0;margin-top: 50px;box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.07);}
.site-section.clearfoundation .cg-footer{display: none!important;}
.clear-usd{text-align: center;width: 136px;padding-top: 22px; border-right: 1px solid #dbdbdb;display: inline-block;float: left;    min-height: 123px;}
.clear-usd img{max-height: 51px;}
.clear-usd h2 {font-size: 12px;color: #808080; margin-top: 12px; margin-bottom: 6px;}
.dollor-value{font-size: 35px;color: #608921;font-family: 'Roboto-Light';text-align: center;}
.clear-usd-right{width: calc(100% - 136px);display: inline-block;float: left;min-height: 126px;}



/*.progress{margin: 0; height: 8px;overflow: initial;position: absolute;bottom: 0;left: 0;width: 100%;border-radius: 0;box-shadow: none;background: #608921;}
.progress-bar{background: #608921;position: relative;}
.progress-bar:before{content: "";width: 1px;height: 14px;bottom: 100%;right: 0;background: #608921;position: absolute;}*/


.buytitnehed{text-align: center;}
.per-token-bx{padding-top: 35px;text-align: center;}
.per-token-bx>p{font-weight: 500; color: #808080; display: block; font-size: 12px; text-transform: uppercase;}
.clear-usd-outer{box-shadow:0px 3px 20px rgba(0, 0, 0, 0.12);}
.clear-usd-right{position: relative;}
.transactions-outer{padding-top: 34px;text-align: center;min-height: 121px}
.transactions-outer h2{font-size: 12px;color: #808080;margin-bottom: 5px;}
.transactions-outer h3{font-size: 20px;color: #608921;margin-bottom: 5px;}
.transactions-parent div[class*="col-"]{position: initial;}
.filled-bar .progress-bar:before{display: none;}
.relative{position: relative;box-shadow:0px 3px 20px rgba(0, 0, 0, 0.12);min-height: 126px;}
.multiply-bx>.row{margin: 0 -5px;}
.multiply-bx>.row>div[class*="col-"]{padding: 0 5px;}
.cross-box,
.equal-bx{position: relative;}
.cross-box:after,
.equal-bx:after{content: "";width: 30px;height: 30px;background: url(../images/cross-icon.jpg);background-size: cover;position: absolute;right: -22px;top: 46%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.equal-bx:after{background: url(../images/equal-icon.jpg);background-size: cover;right: -32px;}

.progress-detail{display: inline-block;font-size: 11px;color: #484747;position: absolute;bottom: 80%;right: 5px;}
.logo-mid-graph{position: relative;}
.mid-logo{position: absolute; left: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); width: 100%;pointer-events: none;padding-left: 2px;margin-top: -22px;}
.mid-logo img{max-height: 80px;}
.highcharts-label span{font-size: 10px!important;}

.logo-mid-graph .highcharts-container{z-index: 9!important;margin: 0 auto;}

.CLEAR-Token-section{padding: 50px 0 0;}
.gray-bg{background: #f3f3f3;}

/*====================================graph css started==============*/
.graph-inner-parent{background: #fff;padding: 20px 50px 110px 50px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.graph-outer{width: 100%;}
.graph-outer .graph-cell:nth-child(even) .graph-txt{bottom: auto;top: 100%;padding-bottom: 0;padding-top: 5px;}
.graph-outer .graph-cell:nth-child(even) .graph-txt:after{top: auto;bottom: 100%;}
.graph-outer .graph-cell:nth-child(even) .graph-txt .display-cell{vertical-align: bottom;}
.graph-outer .graph-cell:last-child .graph-txt{max-width: 60px;min-width: 60px;}
.graph-outer .graph-cell:last-child{border-radius: 0 5px 5px 0;}
.graph-outer .graph-cell:first-child{border-radius: 5px 0 0 5px;}
.graph-outer .graph-cell .complete:after{border-radius: 5px 0 0 5px;}
.graph-cell{height: 45px;position: relative;display: inline-block;float: left;transition: 0.4s;-webkit-transition: 0.4s;}
.graph-cell a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;}
.graph-cell-inner{height: 100%;display: inline-block;float: left;position: relative;}
.percentage{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);display: inline-block;font-size: 15px;color: #fff;z-index: 1;}
.graph-txt{min-height: 70px;max-width: 80px;min-width: 80px;border-left: 1px solid #6f7c44;font-size: 13px;color: #242424;padding-left: 6px;position: absolute;bottom: 100%;left: 100%;text-align: left;pointer-events: none;padding-bottom: 5px; line-height: normal;}
.graph-txt:after{content: "";width: 1px;height: 45px;background: #6f7c44;position: absolute;top: 100%;left: -1px;}

.on-hover-graph-txt{position: absolute;min-width: 160px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 4px;bottom: 120%; padding: 15px;color: #242424;z-index: 2;opacity: 0;visibility: hidden;transition: 0.4s;-webkit-transition: 0.4s;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.on-hover-graph-txt h5{font-size: 14px;color: #608921;margin-bottom: 5px;}
.on-hover-graph-txt span{font-size: 13px;color: #242424;display: block;margin-bottom: 5px;}
.on-hover-graph-txt br{display: none;}
.on-hover-graph-txt i{position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);color: #fff;font-size: 20px;}
.graph-cell:hover .on-hover-graph-txt,
.graph-cell.highlight_token .on-hover-graph-txt{bottom: 100%;opacity: 1;visibility: visible;}
.graph-cell:hover{box-shadow: 0px 6px 10px rgba(0,0,0,0.5);position: relative;z-index: 2;}
.highlight_token{box-shadow: 0px 6px 10px rgba(0,0,0,0.5);position: relative;z-index: 1;}
.highlight_token_outer .graph-cell{filter: blur(0.5px);-webkit-filter: blur(0.5px);opacity: 0.5;}
.graph-cell.highlight_token{filter: blur(0px);-webkit-filter: blur(0px);opacity: 1;}
.highlight_token_outer .graph-cell:hover{filter: blur(0px);-webkit-filter: blur(0px);opacity: 1;}
.dashboard-chart .buytitnehed{text-align: center; margin-bottom: 25px; float: none; padding-top: 0; }
.buytitnehed{float: left; width: 100%; font-size: 30px; color: #686868; font-weight: 600; padding-bottom: 4px; padding-top: 18px; }
.clearTokenAllocationsRecords{margin-top: 50px;}
table.dataTable, table.dataTable th, table.dataTable td{word-break: break-all;}
.setting-heading{display: none;}
.table>thead>tr>th{white-space: nowrap;}
table.table thead{box-shadow: 0px 4px 20px rgba(0,0,0,0.06);background: #fff;}
table.table{/*box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.06);*/background: #ffffff;border-radius: 4px;margin-bottom: 20px!important;margin-top: 10px!important;border-collapse: collapse!important;width: 100%!important;}
table.table tbody tr{background: transparent!important;}
table.table tr th{padding: 10px 8px;border-bottom: none!important;color: #9f9d9e;font-size: 14px;font-weight: 400;border-top: 1px solid rgba(0,0,0,0.1)!important;}
table.table tr td{padding: 13px!important;font-size: 13px;color: #4b4b4b;/*border-bottom: 1px solid rgba(0,0,0,0.1);*/}
table.table tbody tr:hover{background: #e8e8e8;}
table.table tbody tr:first-child td{border-top: none;}
/*table.table tr:last-child td{border-bottom: none;}*/
table.table.valign-mid tr td{vertical-align: middle;}
.CLEAR-Token-section table.table a{color: #608921;}
.CLEAR-Token-section table.table a:hover{color: #4a6f11;}
.CLEAR-Token-section table thead tr th:nth-child(5){width: 71px!important;}
.CLEAR-Token-section table thead tr th:nth-child(3){width: 56px!important;}
table.table a:hover{color: #608921;}
table.dataTable thead th, table.dataTable thead td{border-bottom-color: rgba(0,0,0,0.1)!important;}
table.dataTable.no-footer{border-bottom: none!important;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid rgba(0,0,0,0.1);}
.clearTokenAllocationsRecords .setting-page .transcation_bxs .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.clearTokenAllocationsRecords .setting-page .transcation_bxs .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #608921!important;box-shadow: none!important;border-color: transparent!important;color: #fff!important;}
.clearTokenAllocationsRecords .setting-page .transcation_bxs .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #608921!important;box-shadow: none!important;border-color: transparent!important;color: #fff!important;}
.dataTables_filter input,
.dataTables_length select{height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.dataTables_length select{vertical-align: middle;margin: 0 10px;}
.dataTables_filter,
.dataTables_length{margin-bottom: 10px;}
.transcation_bxs{padding: 15px;box-shadow: 0 0 10px rgba(0,0,0,0.1);background: #ffffff;border-radius: 10px;overflow: auto;}
table.dataTable thead .sorting_asc {
    background: transparent url(../images/sort_asc.png) no-repeat center right!important;
}

table.dataTable thead .sorting_desc {
    background: transparent url(../images/sort_desc.png) no-repeat center right!important;
}



.graph-label{text-align: center;}
.graph-label ul li{display: inline-block;float: left;margin-right: 15px;font-size: 15px;position: relative;padding-left: 23px;margin-bottom: 15px;width: 20%;text-align: left;}
.graph-label ul li:nth-child(4n+5){clear: both;}
.graph-label ul li span{display: inline-block;width: 15px;height: 15px;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.graph-label{margin-top: 130px;}
.complete{position: relative;}
.complete:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/pattern-bg-6.png) #fff;opacity: 0.8;background-repeat: repeat;}
.graph-inner-parent .display-table{display: table;width: 100%;height: 100%;min-height: 70px;}
.graph-inner-parent .display-cell{display: table-cell;width: 100%;height: 100%;vertical-align: top;}
.instruction{padding: 13px 50px;background: #efefef;margin: -20px -50px 100px -50px;}
.instruction-inner{margin-left: auto;display: inline-block;}
.instruction-left{display: inline-block;float: left;width: calc(100% - 62px);padding-right: 5px;text-align: left;padding-top: 6px;font-size: 13px;color: #242424;line-height: normal;}
.instruction-right{width: 62px;height: 26px; display: inline-block;float: left;border-radius: 5px; 
	background: -moz-linear-gradient(0deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,168,77,1)), color-stop(100%, rgba(180,95,6,1)));
    background: -webkit-linear-gradient(0deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    background: -o-linear-gradient(0deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    background: linear-gradient(90deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84d', endColorstr='#b45f06',GradientType=1 );
}
.instruction-right.issued{background: url(../images/pattern-bg-6.png) #e7e8e9;opacity: 0.8;}
.instruction-row{margin-right: 10px;display: inline-block;float: left;}
.instruction-row:last-child{margin: 0;}
#es .es-profile-header__avatar-wrap{background: #FFFFFF;}


/*=========================graph css end====================================*/


#map_canvas {height: 800px;}
.video-modal-dialog .modal-body {padding: 0; } .video-modal-dialog .modal-content {border: 7px solid #fff; }
.video-modal-dialog .close {position: absolute; width: 30px; height: 30px; border-radius: 50%; background: #fff; z-index: 1; opacity: 1; text-align: center; line-height: 30px; right: -18px; top: -18px; transition: .2s; -webkit-transition: .2s; }
.video-modal-dialog video,
.video-modal-dialog iframe{width: 100%;max-width: 100%;display: block;}
.modal-backdrop.show{opacity: .9;}






/*.header-btm-menu{padding: 15px 0 20px;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);text-align: right;position: relative;z-index: 10;}
.header-btm-menu a{display: inline-block;margin-left: 18px;font-size: 14px;font-family: 'Montserrat', sans-serif;color: #fff;font-weight: 300;transition: 0.4s;-webkit-transition: 0.4s;letter-spacing: 0.5px; text-transform: uppercase;}
.header-btm-menu a:hover{opacity: 0.8;}*/


.mid-part{padding: 120px 0 0;}
.heading-lg{text-align: center;font-size: 45px;color: #333333;font-family: 'Montserrat', sans-serif;margin-bottom: 15px;}
.heading-lg.color-black{color: #363636;}
.heading-lg span{position: relative;}
.heading-lg span:after,
.heading-lg span:before{content: "";width: 42px;height: 2px;background: #333333;display: inline-block;vertical-align: middle;margin: 0 24px;}
.sub-heading{font-size: 18px;color: #585757;margin-bottom: 10px;line-height: 1.3;}
.site-section{padding-top: 100px;}
.site-section.left-align-site-section{/*padding-left: 50px;*/padding-right: 0;/*background: transparent;*/}
.site-img{position: relative;box-shadow: 0 0 40px 8px rgba(0, 0, 0, 0.15);display: inline-block;}
.site-logo{position: absolute;left: -124px;bottom: -77px;display: inline-block;}
.site-logo img{filter: brightness(94%);-webkit-filter: brightness(94%);}
.on-hover-content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);visibility: hidden;opacity: 0;transition: 0.2s;-webkit-transition: 0.2s;}
.on-hover-content-inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;padding-bottom: 50px;}
.btn.btn-default{background: transparent;border-color: #ffffff;color: #ffffff;padding: 6px 16px;}
.btn.btn-default:hover{background: #ffffff;color: #608921;}
.btn.btn-success{background: #ffffff;color: #608921;}
.btn.btn-success:hover{background: transparent;border-color: #ffffff;color: #ffffff;}
.on-hover-content-inner .btn + .btn{margin-top: 13px;}
.site-img:hover .on-hover-content{visibility: visible;opacity: 1;}
.sites-bx{padding-right: 0;}
.sites-bx h2{font-size: 38px;color: #608921;margin-bottom: 10px;font-family: 'Montserrat', sans-serif;}
.sites-bx ul.site-ul{display: block;margin: 0 -5px;}
.sites-bx ul.site-ul:after,
.sites-bx ul.site-ul:before{content: "";clear: both;display: table;}
.sites-bx ul.site-ul li{width: 25%;display: inline-block;float: left;padding: 0 5px;position: relative;margin-bottom: 10px;}
.nowrp{word-break: break-all;}
.site-ul .display-table{display: block;width: 100%;border: 2px solid #d1d1d1;height: 116px;text-align: center;position: relative;white-space: normal;/*word-break: break-all;*/max-width: 100%;overflow: hidden;}
.site-ul .display-cell{position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;}
.site-ul .display-cell p{margin-top: 10px;font-size: 13px;color: #767373;line-height: 1.2;}
.on-hover-sites-bx{background: rgba(96,137,33,0.9);position: absolute;left: 0;top: 0;width: 100%;height: 100%;visibility: hidden;opacity: 0;transition: 0.2s;-webkit-transition: 0.2s;}
.on-hover-sites-bx-inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.on-hover-sites-bx-inner .btn + .btn{margin-top: 10px;}
.sites-bx ul li:hover .on-hover-sites-bx{visibility: visible;opacity: 1;}
.vertical-line{text-align: center;margin: 178px 0;margin-right: -50px;}
.site-section-outer .site-section:nth-child(odd) .vertical-line{margin-left: -50px;margin-right: 0;}
.vertical-line span{width: 1px;height: 60px;background: #7f7f7f;display: inline-block;}
.site-section.left-align-site-section .sites-bx{padding-left: 0;padding-right: 0;}
.site-section.right-align-site-section .site-logo{right: -124px;left: auto;}

.site-section.ClearCenter .sites-bx h2{color: #c2510f;}
.site-section.ClearCenter .on-hover-sites-bx{background: rgba(194,81,15,0.9);}
.site-section.ClearCenter .btn.btn-default:hover{ color: #c2510f; }
.site-section.ClearCenter .btn.btn-primary{background: #c2510f;}
.site-section.ClearCenter .btn.btn-primary:hover{background: #954415;}
.site-section.ClearCenter .btn.btn-success{color: #c2510f;}
.site-section.ClearCenter .btn.btn-success:hover{color: #ffffff;}
.site-section.ClearCenter .leader-heading{color: #c2510f;}


.site-section.ClearHomes .sites-bx h2{color: #2ea3f2;}
.site-section.ClearHomes .on-hover-sites-bx{background: rgba(46,163,242,0.8);}
.site-section.ClearHomes .btn.btn-default:hover{ color: #2ea3f2; }
.site-section.ClearHomes .btn.btn-primary{background: #2ea3f2; border-color: #2ea3f2;}
.site-section.ClearHomes .btn.btn-primary:hover{background: #2ea3f2;}
.site-section.ClearHomes .btn.btn-success{color: #2ea3f2;}
.site-section.ClearHomes .btn.btn-success:hover{color: #ffffff;}
.site-section.ClearHomes .leader-heading{color: #2ea3f2;}

.site-section.ClearHomes .play-btn-bx span:after{display: none;}
.site-section.ClearHomes .play-btn-bx span{text-align: center;  font-size: 20px; color: #2ea3f2; display: inline-flex; align-items: center; justify-content: center;}
.site-section.ClearHomes .coming-soon-bx{    background: #2ea3f2;}



.site-section.clear-energy .sites-bx h2{color: #78909c;}
.site-section.clear-energy .on-hover-sites-bx{background: rgba(120,144,156,0.9);}
.site-section.clear-energy .btn.btn-default:hover{ color: #78909c; }
.site-section.clear-energy .btn.btn-primary{background: #78909c;}
.site-section.clear-energy .btn.btn-primary:hover{background: #5c6f79;}
.site-section.clear-energy .btn.btn-success{color: #78909c;}
.site-section.clear-energy .btn.btn-success:hover{color: #ffffff;}
.site-section.clear-energy .leader-heading{color: #78909c;}

.site-section.clear-health .sites-bx h2{color: #1aa48a;}
.site-section.clear-health .on-hover-sites-bx{background: rgba(26,164,138,0.9);}
.site-section.clear-health .btn.btn-default:hover{ color: #1aa48a; }
.site-section.clear-health .btn.btn-primary{background: #1aa48a;}
.site-section.clear-health .btn.btn-primary:hover{background: #137663;}
.site-section.clear-health .btn.btn-success{color: #1aa48a;}
.site-section.clear-health .btn.btn-success:hover{color: #ffffff;}
.site-section.clear-health .leader-heading{color: #1aa48a;}

.site-section.clearFarm .sites-bx h2{color: #76b117;}
.site-section.clearFarm .on-hover-sites-bx{background: rgba(118,177,23,0.9);}
.site-section.clearFarm .btn.btn-default:hover{ color: #76b117; }
.site-section.clearFarm .btn.btn-primary{background: #76b117;}
.site-section.clearFarm .btn.btn-primary:hover{background: #609110;}
.site-section.clearFarm .btn.btn-success{color: #76b117;}
.site-section.clearFarm .btn.btn-success:hover{color: #ffffff;}
.site-section.clearFarm .leader-heading{color: #76b117;}

.site-section.clear-united .sites-bx h2{color: #694e70;}
.site-section.clear-united .on-hover-sites-bx{background: rgba(105,78,112,0.9);}
.site-section.clear-united .btn.btn-default:hover{ color: #694e70; }
.site-section.clear-united .btn.btn-primary{background: #694e70;}
.site-section.clear-united .btn.btn-primary:hover{background: #4f3456;}
.site-section.clear-united .btn.btn-success{color: #694e70;}
.site-section.clear-united .btn.btn-success:hover{color: #ffffff;}
.site-section.clear-united .leader-heading{color: #694e70; margin-bottom: 15px;}
.site-section.clear-united .leader-heading2{color: #686868;}
.site-section.clear-united .play-btn-bx span:after{filter: grayscale(1);-webkit-filter: grayscale(1);}
.site-section.clear-united ul.keywords li:first-child{color: #694e6f;}

.clearFarm .after-leadership-bx{margin-top: 130px!important;}

.copyright{padding: 22px 0;text-align: center;background: #333333;}
/*.copyright p{font-size: 16px;color: #ffffff;}*/
.col-md-6.col-md-push-6{text-align: right;}

.icon-outer{min-height: 49px;position: relative;text-align: center;line-height: 49px;}
.icon-outer img{max-width: 52px;max-height: 54px;}
.sites-bx ul li:nth-child(4n+5){clear: both;}
ul.keywords{margin-bottom: 15px; }
ul.keywords li{display: inline-block; padding: 5px 10px; border: 1px solid #a2a2a2; border-radius: 3px; margin-bottom: 5px; font-size: 12px;}
ul.keywords li:first-child{display: block;padding: 0;border: none;color: #608921;}
.site-section.ClearCenter ul.keywords li:first-child{color: #c2510f;}
.site-section.clear-energy ul.keywords li:first-child{color: #78909c;}
.site-section.clear-health ul.keywords li:first-child{color: #1aa48a;}
.sites-bx .sub-heading{font-size: 15px;line-height: 1.4;}

.leadership-section{padding: 100px 0;background: #f3f3f3;margin-top: 150px;}
.leader-inner-section{margin-top: 100px;margin-left: auto;margin-right: auto;}
.leader-inner-section{text-align: center;}
.leader-inner-section div[class*="col-"]{max-width: 16.666%;}
.leader-detail{text-align: center;margin-bottom: 40px;}
.leader-img{display: inline-block;overflow: hidden;}
.leader-img img{width: 124px;height: 124px;border-radius: 50%;object-fit: cover;transition: 0.2s;-webkit-transition: 0.2s;}
.leader-img:hover img{filter: brightness(70%);-webkit-filter: brightness(70%);}
.leader-name{margin-top: 22px;}
.leader-name>a{display: block;}
.leader-name h2{font-size: 18px;color: #313131;margin-bottom: 10px;font-family: 'Montserrat', sans-serif;}
.leader-name p{font-size: 14px;color: #313131;}
.leader-heading{font-size: 24px;color: #628731;margin-bottom: 70px;text-align: center; font-weight: 500; }
.leader-heading2{font-size: 18px;color: #686868;margin-bottom: 70px;text-align: center; font-weight: 500; }
.join-us{text-align: center;}
.join-us a{display: inline-block;width: 124px;height: 124px;border-radius: 50%;line-height: 124px;font-size: 20px;color: #313131;background: #c8c8c8;border: 2px solid transparent;transition: 0.2s;-webkit-transition: 0.2s;}
.join-us a:hover{border-color: #c8c8c8;background: transparent;}
.coming-soon-bx{position: absolute; left: -40px; background: #608921; color: #fff; font-size: 8px; font-weight: 300; text-align: center; padding: 5px; top: 10px; transform: rotate(-51deg); -webkit-transform: rotate(-51deg); width: 100%; transform-origin: center;}
.site-section.clear-energy .coming-soon-bx{background: #577889;}
.site-section.clear-health .coming-soon-bx {background: #1aa48a;}

.site-section.clear-united .coming-soon-bx {background: #694E6F;}
.clear-team{padding-left: 15px!important;padding-right: 15px!important;}
.leadership-all ul:after,
.leadership-all ul:before{content: "";display: table;clear: both;}
.leadership-all ul li .join-us a{color: #608921;background: #ffffff;box-shadow: 1px 7px 20px 1px rgba(0,0,0,0.1);}
.leadership-all ul li .join-us a:hover{background: #608921;box-shadow: 1px 7px 20px 1px rgba(0,0,0,0.1);border-color: transparent;color: #FFFFFF;}


#main-menu-toggle,
#close-main-menu,
.black-layer{display: none;}
.for-mobile-bx{display: none!important;}


.clear-token-outer{margin-bottom: 50px;}
.clear-token-outer .site-logo{right: -124px;left: auto;}
.same-heading2{max-width: 660px;margin: 0 auto 100px auto;text-align: center;}
.same-heading2 h2{font-size: 38px;color: #608921;font-family: 'Montserrat', sans-serif;margin-bottom: 20px;line-height: normal;}
.same-heading2 p{font-size: 16px;color: #363636;line-height: 24px;}
.clear-token-content p{font-size: 14px;color: #363636;margin-bottom: 24px;line-height: 24px;}
.clear-token-content p a{color: #567b1c;font-weight: 700;}
/*.more-content{display: none;}*/
#read-more .fa-minus{display: none;}
#read-more.show-content .fa-minus{display: inline-block;}
#read-more.show-content .fa-plus{display: none;}
.clear-token-img img{max-height: 180px;}
.clear-token-data{/*max-width: 637px;margin: 0 auto;*/padding: 15px 0;/*border: 1px solid #b7b7b7;*/margin-top: 50px;box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.07);}
.site-section.clearfoundation .cg-footer{display: none!important;}
.clear-usd{text-align: center;width: 136px;padding-top: 22px; border-right: 1px solid #dbdbdb;display: inline-block;float: left;    min-height: 123px;}
.clear-usd img{max-height: 51px;}
.clear-usd h2 {font-size: 12px;color: #808080; margin-top: 12px; margin-bottom: 6px;}
.dollor-value{font-size: 35px;color: #608921;font-weight:300;text-align: center;}
/*.clear-usd-right p{font-size: 20px;font-weight: 700;color: #272727;}
.clear-usd-right p span{ font-weight: 500; color:#808080;display: block;font-size: 12px;text-transform: uppercase;}*/
.clear-usd-right{width: calc(100% - 136px);display: inline-block;float: left;min-height: 126px;}

/*.progress{margin: 0; height: 8px;overflow: initial;position: absolute;bottom: 0;left: 0;width: 100%;border-radius: 0;box-shadow: none;background: #608921;}
.progress-bar{background: #608921;position: relative;}
.progress-bar:before{content: "";width: 1px;height: 14px;bottom: 100%;right: 0;background: #608921;position: absolute;}*/

.multiply-bx{margin-top: 80px;}
.buytitnehed{text-align: center;}
.per-token-bx{padding-top: 35px;text-align: center;}
.per-token-bx>p{ font-weight: 500;  color: #808080; display: block; font-size: 12px; text-transform: uppercase;}
.clear-usd-outer{box-shadow:0px 3px 20px rgba(0, 0, 0, 0.12);}
.clear-usd-right{position: relative;}
.transactions-outer{padding-top: 34px;text-align: center;min-height: 121px}
.transactions-outer h2{font-size: 12px;color: #808080;margin-bottom: 5px;}
.transactions-outer h3{font-size: 20px;color: #608921;margin-bottom: 5px;font-family: 'Montserrat', sans-serif;}
.transactions-parent div[class*="col-"]{position: initial;}
.filled-bar .progress-bar:before{display: none;}
.relative{position: relative;box-shadow:0px 3px 20px rgba(0, 0, 0, 0.12);min-height: 126px;}
.multiply-bx>.row{margin: 0 -5px;}
.multiply-bx>.row>div[class*="col-"]{padding: 0 5px;}
.cross-box,
.equal-bx{position: relative;}
.cross-box:after,
.equal-bx:after{content: "";width: 30px;height: 30px;background: url(../images/cross-icon.jpg);background-size: cover;position: absolute;right: -22px;top: 46%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.equal-bx:after{background: url(../images/equal-icon.jpg);background-size: cover;right: -32px;}


.progress-detail{display: inline-block;font-size: 11px;color: #484747;position: absolute;bottom: 80%;right: 5px;}
.logo-mid-graph{position: relative;}
.mid-logo{position: absolute; left: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); width: 100%;pointer-events: none;/*padding-left: 16px;margin-top: -3px;*/padding-left: 2px;margin-top: -22px;}
.mid-logo img{max-height: 80px;}
.highcharts-label span{font-size: 10px!important;}

.logo-mid-graph .highcharts-container{z-index: 9!important;margin: 0 auto;}

.CLEAR-Token-section{padding: 50px 0 0;}
.gray-bg{background: #f3f3f3;}

/*====================================graph css started==============*/
.repeat-bx {padding: 25px; border-radius: 10px; background: #ffffff; height: 100%; }
.clear-token-allocations{ display: block; width: 100%; }
.clear-token-issue{ display: block; width: 100%; }
.clear-token-issue ul{ display: block; width: 100%; text-align: right; }
.clear-token-issue ul li{ display: inline-block; position: relative;  font-weight: 600; font-size: 14px; color: #0e0e0e;  padding-left: 25px; }
.clear-token-issue ul li + li{ margin-left: 30px; }
.clear-token-issue ul li span{ display: inline-block; position: absolute; width: 16px; height: 16px; border-radius: 100%; background-color: #e3e3e3; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.clear-token-issue ul li span.issued{ background: #436315; }

.clear-token-issue ul li.clear-Token span{ background: #436315; }
.clear-token-issue ul li.clear-Rewards span{ background: #694e70; }
.clear-token-issue ul li.clear-Coin span{ background: #686868; }

.allocations-detail-bx .prosses-bar { display: block; width: 100%; }
.allocations-detail-bx .prosses-bar h5{ display: block; font-weight: 400; font-size: 14px; color: #4d4d4d; }

.allocations-detail-bx .progress{  margin: 8px 0; border-radius: 6px; height: 12px; }
.allocations-detail-bx .progress-bar{border-radius: 30px;
background: -moz-linear-gradient(359deg, rgba(67,99,21,1) 0%, rgba(124,160,72,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(67,99,21,1)), color-stop(100%, rgba(124,160,72,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(359deg, rgba(67,99,21,1) 0%, rgba(124,160,72,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(359deg, rgba(67,99,21,1) 0%, rgba(124,160,72,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(359deg, rgba(67,99,21,1) 0%, rgba(124,160,72,1) 100%); /* ie10+ */
background: linear-gradient(91deg, rgba(67,99,21,1) 0%, rgba(124,160,72,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#436315', endColorstr='#7ca048',GradientType=1 ); /* ie6-9 */ }

.clear-token-prosess .cf_custom_class_1 .progress ,
.clear-token-prosess .cf_custom_class_2 .progress ,
.clear-token-prosess .cf_custom_class_9 .progress ,
.clear-token-prosess .cf_custom_class_7 .progress ,
.clear-token-prosess .cf_custom_class_8 .progress{ background: #e2eed0; }

.clear-token-prosess .cf_custom_class_1 .progress-bar-details ul li.start-point span ,
.clear-token-prosess .cf_custom_class_2 .progress-bar-details ul li.start-point span ,
.clear-token-prosess .cf_custom_class_9 .progress-bar-details ul li.start-point span ,
.clear-token-prosess .cf_custom_class_7 .progress-bar-details ul li.start-point span ,
.clear-token-prosess .cf_custom_class_8 .progress-bar-details ul li.start-point span{ background:#436315}

.clear-token-prosess .cf_custom_class_1 .prosses-bar-cover a ,
.clear-token-prosess .cf_custom_class_2 .prosses-bar-cover a ,
.clear-token-prosess .cf_custom_class_9 .prosses-bar-cover a ,
.clear-token-prosess .cf_custom_class_7 .prosses-bar-cover a ,
.clear-token-prosess .cf_custom_class_8 .prosses-bar-cover a{ color:#436315;}


.clear-token-prosess .cf_custom_class_11 .progress{ background: #ddd2df; }
.clear-token-prosess .cf_custom_class_11 .progress-bar{ background:#686868!important;}
.clear-token-prosess .cf_custom_class_11 .progress-bar-details ul li.start-point span{ background:#686868!important; }
.clear-token-prosess .cf_custom_class_11 .prosses-bar-cover a{ color:#686868;}

.clear-token-prosess .cf_custom_class_3 .progress ,
.clear-token-prosess .cf_custom_class_4 .progress ,
.clear-token-prosess .cf_custom_class_12 .progress ,
.clear-token-prosess .cf_custom_class_6 .progress{ background: #dfdfdf; }

.clear-token-prosess .cf_custom_class_3 .progress .progress-bar ,
.clear-token-prosess .cf_custom_class_4 .progress .progress-bar ,
.clear-token-prosess .cf_custom_class_12 .progress .progress-bar ,
.clear-token-prosess .cf_custom_class_6 .progress .progress-bar{ background: #694e70!important; }

.clear-token-prosess .cf_custom_class_3 .progress-bar-details ul li.start-point span ,
.clear-token-prosess .cf_custom_class_4 .progress-bar-details ul li.start-point span ,
.clear-token-prosess .cf_custom_class_12 .progress-bar-details ul li.start-point span ,
.clear-token-prosess .cf_custom_class_6 .progress-bar-details ul li.start-point span{ background:#694e70}

.clear-token-prosess .cf_custom_class_3 .prosses-bar-cover a ,
.clear-token-prosess .cf_custom_class_4 .prosses-bar-cover a ,
.clear-token-prosess .cf_custom_class_12 .prosses-bar-cover a ,
.clear-token-prosess .cf_custom_class_6 .prosses-bar-cover a{ color:#694e70}



.progress-bar-details{ display: block; width: 100%; }
.progress-bar-details ul { display: block; width: 100% }
.progress-bar-details ul li{ display: inline-block; position: relative;  font-weight: 300; font-size: 14px; color: #4d4d4d;  padding-left: 15px;}
.progress-bar-details ul li span{ position: absolute; display: inline-block;  width: 7px; height: 7px; background: #e3e3e3; border-radius: 100%; top: 7px; left: 0; }
.progress-bar-details ul li + li{margin-left: 20px;}
.progress-bar-details ul li.start-point span{ background: #436315; }
.progress-bar-details ul li.start-point{color: #436315;}

.prosses-bar-cover{ display: block; padding-bottom: 15px; width: 100%; }

.allocations-result-page .prosses-bar-cover{filter:grayscale(1);-webkit-filter:grayscale(1);opacity: 1;}
.allocations-result-page .prosses-bar-cover.active,
.allocations-result-page .prosses-bar-cover:hover{filter: none;-webkit-filter: none;opacity: 1;}


.graph-inner-parent{background: #fff;padding: 20px 50px 110px 50px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.graph-outer{width: 100%;}
.graph-outer .graph-cell:nth-child(even) .graph-txt{bottom: auto;top: 100%;padding-bottom: 0;padding-top: 5px;}
.graph-outer .graph-cell:nth-child(even) .graph-txt:after{top: auto;bottom: 100%;}
.graph-outer .graph-cell:nth-child(even) .graph-txt .display-cell{vertical-align: bottom;}
.graph-outer .graph-cell:last-child .graph-txt{max-width: 60px;min-width: 60px;}
.graph-outer .graph-cell:last-child{border-radius: 0 5px 5px 0;}
.graph-outer .graph-cell:first-child{border-radius: 5px 0 0 5px;}
.graph-outer .graph-cell .complete:after{border-radius: 5px 0 0 5px;}
.graph-cell{height: 45px;position: relative;display: inline-block;float: left;transition: 0.4s;-webkit-transition: 0.4s;}
.graph-cell a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;}
.graph-cell-inner{height: 100%;display: inline-block;float: left;position: relative;}
.percentage{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);display: inline-block;font-size: 15px;color: #fff;z-index: 1;}
.graph-txt{min-height: 70px;max-width: 80px;min-width: 80px;border-left: 1px solid #6f7c44;font-size: 13px;color: #242424;padding-left: 6px;position: absolute;bottom: 100%;left: 100%;text-align: left;pointer-events: none;padding-bottom: 5px; line-height: normal;}
.graph-txt:after{content: "";width: 1px;height: 45px;background: #6f7c44;position: absolute;top: 100%;left: -1px;}

.on-hover-graph-txt{position: absolute;min-width: 160px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 4px;bottom: 120%; padding: 15px;color: #242424;z-index: 2;opacity: 0;visibility: hidden;transition: 0.4s;-webkit-transition: 0.4s;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.on-hover-graph-txt h5{font-size: 14px;color: #608921;margin-bottom: 5px;}
.on-hover-graph-txt span{font-size: 13px;color: #242424;display: block;margin-bottom: 5px;}
.on-hover-graph-txt br{display: none;}
.on-hover-graph-txt i{position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);color: #fff;font-size: 20px;}
.graph-cell:hover .on-hover-graph-txt,
.graph-cell.highlight_token .on-hover-graph-txt{bottom: 100%;opacity: 1;visibility: visible;}
.graph-cell:hover{box-shadow: 0px 6px 10px rgba(0,0,0,0.5);position: relative;z-index: 2;}
.highlight_token{box-shadow: 0px 6px 10px rgba(0,0,0,0.5);position: relative;z-index: 1;}
.highlight_token_outer .graph-cell{filter: blur(0.5px);-webkit-filter: blur(0.5px);opacity: 0.5;}
.graph-cell.highlight_token{filter: blur(0px);-webkit-filter: blur(0px);opacity: 1;}
.highlight_token_outer .graph-cell:hover{filter: blur(0px);-webkit-filter: blur(0px);opacity: 1;}
.dashboard-chart .buytitnehed{text-align: center; margin-bottom: 25px; float: none; padding-top: 0; }
.buytitnehed{float: left; width: 100%; font-size: 30px; color: #686868; font-weight: 600; padding-bottom: 4px; padding-top: 18px; }
.clearTokenAllocationsRecords{margin-top: 50px;}
table.dataTable, table.dataTable th, table.dataTable td{word-break: break-all;}
.setting-heading{display: none;}
.table>thead>tr>th{white-space: nowrap;}
table.table thead{box-shadow: 0px 4px 20px rgba(0,0,0,0.06);background: #fff;}
table.table{/*box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.06);*/background: #ffffff;border-radius: 4px;margin-bottom: 20px!important;margin-top: 10px!important;border-collapse: collapse!important;width: 100%!important;}
table.table tbody tr{background: transparent!important;}
table.table tr th{padding: 10px 8px;border-bottom: none!important;color: #9f9d9e;font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight: 400;border-top: 1px solid rgba(0,0,0,0.1)!important;}
table.table tr td{padding: 13px!important;font-size: 13px;color: #4b4b4b;/*border-bottom: 1px solid rgba(0,0,0,0.1);*/}
table.table tbody tr:hover{background: #e8e8e8;}
table.table tbody tr:first-child td{border-top: none;}
/*table.table tr:last-child td{border-bottom: none;}*/
table.table.valign-mid tr td{vertical-align: middle;}
.CLEAR-Token-section table.table a{color: #608921;}
.CLEAR-Token-section table.table a:hover{color: #4a6f11;}
.CLEAR-Token-section table thead tr th:nth-child(5){width: 71px!important;}
.CLEAR-Token-section table thead tr th:nth-child(3){width: 56px!important;}
table.table a:hover{color: #608921;}
table.dataTable thead th, table.dataTable thead td{border-bottom-color: rgba(0,0,0,0.1)!important;}
table.dataTable.no-footer{border-bottom: none!important;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid rgba(0,0,0,0.1);}
.clearTokenAllocationsRecords .setting-page .transcation_bxs .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.clearTokenAllocationsRecords .setting-page .transcation_bxs .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #608921!important;box-shadow: none!important;border-color: transparent!important;color: #fff!important;}
.clearTokenAllocationsRecords .setting-page .transcation_bxs .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #608921!important;box-shadow: none!important;border-color: transparent!important;color: #fff!important;}
.dataTables_filter input,
.dataTables_length select{height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.dataTables_length select{vertical-align: middle;margin: 0 10px;}
.dataTables_filter,
.dataTables_length{margin-bottom: 10px;}
table.dataTable thead .sorting_asc {
    background: transparent url(../images/sort_asc.png) no-repeat center right!important;
}

table.dataTable thead .sorting_desc {
    background: transparent url(../images/sort_desc.png) no-repeat center right!important;
}



.graph-label{text-align: center;}
.graph-label ul li{display: inline-block;float: left;margin-right: 15px;font-size: 15px;position: relative;padding-left: 23px;margin-bottom: 15px;width: 20%;text-align: left;}
.graph-label ul li:nth-child(4n+5){clear: both;}
.graph-label ul li span{display: inline-block;width: 15px;height: 15px;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.graph-label{margin-top: 130px;}
.complete{position: relative;}
.complete:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/pattern-bg-6.png) #fff;opacity: 0.8;background-repeat: repeat;}
.graph-inner-parent .display-table{display: table;width: 100%;height: 100%;min-height: 70px;}
.graph-inner-parent .display-cell{display: table-cell;width: 100%;height: 100%;vertical-align: top;}
.instruction{padding: 13px 50px;background: #efefef;margin: -20px -50px 100px -50px;}
.instruction-inner{margin-left: auto;display: inline-block;}
.instruction-left{display: inline-block;float: left;width: calc(100% - 62px);padding-right: 5px;text-align: left;padding-top: 6px;font-size: 13px;color: #242424;line-height: normal;}
.instruction-right{width: 62px;height: 26px; display: inline-block;float: left;border-radius: 5px; 
	background: -moz-linear-gradient(0deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,168,77,1)), color-stop(100%, rgba(180,95,6,1)));
    background: -webkit-linear-gradient(0deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    background: -o-linear-gradient(0deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    background: linear-gradient(90deg, rgba(255,168,77,1) 0%, rgba(180,95,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84d', endColorstr='#b45f06',GradientType=1 );
}
.instruction-right.issued{background: url(../images/pattern-bg-6.png) #e7e8e9;opacity: 0.8;}
.instruction-row{margin-right: 10px;display: inline-block;float: left;}
.instruction-row:last-child{margin: 0;}
#es .es-profile-header__avatar-wrap{background: #FFFFFF;}


/*=========================graph css end====================================*/


.after-leadership-bx{margin-top: 228px;padding-bottom: 50px;}
.after-leadership-bx .row{margin: 0;}
.after-leadership-bx div[class*="col-"]{padding: 0;}
.after-leadership-inner{border: 1px solid #cdcdcd;padding: 17px;min-height: 336px;border-right: none;}
.after-leadership-bx div[class*="col-"]:last-child .after-leadership-inner{border-right: 1px solid #cdcdcd;}
.after-leadership-inner .vlog-video-bx{box-shadow: 13px 9px 20px 4px rgba(0,0,0,0.1);}
.after-leadership-inner .vlog-video-bx a>img{height: 300px;object-fit: cover;}
.after-leadership-inner .play-btn-bx{background: rgba(0,0,0,0.6);}
.after-leadership-inner .play-btn-bx span{background: #608921;width: 39px;height: 39px;box-shadow: none;}
.after-leadership-inner .play-btn-bx span:after{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);width: 10px;height: 13px;}
.after-leadership-inner .play-btn-bx span:before{content: "";width: 51px;height: 51px;border: 1px solid #608921;border-radius: 50%;position: absolute;left: -6px;top: -6px;transition: 0.2s;-webkit-transition: 0.2s;}
.after-leadership-inner .play-btn-bx span:hover:before{visibility: hidden;opacity: 0;}
.after-leadership-inner .play-btn-bx span:hover{box-shadow: 0 0 0 7px rgba(255,255,255,0.3);}
.whitepaper-bx{text-align: center;}
/*.whitepaper-bx img{box-shadow: 13px 9px 20px 4px rgba(0,0,0,0.1);max-height: 242px;}*/
.whitepaper-bx a{margin-top: 30px;padding: 4px 20px;background: #c4c4c4;border-radius: 30px;font-size: 14px;color: #383838;display: inline-block;transition: 0.2s;-webkit-transition: 0.2s;}
.whitepaper-bx a:hover,
.whitepaper-bx a:focus{background: #a7a7a7;}
.after-leadership-video{max-width: 800px;margin: -200px auto 80px auto;box-shadow: 12px 9px 20px rgba(0, 0, 0, 0.47);}
.after-leadership-row .col-lg-4{max-width: 31.5%;}
.after-leadership-row .col-lg-5{max-width: 37%;}
.slide-desk-bx{text-align: center;position: relative;}
.slide-desk-bx>a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.slide-desk-bx>img{max-height: 215px;}
.slide-desk-bx p{font-size: 16px;color: #686868;margin-bottom: 30px;}
.after-leadership-video .vlog-video-bx a>img{max-height: 430px;}
.after-leadership-video .play-btn-bx{background: rgba(0, 0, 0, 0.57);}

.site-section.ClearCenter .after-leadership-inner .play-btn-bx span{background: #bf511e;}
.site-section.ClearCenter .after-leadership-inner .play-btn-bx span:before{border-color: #bf511e;}

.site-section.clear-energy .after-leadership-inner .play-btn-bx span{background: #718691;}
.site-section.clear-energy .after-leadership-inner .play-btn-bx span:before{border-color: #718691;}

.site-section.clear-health .after-leadership-inner .play-btn-bx span{background: #2ba18c;}
.site-section.clear-health .after-leadership-inner .play-btn-bx span:before{border-color: #2ba18c;}

.site-section#_ClearCommunity-target .after-leadership-inner .play-btn-bx span{background: #3876ad;}
.site-section#_ClearCommunity-target .after-leadership-inner .play-btn-bx span:before{border-color: #3876ad;}

.same-section{padding: 100px 0;}
.timeline-bg{background: url(../images/timeline-section-bg-2.png) no-repeat top left;min-height: 289px;margin-right: -1px;margin: 0 auto; padding: 0 15px;}
.timeline-bg>.row>div[class*="col-"]{width: 20%;}
.timeline-head{margin-bottom: 14px;}
.timeline-head span{display: inline-block;vertical-align: middle;}
.timeline-head .pull-right{font-size: 18px;color: #fff;background: #608921;border-radius: 3px;padding: 5px 12px; font-weight: 500; position: relative;line-height: 1;margin-top: 2px;}
.timeline-head .pull-right:after{content: "";width: 13px;height: 4px;background: #608921;right: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);position: absolute;}
.timeline-inner{padding: 45px 30px 10px 30px;position: relative;min-height: 275px;overflow: hidden;}
.timeline-inner p{font-size: 13px;color: #686868;}
.timeline-inner>a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.timeline-inner .coming-soon-bx{left: auto; top: auto; right: -20px; bottom: 86px; width: 60%; transform-origin: right; -webkit-transform-origin: right;}

@media (min-width: 768px)
{
	.timeline-bg {
	    width: 750px;
	}
}
@media (min-width: 992px)
{
	.timeline-bg {
	    width: 970px;
	}
}
@media (min-width: 1200px)
{
	.timeline-bg{width: 100%; max-width: 1463px; padding: 0;}	
}





.gray-bg.industries-section{background: #e5e5e5;}
.customers-ul{display: block;position: relative;text-align: center;}
.customers-ul:after{content: "";width: 1px;height: 100%;background: #e5e5e5;position: absolute;left: -2px;top: 0;}
.customers-ul:before{content: "";width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;}
.customers-ul li{height: 103px;line-height: 103px;border-left: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;display: inline-block;width: 20%;margin-left: -4px;}
.customers-ul li img{filter: grayscale(1) saturate(5) invert(.1);-webkit-filter: grayscale(1) saturate(5) invert(.1);}
/*.customers-ul li:last-child{border-right: 1px solid #e0e0e0;}*/

.bonanza-giveaway-section{margin-top: 90px;}
.bonanza-giveaway-table{display: table;width: 100%;}
.bonanza-giveaway-cell{display: table-cell;vertical-align: middle;position: relative;padding: 86px 0;height: 600px;}
.bonanza-giveaway-cell:nth-child(2){width: 45%;}
.bonanza-giveaway-cell:first-child{background: url(../images/dot-line-2-bg.png) no-repeat 113px top;}
.bonanza-giveaway-cell h2{font-size: 30px;color: #608921;font-family: 'Montserrat', sans-serif;margin-bottom: 40px;}
.bonanza-giveaway-cell .pull-left{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.bonanza-giveaway-cell .pull-left .btn{font-size: 22px;font-family: 'Montserrat', sans-serif;min-width: 242px;padding: 13px 0;}
.bonanza-giveaway-row-outer{background: url(../images/dot-line-bg.png) no-repeat left top;}
.bonanza-giveaway-row{position: relative;padding-left: 85px;margin-bottom: 67px;}
.bonanza-giveaway-row-outer .bonanza-giveaway-row:nth-child(2){margin-left: 52px;}
.bonanza-giveaway-row-outer .bonanza-giveaway-row:last-child{margin-bottom: 0;}
.step-number{width: 66px;height: 66px;border-radius: 50%;color: #fff;font-size: 40px;display: inline-block;position: absolute;left: 0;top: 0;background: #608921;text-align: center;line-height: 66px;}
.step-number:after{content: "";position: absolute;left: 0;top: 0;width: 10px;height: 10px;background: #f3f3f3;}
.bonanza-giveaway-row-outer .bonanza-giveaway-row:last-child .step-number:after{left: 0;bottom: 2px;top: auto;width: 8px;}
.bonanza-giveaway-row h4{font-size: 16px;color: #608921;margin-bottom: 10px;}
.bonanza-giveaway-row p{font-size: 14px;color: #686868;}
.bonanza-giveaway-cell-inner{transform: translateY(-40px);-webkit-transform: translateY(-40px);}


/*=============job detail page css================*/
.repeat-section{padding: 50px 0;min-height: 850px;}
.repeat-section.gray-bg{background: #f1f4f7;}
.job-post-outer{background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);padding: 20px;}
.job-post-head{border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 20px;}
.job-title{display: inline-block;float: left;padding-top: 6px;}
.job-title h2{font-size: 26px;color: #608921;}
.apply-job{display: inline-block;float: right;}
.job-discription{margin-top: 30px;}
.discription-title{margin-bottom: 15px;margin-top: 40px;font-size: 22px;color: #000;}
.check-ul{padding-left: 25px;}
.check-ul li{margin-bottom: 10px;padding-left: 30px;position: relative;}
.check-ul li i{color: #608921;position: absolute;left: 0;top: 4px;}
.modal-title{color: #608921;}
.input-row{margin-bottom: 20px;}
.form-label{}
.color-danger{color: red;}
.form-control{height: 44px;box-shadow: none;}
.form-control:focus{box-shadow: none;border-color: #608921;}
.form-label .fa-linkedin{color: #0c8aba;}
.highcharts-background{fill: none;}
.highcharts-credits{display: none;}
.job-detail-ul{width: 100%;padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px solid #dddddd; }
.job-detail-ul li{width: 33.333%;float: left;margin-bottom: 20px;padding-right: 10px;}
.job-detail-ul li:nth-child(3n+4){clear: both;}
.job-detail-ul li h4{font-size: 14px;color: #909090;margin-bottom: 5px;    text-transform: uppercase;}
.job-detail-ul li h2{color: #464545; font-weight: 500; font-size: 15px;line-height: normal;}
.toast.toast-error p{color: #ffffff;}
#applyjobModal .modal-footer .btn i{font-size: 14px;margin-left: 5px;}


.file-upload,
.file-upload2{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;border-radius: 4px;overflow: hidden;}
.file-upload .file-select,
.file-upload2 .file-select{display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:44px;line-height:44px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select:after,
.file-upload .file-select:before,
.file-upload2 .file-select:after,
.file-upload2 .file-select:before{content: "";display: table;clear: both;}
.file-upload .file-select .file-select-button,
.file-upload2 .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:44px;line-height:44px;width: 85px;float: left;}
.file-upload .file-select .file-select-name,
.file-upload2 .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;width: calc(100% - 85px);float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.file-upload .file-select:hover,
.file-upload2 .file-select:hover{border-color:#608921;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button,
.file-upload2 .file-select:hover .file-select-button{background:#608921;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select,
.file-upload2.active .file-select{border-color:#608921;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button,
.file-upload2.active .file-select .file-select-button{background:#608921;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file],
.file-upload2 .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled,
.file-upload2 .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover,
.file-upload2 .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button,
.file-upload2 .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name,
.file-upload2 .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}

/*===========partner media page css====================*/
.media-tab-ul{display: block;width: 100%;text-align: center;background: #fff;padding: 0;border-radius: 4px;}
.media-tab-ul li{display: block;}
.media-tab-ul li a{display: block;padding: 12px 0 12px 20px;border-bottom: 1px solid #ececec;color: #838383;transition: 0.2s;-webkit-transition: 0.2s;position: relative;text-align: left;}
.media-tab-ul li.:last-child a{border-bottom: none;}
.media-tab-ul li a:hover,
.media-tab-ul li a:focus{color: #608921;}
.media-tab-ul li.active a{background: #608921;color: #fff;border-color: inherit;}
.media-tab-ul li.active a:after{content: ""; width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid #608921; border-bottom: 7px solid transparent;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: 0.2s;-webkit-transition: 0.2s;}
.media-partner-box{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);background: #fff;border-radius: 4px;transition: 0.3s;-webkit-transition: 0.3s;margin-bottom: 30px;position: relative;}
.media-partner-box:hover{box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.media-partner-box>a{display: block;}
.download-img{position: absolute;width: 30px;height: 30px;background: #ababab;border-radius: 50%;color: #fff;top: -12px;right: -5px;text-align: center;line-height: 28px;font-size: 12px;transition: 0.2s;-webkit-transition: 0.2s;display: inline-block;}
.download-img:hover,
.download-img:focus{background: #8e8c8c;color: #fff;}
.media-partner-inner{display: table;}
.media-partner-inner:after,
.media-partner-inner:before{content: "";display: table;clear: both;}
/*.tab-content{margin-top: 45px;}*/
.partner-img{text-align: center;line-height: 137px;padding: 20px 0;background: #dedede;}
.partner-img img{max-height: 140px;max-width: 100px;}
.partner-txt{ padding: 10px;min-height: 106px;}
.partner-txt a{font-size: 13px; color: #383838;}
.row.four-child-row{margin: 0 -5px;}
.four-child-row div[class*="col-"]{padding: 0 5px;}
.four-child-row div[class*="col-"]:nth-child(6n+7){clear: both;}

/*-------------- Video Modal-----------------------------------------*/
.video-modal,
.video-modal .overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 3000;}
.video-modal{overflow: hidden;position: fixed;opacity: 0.0;-webkit-transform: translate(500%,0%);transform: translate(500%,0%);-webkit-transition: -webkit-transform 0s linear 0s;transition: transform 0s linear 0s;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.video-modal .overlay {z-index: 0;background: rgba(0,0,0,0.82);opacity: 0.0;-webkit-transition: opacity 0.2s ease-out 0.05s;transition: opacity 0.2s ease-out 0.05s;}
.video-modal-content{position: relative;top: auto;right: auto;bottom: auto;left: auto;z-index: 1;margin: 0 auto;overflow-y: visible;background: #000;width: calc(100% - 12em);height: 0;padding-top: calc((100% - 12em) * 0.5625);}

@media (min-aspect-ratio: 16/9) {
  .video-modal-content{width: 0;height: calc(100vh - 10em);padding-top: 0;padding-left: calc((100vh - 10em) * 1.7778);}
}

@media (max-width: 640px) {
  .video-modal-content{width: calc(100% - 1em);padding-top: calc((100% - 1em) * 0.5625);}
}

/* ============modal close button============ */
.close-video-modal{display: block;position: absolute;left: 0;top: -40px;text-decoration: none;font-size: 20px;font-weight: bold;color: #fff;}
iframe#youtube{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background: #000;box-shadow: 0px 2px 16px rgba(0,0,0,0.5);}
.show-video-modal .video-modal{opacity: 1.0;transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}
.show-video-modal .video-modal .overlay {opacity: 1.0;}
.show-video-modal .video-modal-content{transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}

.vlog-video-bx{position: relative;background: #fff;overflow: hidden;}
.vlog-video-bx img{max-height: 390px;object-fit: cover;width: 100%;min-height: 150px;}
.vlog-video-bx>a{display: block;}
.play-btn-bx{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.play-btn-bx span{width: 65px;height: 65px;background: #fff;border-radius: 50%;display: inline-block;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);box-shadow: 0 0 0 7px rgba(255,255,255,0.3);transition: 0.2s;-webkit-transition: 0.2s;}
.play-btn-bx span:hover{box-shadow: 0 0 0 12px rgba(255,255,255,0.3);}
.play-btn-bx span:after{content: "";width: 20px;height: 20px;background: url(../images/media-play-symbol.svg);background-size: cover;position: absolute;top: 51%;left: 51%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.vlog-video-title h2{font-size: 19px; color: #686868; line-height: normal; }
.vlog-video-title{background: #fff;padding: 15px;min-height: 81px;}
.vlog-video-outer{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);border-radius: 15px;overflow: hidden;margin-bottom: 30px;}
.heading-lg{font-size: 38px; color: #608921; font-family: 'Montserrat', sans-serif; margin-bottom: 55px; text-align: center; line-height: 1.4; }


/*================leadership page css=====================*/
.leadership-banner-section{background: url(../images/leadership-banner-img.jpg);background-size: cover;padding: 222px 0 127px;text-align: center;position: relative;}
.leadership-banner-section:after{content: "";position: absolute;left: 0;top: 0;background: #000;opacity: 0.65;width: 100%;height: 100%;}
.leadership-banner-section h2{font-size: 40px;color: #ffffff;font-weight:300;position: relative;z-index: 3;line-height: 1.4;}
.leadership-all ul{max-width: none; margin: 0 -20px; }
.leadership-all ul li{float: left; width: 25%; padding: 0 20px; margin-bottom: 30px; }
.leadership-all ul li:nth-child(4n+5){clear: both;}
.leadership-team-col{float: left; width: 100%; text-align: center; position: relative;  border-radius: 5px; background: #fff; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); padding:15px 15px 20px 15px; transition: 0.3s;-webkit-transition: 0.3s;}
.leadership-team-col:hover{ background:#686868; }
.leadership-team-col:hover .leadership-team-about h3,
.leadership-team-col:hover .leadership-team-about h4,
.leadership-team-col:hover .leadership-team-about p{ color: #ffffff; }
.leadership-team-col:hover .team-logo-img img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.leadership-team-col:hover .read_more_open{ background: #fff; color: #686868!important; border-color: #686868; }
.leadership-team-image{display: block;  position: relative; width: 150px; height: 150px; border-radius: 100%; margin: 0 auto; overflow: hidden; }
.leadership-team-image:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); }
.leadership-team-image img{width: 100%; height: 100%; object-fit: cover;}
.cf-gov-bord{background: rgba(96, 137, 33, .8); color: #FFFFFF; line-height: 26px; font-size: 12px; text-align: center; display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; }
.leadership-team-about{display: block; width: 100%; clear: both; }
.leadership-team-about h3{display: block; width: 100%; clear: both; font-size: 20px; color: #272727; font-weight: 500; clear: both; position: relative; padding: 12px 0;font-weight: 700; }
.leadership-team-about h4{display: block; width: 100%; clear: both; font-size: 12px; color: #272727; font-weight: 300; margin-bottom: 12px; line-height: 1.4; min-height: 33px; text-transform: uppercase; }
.leadership-team-about p{font-size: 14px; color: #686868; font-weight: 300; line-height: 20px; margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis; }
/*.more-teamber{display: block; width: 100%; clear: both; padding: 8px 0; }
.more-teamber a{font-size: 14px;color: #608921; }
.more-teamber a:hover{color: #608921;}*/
.more-info-leadership{margin-top: -20px;margin-bottom: 20px;position: relative;z-index: 9;}
.more-info-leadership strong{font-size: 13px;}
.more-info-leadership span {font-size: 12px; width: 100%; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 100%; display: inline-block;}
.leadership-team-col:hover .more-info-leadership strong,
.leadership-team-col:hover .more-info-leadership span{color: #ffffff;}
.read_more_open{ padding: 10px 25px; border:1px solid #694e70; font-size: 13px; font-weight: 400; border-radius: 5px; color: #694e70!important; }
.read_more_open:hover{ background:#694e70; color: #fff!important;}
.team-logo-img{ display: block; margin-top: 20px; min-height: 26px;}
.team-logo-img img{max-width: 62px;}
.leadership-bg-gray{ background: #efefef; }



.leadership-team-col .more-teamber a:after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; }
.leadership-join-outer .leadership-team-about h3{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.leadership-join-outer .leadership-team-about p{height: 94px;}
.leadership-join-outer .btn{display: block;border:none;}
.table-responsive-custom{overflow-x: auto;width: 100%;}
.india-team-section .row{margin: 0;}
.india-team-section  div[class*="col-"]{padding: 0;}
.india-team-section{padding-top: 0;background: #f1f4f7;}
.india-team-img>img{width: 100%;}



.ClearCenter .leadership-team-about h3{color: #c2510f;}
.ClearCenter .leadership-team-about h4{color: #c2510f;}
.ClearCenter .leadership-team-about .btn{background: #c2510f;}
.ClearCenter .leadership-team-about .btn:hover{background: #9a3e07;color: #ffffff;}

.ClearEnergy .leadership-team-about h3{color: #78909c;}
.ClearEnergy .leadership-team-about h4{color: #78909c;}
.ClearEnergy .leadership-team-about .btn{background: #78909c;}
.ClearEnergy .leadership-team-about .btn:hover{background: #667d88;color: #ffffff;}

.ClearHealth .leadership-team-about h3{color: #1aa48a;}
.ClearHealth .leadership-team-about h4{color: #1aa48a;}
.ClearHealth .leadership-team-about .btn{background: #1aa48a;}
.ClearHealth .leadership-team-about .btn:hover{background: #147966;color: #ffffff;}


.popup-video-show-container{z-index: 112; width: 100%; max-width: 850px; margin: 50px auto; background: #ffffff; border-radius: 14px; box-shadow: 0 0 23px rgba(0, 0, 0, 0.5); }
.popup-video-show-container:after,
.popup-video-show-container:before{content: "";display: table;clear: both;}
.popup-video-show-content{float: left; width: 100%; padding: 30px 0; position: relative;}
.leadership_popup-table{display: table; width: 100%; }
.leadership_popup-left{border-radius: 10px 0 0 10px; overflow: hidden; display: table-cell; width: 350px; max-width: 320px; vertical-align: middle; position: relative; }
.leaderteam-image{ height: 250px; width: 250px; border-radius: 100%; overflow: hidden; margin: 0 auto; }
.leaderteam-image img{width: 100%;}
.leadership_popup-right{position: relative; display: table-cell; height: 100%; vertical-align: top; padding: 0px 30px 0px 0; }
button.close{-webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; }
.leadership_popup-right h4{float: left; width: 100%; color: #000000; font-size: 30px; font-weight: 100; font-weight: 400; }
.leadership_popup-right small{display: block; width: 100%; color: #4b4b4b; font-weight: 100; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; padding: 10px 0; clear: both; }
.leadership_popup-right p{display: block; width: 100%; color: #686868; font-size: 15px; font-weight: 300; line-height: 1.5; }
.modal .modal-table{pointer-events: none;}
.modal-table{display: table; width: 100%; height: 100%;}
.modal-cell{display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.modal-cell .modal-content{pointer-events: initial;padding: 7px;background: #252525;}
.popup-video-show-container{pointer-events: initial;}
.leadership-table-data{clear: both;background: #ffffff;padding: 20px;border-radius: 4px;}
.leadership-table-data table.table{margin-bottom: 0!important;}
.leadership-table-data{margin-top: 40px;}
.leadership-table-data h2{ color: #608921; display: block; font-size: 24px;font-weight:300; letter-spacing: normal; position: relative; padding: 5px 0;}
.mid-leadership{margin-top: 40px;}
.leadership-all.mid-leadership ul li{width: 25%;}
.invite-sent{margin-top: 40px;font-size: 20px;color: #808080;font-weight:300;}

/*================statistics page css================*/
ul.infographic li.btn_and_icon{padding: 27px;}
ul.infographic li{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 234px; width: 20%; border: 1px solid #fff; text-transform: uppercase; font-weight:300; text-align: center; margin: 0; padding: 50px 0; vertical-align: top; float: left; background: #fff;position: relative;}
ul.infographic li span{font-size: 36px; margin: 0; padding: 0; position: absolute;top: 50%;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%); font-weight:300;left: 0;}
.info-icon{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
ul.infographic .count_points{font-size: 20px; vertical-align: middle; padding: 0; margin: 0;font-weight:300; position: absolute;top: 50%;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 5px;}
ul.infographic .count_points big{font-size: 39px; padding: 0; display: block; font-weight:300;}
.get-it-bx{padding-bottom: 12px;padding-top: 15px;}

ul.infographic .info_shadow{-webkit-box-shadow: inset -13px 0 20px 5px rgba(0,0,0,0.3); -moz-box-shadow: inset -13px 0 20px 5px rgba(0,0,0,0.3); box-shadow: inset -13px 0 20px 5px rgba(0,0,0,0.3);}
ul.infographic .info_wht_txt{color: #fff;}
ul.infographic .info_white{background: #e5e5e5;}
ul.infographic .info_dark_gray{background: #686868;}
ul.infographic .info_gray{background: #999;}
ul.infographic .info_black_txt{color: #504f4f;}
ul.infographic .info_blue{background: #3e85c7;}
ul.infographic .info_orange{background: #c2510f;}
ul.infographic .info_green{background: #608921;}
ul.infographic .info_lightgray{background: #ccc;}
ul.infographic .info_white_gray{background: #f2f2f2;}
ul.infographic .info_gray_txt{color: #686868;}

/*======================photo gallery page css====================*/
#photo-gallery .item{border-radius: 5px; padding: 6px; margin: 0; overflow: hidden; z-index: 1; text-decoration: none; transition: all 120ms ease; }
#photo-gallery .item>a{display: block;box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);height: 100%;}
#photo-gallery .item>a img{height: 100%;object-fit: cover;width: 100%;}
#photo-gallery .grid-sizer, 
#photo-gallery .item{width: 33.3333%;}

@media screen and (max-width: 750px){
 #photo-gallery .grid-sizer, 
 #photo-gallery .item {
    width: 45%;
  }
}
@media screen and (max-width: 500px){
  #photo-gallery .grid-sizer, 
  #photo-gallery .item {
    width: 90%;
  }
}

.photo-history-ul{display: inline-block;float: none;background: #fff;padding: 15px;border-radius: 50px;}
.photo-history-ul li{display: inline-block;float: none;}
.photo-history-ul li a{display: inline-block;padding: 7px 20px;border-radius: 30px;margin-left: 5px;color: #989696;transition: 0.2s;-webkit-transition: 0.2s;line-height: normal;}
.photo-history-ul li a:hover{border-color: #608921;color: #608921;background: transparent;}
.photo-history-ul li.active a{border-color: #608921;background: #608921;color: #fff;}
.same-heading .heading-lg{margin-bottom: 10px;}
.gallery-cat-1{height: 260px;}
.gallery-cat-2{height: 290px;}
.gallery-cat-3{height: 360px;}
.gallery-cat-4{height: 220px;}
.gallery-cat-5{height: 300px;}
.gallery-img-bx{margin-bottom: 30px;box-shadow: 3px 3px 20px rgba(0,0,0,0.1);overflow: hidden;position: relative;}
.gallery-img-bx a{display: block;}
.gallery-img-bx img{width: 100%;}
.year-heading{text-align: center;margin-top: 50px;margin-bottom: 30px;font-size: 26px;display: inline-block;color: #557b1b;}
.year-heading:after,
.year-heading:before{content: "";width: 50px;height: 2px;background: #608921;display: inline-block;margin: 0 15px;vertical-align: middle;margin-top: -4px;}
/*.gallery-img-bx>a{display: block;position: relative;z-index: 2;}*/

.gallery-img-title{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);visibility: hidden;opacity: 0;transition: 0.3s;-webkit-transition: 0.3s;}
.gallery-img-title:before{content: ""; position: absolute; top: 15px; left: 15px; bottom: 100%; right: 100%; box-shadow: inset 2px 2px 0 0 #fff; z-index: 1; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.gallery-img-title:hover:before {bottom: 0; right: 0; visibility: visible; }

.gallery-img-title:after{content: ""; position: absolute; bottom: 0; right: 0; margin: 0 15px 15px 0; top: 100%; left: 100%; box-shadow: inset -2px -2px 0 0 #fff; z-index: 1; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.gallery-img-title:hover:after{top: 0; left: 0; visibility: visible; }
.gallery-img-bx:hover .gallery-img-title{visibility: visible;opacity: 1;}
.gallery-img-title-inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;padding: 0 15px;}
.gallery-img-title-inner h2{color: #afafaf;font-weight: 300;font-size: 13px;line-height: normal;}
.year-of-img{display: inline-block;border: 2px solid #fff;margin-bottom: 10px;color: #fff;font-size: 12px;padding: 4px 15px;position: relative;}
.year-of-img:after,
.year-of-img:before{content: "";position: absolute;width: 15px;height: 2px;background: #fff;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.year-of-img:after{left: 100%;}
.year-of-img:before{right: 100%;}
.fixed-photo-history{position: fixed;left: 0;width: 100%;z-index: 99;background: #fff;}
.fixed-photo-history ul{margin-bottom: 0;}
.affix {top:0; width: 100%; z-index: 9999 !important; left: 0;}
.affix .photo-history-ul{margin-bottom: 0;}
.navbar{border: none;margin-bottom: 0;min-height: initial;text-align: center;}
.mt-35{margin-top: 35px;}
.culture-gallery-outer .row .col-md-3>.gallery-img-bx img{height: 246px;object-fit: cover;filter: grayscale(100%);-webkit-filter: grayscale(100%);}


/*============regions page css================*/
.regions-accordian .panel{border-color: #ddd;overflow: hidden;border-bottom: none;border-radius: 0;margin-bottom: 30px;}
.regions-accordian .panel-heading{padding: 0;}
.regions-accordian .panel-heading a{padding: 15px; display: block; background: #fff; color: #608921; font-size: 18px; transition: 0.4s; -webkit-transition: 0.4s; position: relative; padding-left: 50px; }
.regions-accordian .panel-heading a i{display: none; transition: 0.4s; -webkit-transition: 0.4s; margin-right: 15px; color: #608921; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.regions-accordian .panel-heading a[aria-expanded="true"] i.fa-plus{display: none;}
.regions-accordian .panel-heading a i.fa-plus{display: inline-block;}
.regions-accordian .panel-heading a[aria-expanded="true"] i.fa-minus{display: inline-block;}
.regions-accordian .panel-body{background: #fff;border-color: #608921!important;padding: 10px 5px;overflow-x: auto;}
.regions-accordian table.table{margin: 0!important;box-shadow: none;}
.regions-accordian table.table strong{font-family: 'Montserrat', sans-serif;}
.regions-accordian table tr th{white-space: nowrap;}
.regions-accordian table tr td{text-align: center;}
.regions-accordian table tr td i{color: #b5b5b5;}
table.table.table-striped tbody tr:nth-child(even){background: #f9f9f9!important;}


/*===============whitepaper css======================*/
.whitepaper-button{position: fixed; right: 0; top: 50%; z-index: 111; width: 200px; margin-top: -28px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); margin-right: -72px; }
.whitepaper-button a {cursor: pointer; height: 56px; float: left; display: block; line-height: 56px; width: 100%; text-align: center; background: #fff; font-size: 18px; color: #608921; border-radius: 5px 5px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.whitepaper-button a:hover{background: #608921;color: #fff;}
.whitepaper-button a i{margin-right: 10px;}


.whitepaper-masking{opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); z-index: 9999; transition: all 0.3s; -webkit-transition: all 0.3s; }
.whitepaper-masking.whitepapersh{opacity: 1; visibility: visible; left: 0; }

.whitepaper-section-appear{position: fixed; top: 0; right: 0; bottom: 0; width: 400px; transform: translate(400px, 0); -webkit-transform: translate(400px, 0); transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; visibility: hidden; background: #cbcbcb; z-index: 9999; overflow: auto; -webkit-overflow-scrolling: touch; }
.whitepaper-section-appear.whitepapersh{opacity: 1; transform: translate(0px, 0); -webkit-transform: translate(0px, 0); visibility: visible; }

.whitepaperheader {float: left; width: 100%; background: #fff; padding: 20px; position: relative; }
.whitepaperheader h4 {float: left; display: block; color: #686868; font-size: 25px; font-weight: 300;font-weight:300; }
.closewhitepaper {position: absolute; top: 10px; right: 10px; cursor: pointer; width: 30px; height: 30px; background: url(../images/cross-out-bl.svg) center no-repeat; background-size: 20px; margin: 9px 0 0 0; }
.whitepaper-section-appear ul li {float: left; width: 100%; clear: both; padding: 20px 20px 0 20px; position: relative; border-bottom: solid 1px #fff; }
.whitepaper-section-appear ul li>a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/*.whitepaper-section-appear ul li a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }*/
.whitepaper-section-appear ul li .whitepaper-main {width: 100%; }
.whitepaper-main {display: table; }
.whitepaper-img {display: table-cell;vertical-align: bottom; padding-right: 10px; width: 124px; height: 140px;overflow: hidden;}
.whitepaper-content {display: table-cell;vertical-align: top; padding-right: 0px; width: 200px; font-size: 14px; padding-bottom: 10px;}
.whitepaper-content h4 {font-weight: bold; font-size: 15px; margin: 20px 0 10px; }
.whitepaper-section-appear ul li .whitepaper-content span {line-height: 1.4; }
.whitepaper-main-all {float: none; width: 100%; text-align: center;padding-bottom: 20px; }
.whitepaper-img-all {width: 100%;margin-bottom: 15px; }
.whitepaper-main-all p{margin-bottom: 17px;line-height: 1.2;}




/*=============job open========================*/
.job-listing {background: #fff; display: block; padding: 15px; margin-bottom: 15px; border-radius: 5px; transition: 0.2s;-webkit-transition: 0.2s;box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.1);}
.job-listing:hover{box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.07);}
/*.job-listing h2 {font-size: 20px; color: #608921; margin-bottom: 6px; }
.job-listing h3 {color: #777; font-size: 14px; margin-bottom: 11px; }
.job-listing h4 {font-size: 14px; line-height: normal; color: #676464; }*/
.job-img{width: 60px;float: left;text-align: center;}
.job-img img{/*width: 50px; height: 50px; box-shadow: 2px 4px 20px 2px rgba(0,0,0,0.1);*/ }
.job-name{width: calc(100% - 70px); display: inline-block; float: left; padding-left: 13px;}
.job-left-bx{display: inline-block;width: calc(100% - 100px);float: left;}
.job-name h2{font-size: 16px;margin-bottom: 5px;color: #000;}
.job-name h2 span{max-width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.job-name p{font-size: 12px;color: #717070;margin-bottom: 10px;text-transform: uppercase;display: inline-block;}
.job-name .label{padding: 5px 11px; font-weight: 500; background: transparent;display: inline-block;margin: 0;border: none;border-radius: 30px;font-size: 10px;}
.job-name .label.label-success{background: #608921; color: #fff;}
.job-name .label.label-warning{background: #ff8800;color: #fff;}
.job-name .label.label-primary{background: #017583;color: #fff;}
.job-name ul{display: block;}
.job-name ul:after,
.job-name ul:before{content: "";display: table;clear: both;}
.job-name ul li{display: inline-block;padding: 0 10px;vertical-align: middle;border-right: 1px solid #cccccc;}
.job-name ul li:first-child{padding-left: 0;}
.job-name ul li:last-child{padding-right: 0;border: none;}
.job-loaction{font-size: 13px;color: #6d6d6d;display: inline-block;vertical-align: top;max-width: 170px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.job-loaction i{color: #608921;}
.view-job-bx{float: right;width: 100px;text-align: right;}
.view-job-bx .btn{background: transparent;border: 2px solid #608921;color: #608921;padding: 7px 13px;font-size: 12px;}
/*.view-job-bx .btn:hover{color: #fff;}*/
.two-child-row .col-md-6:nth-child(odd){clear: both;}


/*blog listing */
.all-team-section ul{max-width: none;margin: 0 -4px;}
.all-team-section ul li{float: left;width: 25%;padding: 0 4px;margin-bottom: 23px;}

.blog-row{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.blog-colum{-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;padding-right: 15px;padding-left: 15px;position: relative;margin-bottom: 30px;}
.blogpost-col{ background: #F8F8F8; border-radius: 10px; overflow: hidden; height: 100%;}
.blogpost-col-img{width: 100%; height: 182px; overflow: hidden; }
.blogpost-col-img>a{display: block;width: 100%;height: 100%;}
.blogpost-col-img img{min-width: 100%; min-height: 100%; object-fit: cover; height: 100%;}
.blogpost-col-content{width: 100%; padding: 15px 10px; }
.blog_meta{font-size: 13px; color: #777; }
.sub_title{display: block; width: 100%; margin: 15px 0 10px 0; }
.sub_title a{color: #5d5d5d; font-size: 17px; font-weight: 300; line-height: 1.2; font-weight:500;}
.excerpt{font-size: 14px; line-height: 1.3;margin: 0;}
.more-teamber { display: block; width: 100%; clear: both; padding: 8px 0;}
.more-teamber a{font-weight: 600; font-size: 14px; color: #694E70;}
.spacesection{padding: 50px 0;}
.reinventing-premise-bx h3{font-size: 34px; color: #628731; margin-bottom: 70px; text-align: center;  font-weight: 500; }
.meta-categories span img {max-width: 12px; vertical-align: middle; filter: grayscale(1); -webkit-filter: grayscale(1); }
ul.lis_ul li {display: inline-block; list-style-type: none; font-size: 10px; font-weight: 700; color: #714D71; padding-right: 4px; vertical-align: middle; text-transform: capitalize; float: left;line-height: 1.1;}
ul.lis_ul li + li{padding-left: 4px; border-left: 2px solid #737373; }
.entry-meta ul.lis_ul li {font-size: 12px!important; color: #714D71!important; padding-right: 6px; letter-spacing: initial!important; }
ul.lis_ul li span.icon {display: inline-block; vertical-align: middle; color: #714D71; font-weight: 600; font-size: 12px;  margin-right: 3px; vertical-align: middle; }
ul.lis_ul li a {display: inline-block; color: #714D71!important; text-decoration: none; vertical-align: middle;}
ul.lis_ul li span {display: inline-block; vertical-align: middle; }
.entry-meta ul.lis_ul {text-align: left; padding-left: 5px; clear: both; }
article.post .entry-description .entry-meta {margin-bottom: 15px; }
ul.lis_ul li.meta-categories{padding-right: 0;}
.entry-meta:after, .entry-meta:before {
    content: "";
    display: table;
    clear: both;
}
li.meta-author a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 60px;
}
li.meta-categories.withimage a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.meta-categories .icon img{ display: none; }

.meta-categories .icon{ width: 12px; height: 12px; background: url(../images/clear-favicon.png) no-repeat; background-size: 100%;}
.meta-categories.ClearUnited .icon{ background: url(../images/clearunited-favicon.png) no-repeat; background-size: 100%; }
.meta-categories.ClearCommunity .icon{ background: url(../images/clearcommunity-favicon.png) no-repeat; background-size: 100%; }
.meta-categories.ClearCellular .icon{ background: url(../images/clearcellular-favicon.png) no-repeat center; background-size: 100%; }
.meta-categories.ClearHealth .icon{ background: url(../images/clearhealth-favicon.png) no-repeat; background-size: 100%; }
.meta-categories.ClearCenter .icon{ background: url(../images/clearcenter-favicon.png) no-repeat; background-size: 100%; }
.meta-categories.ClearEnergy .icon{ background: url(../images/clearenergy-favicon.png) no-repeat center; background-size: 100%; }
.meta-categories.ClearFoundation .icon{ background: url(../images/clearfoundation-favicon.png) no-repeat; background-size: 100%; }


/*blog loader*/
.blog-img-loader{height: 181px;border-radius: 6px;background: #f1f1f1;
	-webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #F6F6F6), color-stop(18%, #F0F0F0), color-stop(33%, #F6F6F6));
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}
.blog-txt-loader{margin-top: 20px;}
.blog-txt-row{height: 38px;background: #f1f1f1;
-webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #F6F6F6), color-stop(18%, #F0F0F0), color-stop(33%, #F6F6F6));
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    position: relative;
}
.blog-txt-row + .blog-txt-row{margin-top: 13px;}
.h-40{height: 54px;}



@media screen and (max-width: 1199px)
{
	.sub_title a{font-size: 15px;}
	.blogpost-col-img{height: 140px;}
}

@media screen and (max-width: 991px)
{
	.blogpost-col-img{ height: auto; }
	.blogpost-col-content{ float: none; display: block; overflow: hidden; width: 100%; padding-left: 20px; }
	.blog-colum{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin-bottom: 20px;}
	.blogpost-col-img img{height: auto;height: 170px;}
}

@media screen and (max-width: 600px)
{
	.blog-colum{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}	
	.blogpost-col-img img{height: auto;}
}



.video-model .close{width: 30px;height: 30px;background: #fff;border-radius: 50%;text-align: center;line-height: 30px;position: absolute;right: -10px;top: -10px;opacity: 1;}
.video-model iframe{width: 100%;max-width: 100%;}
.video-model video{width: 100%;height: 100%;max-width: 100%;}


/*============ the vision section css=================*/
.the-vision-outer{padding: 20px 0;background: #f7f7f7;}
.vision-left{padding-left: 35px;padding-top: 96px;}
.vision-left h2{font-size: 38px;color: #628731;margin-bottom: 25px;}
.vision-left p{font-size: 20px;color: #686868;line-height: 30px;font-weight:300;}
.vision-left p strong{color: #686868;font-family: 'Roboto-Regular'!important;font-weight: normal;}
.vision-left p span{font-family: 'Montserrat', sans-serif;display: inline-block;}
.vision-left p span.Infra{color: #c2510f;}
.vision-left p span.energy{color: #577889;}
.vision-left p span.healthcare{color: #3eb19b;}
.vision-left p span.agriculture{color: #669d13;}
.education-bx{width: 439px;height: 439px;background: #fff;box-shadow: 12px 0 0 0 #d7d7d7;border-radius: 50%;display: inline-block;padding-top: 37px;text-align: center;position: relative;z-index: 1;transition: 0.3s;-webkit-transition: 0.3s;}
/*.education-bx:hover{box-shadow: 12px 0 0 0 #d7d7d7, -12px 0px 0 0 #d7d7d7;}*/
.vision-right{text-align: center;position: relative;}
.vision-right:after{content: "";position: absolute;left: 50%;top: 0;width: 800px;height: 99%;background: #ececec;}
.education-bx>h2{font-size: 28px;color: #577889;margin-bottom: 10px;}
.Individual-bx{max-width: 366px;min-height: 368px;background: url(../images/Individual-bg.png);margin: 0 auto;position: relative;}
.Individual-txt{width: 88px;height: 88px;background: #f2f2f2;border-radius: 50%;text-align: center;line-height: 88px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 9;overflow: hidden;}
.Individual-txt img{max-width: 63px;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.Individual-hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #628731;visibility: hidden;opacity: 0;transition: 0.2s;-webkit-transition: 0.2s;}
.Individual-txt:hover .Individual-hover{visibility: visible;opacity: 1;}
.education-logo{text-align: center;width: 138px;height: 138px;position: absolute;overflow: hidden;}
.education-logo .education-logo-inner>img{margin-bottom: 10px;}
.education-logo p{font-size: 14px;color: #686868;}
.education-logo-inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.education-logo-1{left: 50%;top: 14px; transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.education-logo-2{right: 14px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.education-logo-3{left: 50%;bottom: 14px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.education-logo-4{left: 14px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.education-logo-1 .education-hover-content{background: #1aa48a;border-radius: 75px 75px 0 75px;}
.education-logo-2 .education-hover-content{background: #669d13;border-radius: 75px 75px 75px 0;}
.education-logo-3 .education-hover-content{background: #c2510f;border-radius: 0 75px 75px 75px;}
.education-logo-4 .education-hover-content{background: #577889;border-radius: 75px 0 75px 75px;}


.education-hover-content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;visibility: hidden;opacity: 0;transition: 0.2s;-webkit-transition: 0.2s;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.education-hover-content img{position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);-webkit-transform: translate(-50%,-50%) rotate(-45deg);max-width: 92px;max-height: 60px;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.education-logo:hover .education-hover-content{visibility: visible;opacity: 1;}
.the-vision-outer .btn{margin-bottom: -55px;position: relative;z-index: 1;text-transform: uppercase;padding: 14px 30px;}

.transaction_detail_heading{font-size: 17px; text-align: center; margin-bottom: 39px;}
.ownershipouter{position: relative;padding-top: 30px;}
.ownership-heading{position: absolute;left: 0;width: 100%;text-align: center;font-size: 16px;top: 0;color: #686868;}


/*===============ping status page css===========================*/
.staus-table-head{margin-bottom: 15px;}
.staus-table-head:after,
.staus-table-head:before{content: "";display: table;clear: both;}
.staus-table-heading{font-size: 22px;color: #686868;font-family: 'Montserrat', sans-serif;margin-top: 10px;}
.staus-table-search{width: 26%;}
.staus-table-search .input-group-addon{border-radius: 30px 0 0 30px;padding: 6px 15px;background: #ffffff;}
.staus-table-search .form-control{border-radius: 0 30px 30px 0;}
.staus-table-search .form-control:focus{border-color: #ccc;}
.staus-table .text-success{color: #608921!important;}
.staus-table .text-danger{color: #cc0000;}
.staus-table .text-warning{color: #ffc900;}
.staus-table .text-default{color: #999898;}
.staus-table .upload-icon{margin-right: 5px;}
.staus-table{width: 100%;max-width: 100%;background: #ffffff;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 1px solid rgba(228,227,227,0.9);}
.staus-table td{padding: 8px 7px;color: #686868;white-space: nowrap;font-size: 13px;}
.staus-table thead>tr>th{padding: 8px 7px;background: #808080;color: #ffffff;font-weight: 500;font-size: 13px;white-space: nowrap;}
.staus-table tbody>tr:nth-child(even){background: #f3f3f3;}
.staus-table tbody>tr:hover{background: #ddd;}
.staus-table-ftr{margin-top: 15px;padding-left: 20px;}
.staus-table-ftr span{display: inline-block;vertical-align: middle;color: #686868;}
.staus-table-ftr .form-control{width: auto;display: inline-block;height: 32px;padding: 0 7px;margin: 0 10px;}
.staus-table-instruction{padding: 10px 20px;background: #ffffff;border: 1px solid #ddd;margin-top: 30px;}
.staus-table-instruction ul li{display: inline-block;font-size: 14px;color: #686868;margin-left: 38px;}
.staus-table-instruction ul li:first-child{margin-left: 0;}
.staus-table-instruction ul li span{font-size: 18px;vertical-align: middle;line-height: 1;margin-right: 5px;}
.staus-table-instruction .text-success{color: #608921!important;}
.staus-table-instruction .text-danger{color: #cc0000;}
.staus-table-instruction .text-warning{color: #ffc900;}
.staus-table-instruction .text-default{color: #999898;}

.staus-table-deatil{width: 40%;}
.staus-table-deatil .form-group{margin-bottom: 0;}
.staus-table-deatil .form-control{border-radius: 30px;}
.staus-table-deatil .row{margin: 0 -5px;}
.staus-table-deatil div[class*="col-"]{padding: 0 5px;}
.last-checked-bx{margin: 30px 0;}
.last-checked-txt{padding: 15px;border-radius: 5px;background: #efefef;/*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/min-height: 74px;border: 2px solid #ddd;min-height: 78px;}
.last-checked-txt h2{font-size: 18px; margin-bottom: 5px; color: #4a4a4a;  font-weight: 500; }
.last-checked-txt p{font-size: 14px; color: #757575; }
.last-checked-txt p strong{color: #333333;}
.staus-detail-header{background: #608921;padding: 15px;border-radius: 4px 4px 0 0;color: #ffffff;}
.time-zone{margin-top: 12px;}
.staus-detail-header .btn.btn-default{padding: 10px 16px;}
.staus-detail-header .btn.btn-default i{margin-right: 5px;}

.chart-container{margin-top: 50px;padding: 25px;background: #ffffff;border-radius: 5px;overflow: hidden;border: 1px solid #ddd;}
.chart-container>h2{background: #808080;margin: -25px -25px 40px -25px;font-size: 22px;padding: 15px;color: #ffffff;}
.staus-detail-parent{background: #ffffff;padding: 25px;}

/*==========================ClearTimeline section css=================*/
.cleartimeline-ul{max-width: 1044px;margin: 288px auto 248px auto;}
.cleartimeline-ul li{position: relative;display: inline-block;float: left;width: 20%;background: #628b3e;height: 64px;padding-left: 20px;}
.cleartimeline-ul li:nth-child(1):before {content: " "; display: block; width: 0; height: 0; border-top: 32px solid transparent; border-bottom: 32px solid transparent; border-left: 20px solid #ffffff; position: absolute; top: 0; margin-top: 0; left: 0; z-index: 2;}
.cleartimeline-ul li:after {content: " "; display: block; width: 0; height: 0; border-top: 32px solid transparent; border-bottom: 32px solid transparent; border-left: 20px solid #628b3e; position: absolute; top: 0; margin-top: 0; left: 100%; z-index: 2;}
.cleartimeline-logo-holder{background: #ffffff;width: 64px;height: 64px;text-align: center;line-height: 63px;border-radius: 50%;box-shadow: 0 0 0 20px #628b3e, -2px 1px 0 21px #4f712f;margin: 0 auto;position: relative;}
.cleartimeline-logo-holder:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; box-shadow: -2px 2px 2px 0px #2e550a; border-radius: 50%; }
.cleartimeline-ul li:nth-child(even){background: #65646c;}
.cleartimeline-ul li:nth-child(even):after{border-left-color: #65646c;}
.cleartimeline-ul li:nth-child(even) .cleartimeline-logo-holder{box-shadow: 0 0 0 20px #78777d, -2px 1px 0 21px #a8a7ab;}
.cleartimeline-ul li:nth-child(even) .cleartimeline-logo-holder:after{box-shadow: -2px 2px 2px 0px #46454e;}

.cleartimeline-name{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -76px;padding-left: 20px;text-align: center;}
.cleartimeline-name>p{font-size: 12px;color: #7e7d7d;font-weight: 700;}
.cleartimeline-name>p>strong{display: block;line-height: 1;font-size: 24px;}
.cleartimeline-ul li:nth-child(even) .cleartimeline-name{bottom: auto;top: -76px;}

.cleartimeline-mega-title{text-align: center;position: absolute;padding-bottom: 40px;left: 0;right: 0;margin: 0 auto;bottom: 100%;padding-left: 20px;}
.cleartimeline-mega-title h3{font-size: 24px;color: #78777d;margin-bottom: 10px;font-weight: 700;}
.cleartimeline-mega-title>img{pointer-events: none;}
.cleartimeline-ul li:nth-child(even) .cleartimeline-mega-title{padding-top: 40px;padding-bottom: 0;bottom: auto;top: 100%;}
.cleartimeline-ul li:nth-child(even) .cleartimeline-mega-title h3{color: #608a3c;margin-bottom: 0;margin-top: 10px;}
/*========old timeline EDNS here css=====*/

.timeline-path-img{pointer-events: none;}
.timeline-year-bx{display: inline-block;width: 160px;padding: 15px 0;vertical-align: top;text-align: center;position: relative;z-index: 1;}
.year-label{min-width: 100px;border-radius: 4px;background: #628b3e;color: #ffffff;font-size: 17px;font-family: 'Montserrat', sans-serif;padding: 4px 10px;text-align: center;}
.timeline-year-bx h3{font-size: 16px;color: #0b0b0b; font-weight: 500; margin: 7px 0 0 0;}
.timeline-year-bx h3 span{padding: 2px 6px;border-radius: 3px;background: #686868;color: #ffffff;font-size: 12px;display: block;max-width: 47px;margin: 0 auto;text-align: center;margin-bottom: 4px;}
.timeline-year-bx h3 strong{font-size: 12px;color: #888787;display: block;margin-top: 3px;}
.timeline-year-bx p{font-size: 14px;color: #595959;font-family: 'Montserrat', sans-serif;display: none;}

.timeline-year-bx1{margin-left: 115px;margin-top: -14px;}
.timeline-year-bx2{margin-left: 247px;transform: translateY(150px);-webkit-transform: translateY(150px);}
.timeline-year-bx3{margin-top: -78px;margin-left: 101px;}
.timeline-year-bx4{float: right;margin-right: 499px;transform: translateY(15px);-webkit-transform: translateY(15px);}
.timeline-year-bx5{margin-top: -79px;margin-left: 107px;}
.timeline-year-bx6{float: right;margin-top: -210px;transform: translateX(-213px);-webkit-transform: translateX(-213px);}
.timeline-year-bx7{float: right;margin-top: -320px;margin-right: 84px;}

.timeline-logos-mobile{display: none;}

/*===================Brands page css==============*/
.brands-section-cf{background: #608921;}
.finalizing-text h2{ font-weight: 500; color: #ffffff;font-size: 30px;margin: 40px 0 10px;}
.finalizing-text p{font-family: 'Montserrat', sans-serif;color: #ffffff;font-size: 16px;}
.brands-info a{color: #608921;}
.brands-info a:hover{opacity: 0.8;}
.brands-info a i{font-size: 13px;}
.brands-info .bg-gr {background: #e8e8e8; border: 1px solid rgba(0,0,0,0.1); padding: 10px; overflow: hidden;color: #7d7d7d;}
.brands-info .logo-pack .bg-gr{padding: 10px 20px; text-align: center; min-width: 350px; margin-bottom: 0; line-height: 123px; }
.brands-info .logo-le{float: left;}
.brands-info .logo-ri{float: right;}
.typ-left{float: left;}
.typ-right{float: left;margin-left: 25px;}
.bg-gr.Roboto {font-weight:300; font-size: 134px; line-height: 123px; }
.bg-gr.Equip{font-family: 'Equip-Light'; font-weight: 100; font-size: 134px; line-height: 123px; }
.info-main-heading{ font-weight: 500; font-size: 22px;margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 8px;}
.info-sub-heading{font-size: 18px; line-height: 32px; font-family: 'Montserrat', sans-serif;margin-bottom: 6px;}
.style-guide-bx{margin-top: 50px;}
.style-guides-bx{margin-bottom: 20px;min-height: 213px;}
.style-guides-bx .bg-gr-pdf{text-align: center; background: #e8e8e8; padding: 10px; border: 1px solid #d0d0d0; margin-bottom: 10px;}
.style-guides-bx .bg-gr-pdf>a{ display: flex; align-items: center; justify-content: center; min-height: 147px;}
.style-guides-bx .bg-gr-pdf img{max-height: 147px;}
.finalizing-logo-bx{text-align: right;}
.typography{clear: both;}
.typography:after,
.typography:before{content: "";clear: both;display: table;}

.brands-section-cc{background: #C2510F;}
.brands-info-cc a{color: #C2510F;}

.brands-section-ce{background: #78909c;}
.brands-info-ce a{color: #78909c;}

.brands-section-cu{background: #694e70;}
.brands-info-cu a{color: #694e70;}

.brands-section-ch{background: #1aa48a;}
.brands-info-ch a{color: #1aa48a;}


.comming-blur {filter: blur(8px); -webkit-filter: blur(8px);}


.leadership-table-color{ background: transparent; padding: 0; }
.leadership-table-color h2{ font-size: 26px; color:#272727; margin-bottom: 25px;}
.leadership-table-color table{ margin-top: 0!important; }
.leadership-table-color table.table tr th{background: #272727;color: #fff; padding: 14px 20px;  font-weight:300; font-size: 15px;}
.leadership-table-color table.table tr td{ padding: 12px 20px!important; font-size: 15px;  font-weight:300; color:#272727; }
.leadership-table-color .table>tbody>tr>td{ border-color:#efefef; }
.leadership-table-color .table-responsive-custom{ border-radius:5px; margin-top: 20px; }

.leadership_popup-heading{ display: inline-block; vertical-align: middle;width: 70%; }
.leadership_popup-logo{display: inline-block;vertical-align: middle;border-left: 1px solid #cccccc;padding: 0px 0 0 13px;}
.leadership_popup-logo img{max-width: 98px;}
.leadership-heading{ font-size: 36px; font-weight:300; color:#272727; }
.popup-video-show-content .close {position: absolute; right: -8px; top: -7px; width: 30px; height: 30px; text-align: center; background: #fff; border-radius: 50%; display: inline-block; opacity: 1; color: #6f6f6fdd; font-size: 14px; box-shadow: -1px 2px 10px rgba(0, 0, 0, 0.16); }

/*=======================contact us page css====================*/

.contact-us-banner-map img{width: 100%;}
.contact-heading{font-size: 20px;color: #c2510f;margin-bottom: 20px;}
.contact-bx .alert{padding: 3px 10px}
.address-info p {font-size: 16px;color: #000;margin-bottom: 8px; font-weight: 500;}
.address-info p span{width: 22px;text-align: center;display: inline-block;}

.other-address-outer{padding: 15px;border:1px solid #ddd;border-radius: 10px;margin-bottom: 20px;}
.other-address{margin-top: 80px;}
.other-address-info h2{font-size: 20px;}
.other-address-info h2 span img{width: 40px;margin-right: 2px;}
.other-address-info .badge{margin-bottom: 10px;}
.other-address-info p{color: #000; font-weight: 500;}
.other-address-info-img{margin: -15px;}

.contact-banner-section{ border-bottom: 2px solid #dedede; }



.site-content-img-bx img {max-height: 280px;}




/*======================clear.co.com ftr css=====*/
.site-ftr{display: block;padding: 0;background: #f5f5f5;padding-top: 30px;position: relative;border-top: 2px solid #e0e0e0;clear: both;}

.footer-container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.footer-row{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; -ms-flex-align: center!important;align-items: center!important;-ms-flex-pack: center!important;justify-content: center!important}
.footer-row div[class*="footer-"]{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}

.site-ftr .mb-4{margin-bottom: 1.5rem!important;}
.ftr-btn.ftr-btn-primary{ padding: 7px 20px; border:2px solid #7f7f7f; border-radius: 3px;  font-weight: 500; font-size: 14px; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;background: #7f7f7f; transition: 0.3s;-webkit-transition: 0.3s;color: #ffffff;margin-bottom: 17px;}
.ftr-btn.ftr-btn-primary:hover{ background: transparent; color: #7f7f7f; }

.ftr-logo{text-align:center;}
.ftr-logo img{width: 140px; }
.copyright{background: #e3e1e1;padding: 12px 0;text-align: center;}
.copyright:after,
.copyright:before{content: "";display: table;clear: both;}
.copyright p{font-size: 14px;color: #656364;font-weight: 500;display: inline-block;float: left;padding-top: 3px;}
.copyright p a{color: #656364;}
.copyright p a:hover{text-decoration: underline!important;}
.copyright p span{vertical-align: middle;display: inline-block;}
.ftr-menu{padding-left: 30px;}
.ftr-menu ul li{display: block;}
.ftr-menu ul li + li{margin-top: 11px;}
.ftr-menu ul li a{color: #1f1f1f;font-size: 16px;font-weight: 500;transition: 0.3s;-webkit-transition: 0.3s;}
.ftr-menu ul li a:hover{color: #000000;}
.ftr-inquiry{padding-left: 40px;}
.ftr-inquiry>p{font-size: 16px;color: #000000;font-weight: 500;}
.ftr-inquiry>p + p{margin-top: 20px;}
.ftr-inquiry>p a{font-size: 14px;color: #6f6f6f;display: block;}
.ftr-newslatter{text-align:center;}
.ftr-newslatter>h2,
.ftr-heading{font-size: 20px;color: #000000;margin-bottom: 20px;}
.form-control{height: 46px;border-radius: 30px;padding-left: 20px;font-weight: 600;font-size: 14px;box-shadow: none!important;border: 2px solid #dedede;background: #f9f9f9;}
.form-control:hover{border-color: #b7b7b7;}
.form-control:focus{border-color: #694e70;background: #f9f9f9;}
textarea.form-control{border-radius:10px;border-radius: 10px;height: 150px;resize:none;}
.ftr-newslatter .form-control{padding-right: 94px;}
.ftr-newslatter .form-group{position: relative;}
.ftr-newslatter .form-group>button{display: inline-block;min-width: 85px;height: 100%;line-height: 42px;border-radius: 50px;background: #694e70;outline: none;cursor: pointer;position: absolute;right: 0;top: 0;transition: 0.3s;-webkit-transition: 0.3s;}
.ftr-newslatter .form-group>button:hover{background: #45264d;}
.ftr-newslatter .form-group>button>img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);max-width: 22px;}
.social-ul{margin-top: 30px;}
.social-ul li{display: inline-block;margin-left: 20px;}
.social-ul li a{color: #694e70;font-size: 25px;transition: 0.3s;-webkit-transition: 0.3s;}
.social-ul li a:hover{color: #45264d;}

.other-site-section{background: #d4d4d4;margin-top: 30px;}
.other-site-section:after,
.other-site-section:before{content: "";display: table;clear: both;}
.other-site-left{float: left;}
.other-site-left ul{margin: 0;padding: 0;list-style: none;}
.other-site-left ul:after,
.other-site-left ul:before{content: "";display: table;clear: both;}
.other-site-left ul li{list-style: none;display: inline-block;position: relative;}
.other-site-left ul li:after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);height: 11px;width: 1px;background: #000;}
.other-site-left ul li a{line-height: 46px;padding: 0 9px;color: #252525;font-size: 14px;font-weight: 500;transition: 0.3s;-webkit-transition: 0.3s;display: inline-block;}
.other-site-left ul li a:hover{color: #000000;}
.other-site-left ul li:first-child{background: #bfbfbf;line-height: 46px;padding: 0 9px;margin-right: 0;color: #ffffff;font-size: 14px;font-weight: 300;}
.other-site-left ul li:first-child:after,
.other-site-left ul li:last-child:after{display: none;}
.other-site-left ul li:first-child:before{content: "";  width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid #bfbfbf; border-bottom: 7px solid transparent;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.other-site-right{float: right;padding-top: 3px;}
.other-site-right ul{margin-top: 0;}
.other-site-right ul li a{font-size: 16px;color: #3f3f3f;}
.other-site-right ul li a:hover{color: #000;}
.other-site-right:after,
.other-site-right:before{content: "";clear: both;display: table;}

.think-clearly-logo img{width: 90px;}


@media screen and (max-width: 1300px)
{
  .other-site-left ul li a{font-size: 13px;}

}

@media screen and (max-width: 1199px)
{
 	.other-site-left ul li:first-child{padding:0;}
  	/* .other-site-left ul li a{padding:0 12px;} */
    /* .other-site-left ul li a{font-size: 13px;} */
    .other-site-left{width: 100%;}
    .other-site-left ul li:first-child{text-align:center;display:block;width:100%;}
    .other-site-left ul li:first-child:before{border-top: 7px solid #bfbfbf;border-left: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid transparent;top: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    .other-site-left ul li{width: 49%;text-align: center;}
    .other-site-left ul li:after{display:none;}
    .copyright{text-align:center;}
    .other-site-right{float:none;}
    .copyright p{width:100%;}
    .ftr-mid-logo{padding-top: 0;}
}
@media screen and (max-width: 991px)
{
	.site-ftr{text-align: center;}
	.ftr-logo{text-align: center;margin-bottom: 40px;}
	.ftr-menu{margin-bottom: 40px;padding-left: 0;}
	.ftr-newslatter{padding-left: 0;}
/* 
	.other-site-left{width: 100%;}
	.other-site-left ul li:first-child{text-align:center;display:block;width:100%;}
  .other-site-left ul li:first-child:before{border-top: 7px solid #bfbfbf;border-left: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid transparent;top: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
  .other-site-left ul li{width: 49%;text-align: center;}
  .other-site-left ul li:after{display:none;} 
  .copyright{text-align:center;}
  .other-site-right{float:none;}
  .copyright p{width:100%;}
  .ftr-mid-logo{padding-top: 0;}*/
}

@media screen and (max-width: 575px)
{
	.footer-xs-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}


@media (min-width: 576px)
{
	.footer-sm-3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.footer-container{max-width: 540px;}
}

@media (min-width: 768px)
{
	.footer-md-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
	.footer-container{max-width: 720px;}
}
@media (min-width: 992px)
{
	.footer-lg-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
	.footer-container{max-width: 960px;}
}
@media (min-width: 1200px)
{
	.footer-container{max-width: 1170px;}
}
/*======================clear.co.com ftr css=====*/


/**/
.video-box.video-box-new{ height: 270px; }

@media screen and (max-width: 767px)
{
  .top-header{ border-top: none;}
	.nav-ul ul li a:after{ display: none;}

}

.clear_Companies_Section_box{ position: relative;}

.clear-companies-ul{ display: flex; margin: 0 -15px; display: flex; justify-content: center;  align-items: center; flex-wrap: wrap;}
.clear-companies-ul .custom-li{ padding: 0 15px;     flex: 0 0 16.666667%; max-width: 16.666667%; padding-top: 11px;}
.clear-companies-ul .custom-li .clear-companies-ul-box{ display: flex; justify-content: center; align-items: center; width: 100%; height: 91px; box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.04), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0287542), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0238443), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.02), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0161557), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0112458); border-radius: 10px; background: #F2F2F2; transition: 0.3s; }
/* .clear-companies-ul li .clear-companies-ul-box:hover{ transform: translateY(-13px);} */
/* .clear-companies-ul li .clear-companies-ul-box a.site-a{ position:absolute; top: 0; left:0; right: 0; bottom: 0; cursor: pointer; z-index: 1;} */
.clear-companies-ul .custom-li .site-a img{width: 100px;}
.clear-companies-ul-box .clear-companies-poup-up{ position: absolute; bottom: 100%; margin-bottom: 3px; border-radius: 0px;background-color: #f8f8f8; padding: 10px; padding-bottom: 20px; z-index: 10; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0; visibility: hidden; pointer-events:none; box-shadow: 0 0 11px rgb(0 0 0 / 5%); border: 1px solid #e0d4e2; left: 0;right: 0; min-height: 530px; transform: translateY(-22px);}

.clear-companies-ul li:hover .clear-companies-poup-up{ opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0px); }
.clear-companies-ul-box .clear-companies-poup-up::after{ content: ""; position:absolute; bottom:-9px; left:50%; width: 17px; height: 17px; background-color: #f8f8f8; transform: translateX(-50%) rotate(44deg); border:1px solid #e0d4e2; border-top: none;border-left: none;}
.clear-companies-ul-box .clear-companies-poup-up h4{ font-size: 16px; font-weight: 500; color: #000; margin-bottom: 6px;}
.clear-companies-ul-box .clear-companies-poup-up p{ font-size: 14px; font-weight: 400; line-height: 1.4; padding-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; padding: 0;}
/* .clear-companies-ul-box .clear-companies-poup-up a{ margin-top: 1px; font-size: 15px; color: #684E6E; font-weight: 500;} */


.clear-companies-ul .custom-li:nth-child(1) .clear-companies-poup-up::after{ left: 24%;}
.clear-companies-ul .custom-li:nth-child(2) .clear-companies-poup-up::after{ left: 34%;}
.clear-companies-ul .custom-li:nth-child(3) .clear-companies-poup-up::after{ left: 44%;}
.clear-companies-ul .custom-li:nth-child(4) .clear-companies-poup-up::after{ left: 55%;}
.clear-companies-ul .custom-li:nth-child(5) .clear-companies-poup-up::after{ left: 65%;}
.clear-companies-ul .custom-li:nth-child(6) .clear-companies-poup-up::after{ left:75%}

.reviwe-blog-html-new .col-md-6{     flex: 0 0 25%; max-width: 25%;}
.reviwe-blog-html-new .reviews-img{ display: none;}
.reviwe-blog-html-new .reviews-white-box{  padding: 30px;  height: 100%; position: relative;}
.reviwe-blog-html-new .reviews-white-box::after{ content: "\f061"; color: #B8B8B8; font-size: 16px; position: absolute; bottom: 15px; right: 15px;  font-family: "Font Awesome 5 Free"; font-weight: 900;}
.reviwe-blog-html-new .reviews-text{ width: 100%; padding-left: 0;}
.reviwe-blog-html-new .reviews-text h4 a{ font-weight: 500; font-size: 20px; line-height: 1.8; color: #694E70; }
.reviwe-blog-html-new .reviews-text p{ font-weight: 500; font-size: 14px; line-height: 1.7; color: #919191; }



/*================================15-04-2021====================================*/

.news-blog-post-bx h2 { margin-bottom: 70px; text-align: center;}
.news-blog-post-bx .blog-colum .blogpost-col-content .sub_title a{font-weight: 600; font-size: 18px; line-height: 1.5; color: #525252;}
.news-blog-post-bx .blog-colum .blogpost-col-content .excerpt{font-weight: 300; font-size: 16px; line-height: 1.6; color: #525252;}
.news-blog-post-bx .blog-colum ul.lis_ul li{font-size: 14px; font-weight: 500; line-height: 17px; color: #694E70;}

.video-post-bx .news-video-box h2{font-weight: 500; font-size: 34px; text-align: center; color: #282828; margin-bottom: 70px; }
.resource-new-parent .resource-bx h2 { font-weight: 500; font-size: 18px; line-height: 1.4; color: #000000; margin-bottom: 8px; }
.resource-new-parent .resource-txt p{font-weight: 300; font-size: 14px; line-height: 1.6; color: #000000; }
.resource-new-parent .resource-txt { width: 100%; float: inherit; padding-left: 0; }
.resource-new-parent .col-lg-4{margin-bottom: 30px !important;}
.resource-new-parent .resource-bx{position: relative;}
.resource-new-parent .video-post-bx>h2{font-weight: 500; font-size: 34px; text-align: center; color: #282828; margin-bottom: 70px;}
.vision-box .col-lg-3 {max-width: 12.5%; flex: 0 0 12.5%;}

.logos-heading h2{font-weight: 500; font-size: 34px; color: #282828; margin-bottom: 70px; margin-left: 80px; text-align: center; margin-left: -130px;}
.logos-heading h2 span{display: inline-block; font-size: 34px; width: 50px; height: 50px; border-radius: 50%; background: #694E70; line-height: 50px; text-align: center; margin: 0 20px; color: #ffffff;}
.logo-image {max-width: 830px; margin: 0 auto;}

.clear-section .clear-phn-heading h2{font-weight: 500; font-size: 34px; text-align: center; color: #282828; margin-bottom: 90px;}
.clear-section .clear-phn-content h3{font-weight: 500; font-size: 20px; line-height: 1.4; text-align: center; color: #000000; }
.clear-section .clear-phn-content h5{font-weight: 600; font-size: 20px; line-height: 1.4; letter-spacing: 1px; color: #684F6E; margin: 15px 0;}
.clear-phn-parent {text-align: center; }
.clear-phn-parent.sold-out{ overflow: hidden; position: relative;}
.clear-phn-parent.sold-out figure{filter:grayscale(100%);pointer-events: none; user-select: none; opacity: 0.7; }
.clear-phn-parent.sold-out .clear-phn-content{filter:grayscale(100%);pointer-events: none; user-select: none; opacity: 0.7; }
.clear-phn-parent.sold-out .sold_div { font-size: 18px; font-weight: 500; color: #FFFFFF; padding: 12px 20px; display: block; background-color: #A70606; position: absolute; top: 25px; left: -87px; width: 270px; transform: rotate( -45deg); text-align: center; z-index: 99; }

.clear-phn-parent figure img { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.clear-phn-parent figure { margin-bottom: 35px; min-height: 533px; position: relative; }
.centralized-logo{margin-top: 80px; text-align: center;}

.aquisitions-content{max-width: 628px; margin: 0 auto 35px; text-align: center;}
/* .aquisitions-content figure{text-align: center;} */
.aquisitions-content p{font-weight: 300; font-size: 14px; line-height: 1.5; color: #000000;}
.timeline-image-parent{text-align: center; pointer-events: none; user-select: none;}


.nav-ul-open-box{ display: inline-block; vertical-align: middle;}
.timeline-new-box{ max-width: 1220px; margin: 0 auto; position: relative; margin-top: 220px;}
.timeline-new-box ul{ display:block;}
.timeline-new-box ul li{ display: inline-block; position: absolute; bottom: 0;}
.timeline-new-box ul li *{ transition: 0.2s; -webkit-transition: 0.2s;}
.timeline-new-box ul li:nth-child(1){ margin-left: -40px;}
.timeline-new-box ul li:nth-child(2){     left: 69px; margin-bottom: 12px; }
.timeline-new-box ul li:nth-child(3){     left: 26%; margin-bottom: 12px;}
.timeline-new-box ul li:nth-child(4){ left: 37%; margin-bottom: 12px;}
.timeline-new-box ul li:nth-child(5){     left: 57%; margin-bottom: 12px;}
.timeline-new-box ul li:nth-child(6){     left: 69%; margin-bottom: 40px;}
.timeline-new-box ul li:nth-child(7){ left: 83%; margin-bottom: 40px;}

.timeline-new-text{ display:  flex; justify-content: center; align-items: center; flex-flow: column; pointer-events: none;}
.timeline-new-text .timeline-new-dot-line{ border: 1px solid #684F6E; height: 75px;     transform-origin: top;}
.timeline-new-text .img{ margin-bottom: 15px;}
.timeline-new-dot{ padding: 15px; margin: -15px; cursor: pointer;}
.timeline-new-dot span{width: 34.37px; height: 34.37px; border: 1px solid #000; border-radius: 100%; background: #fff; position: relative; pointer-events: all; display: block; }
.timeline-new-dot span::after{content: ""; position:absolute;  top: 50%; left: 50%; transform: translate(-50% , -50%); width: 17px; height: 17px; background-color: #694E70; border: 1px solid #000; border-radius: 100%;}
.timeline-new-dot-date{ font-weight: 500; font-size: 20px; line-height: 24px; color: #000000; margin-top: 5px; pointer-events: all;}

.timeline-new-text-details{ display: block; position: relative;     width: 90px; margin-bottom: 25px;  height: 0;  opacity: 0; visibility: hidden; pointer-events: all; }
.timeline-new-text-details p{ position: relative; width: 400px; transform: translateX(-38%); -webkit-transform: translateX(-38%); text-align:center; font-style: normal; font-weight: 400; font-size: 14px; line-height: 23px; text-align: center; color: #000000; background: #f0f0f0; padding: 4px;}

.timeline-new-text-details::after{ content: ""; position: absolute; left: 50%; width:1px; background:#684F6E;     height: 152px; transform: translatex(-50%); top: 100%;}

.timeline-new-box ul li.active .timeline-new-text-details{ opacity: 1; visibility: visible; opacity: 1;height:auto; margin-bottom: 70px;}
.timeline-new-box ul li.active .timeline-new-dot-line{ transform: scaleY(2); -webkit-transform: scaleY(2);}
.timeline-new-box ul li.active .timeline-new-dot-date{ transform: translateY(70px);}
.timeline-new-box ul li.active .timeline-new-dot span{ box-shadow: 0 0 0 4px #694e70, 0 0 0 10px #eddcf1, 0 0 0 11px #cbb8d0, 0 0 0 15px #f0f0f0, 0 0 0 16px #e8e8e8 ;}

/*===============================16-04-2021====================================*/

.logos-inner {max-width: 900px; margin: 0 auto;}

.logos-inner .row{margin: 0 ;}
.logos-inner .col{ padding: 0;}
.clear-logo-parent{ padding-right: 70px;}
.logos-inner .clear-vs-box{ max-width: 100px;}
.clear-logo{width: 194px; height: 194px; background: #FFFFFF; border-radius: 10px; position: relative;  margin-left: auto;}
.clear-logo img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.clear-vs{font-weight: 300; font-size: 70px; line-height: 1.4; text-align: center; color: #C4C4C4;}
.small-logo-wrapper .d-flex{ justify-content: center; align-items: center;  margin: 0 -15px;}
.small-logo-wrapper ul{ display: flex; justify-content: center; align-items: center;flex-flow: column; padding: 0 15px;}
.small-logo-wrapper ul li{width: 100px; height: 100px; background: #ffffff; border-radius: 10px; position: relative; transition: 0.3s; -webkit-transition: 0.3s;}
.small-logo-wrapper ul li:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.small-logo-wrapper ul li + li{ margin-top: 15px;}
.small-logo-wrapper ul li img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.small-logo-wrapper{ padding-left: 70px;}
.small-logo-wrapper{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column;}


.reviews-img.preloader{ width: 100%;}

.plan-tab { margin-bottom: 80px; }
.plan-tab .nav { background: #fff; border: 1px solid #694e70; border-radius: 100px; margin: 0 auto; max-width: 410px; padding: 3px }
.plan-tab .nav a { font-weight: 500; font-size: 16px; line-height: 1.4; text-align: center; color: #939393; padding: 16px 25px; border-radius: 25px }
.plan-tab .nav li { flex: 0 0 50%; max-width: 50% }
.plan-tab .nav a.active { background: #694e70; color: #fff }

.hr-line{ border-bottom:1px solid #ddd; margin: 5px 0 20px;}



/* 25-02-2022 */
.cleaerco-banner:before{ background: url(../images/banner-topr-border.png)no-repeat right top; position: absolute; right:0; top:0; content:''; width: 848px; height: 699px;opacity: 0.3; }
.cleaerco-banner:after{ background:url(../images/banner-leftb-border.png)no-repeat left bottom; position: absolute; left:0; bottom:0; content:''; width: 360px; height: 327px;opacity: 0.3; }

/* 23-05-2022 legal page css */

.small-section {padding: 7rem 0;}
.text-end { text-align: right!important; }
.image-section .same-box-heading.mb-md-40 { margin-bottom: 50px; }
.image-section .same-box-heading.mb-md-40 a:after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: inherit; display: inline-block; margin-left: 5px; vertical-align: middle; }
.image-section .same-box-heading.mb-md-40 a { background: transparent; color: #694E70; text-align: left; padding: 0; border: none; }
.image-section .same-box-heading.mb-md-40 .icon-box { display: flex; height: 72px; align-items: center; }
.image-section .same-box-heading.mb-md-40 .icon-box img { height: 100%; }
.same-box-heading h5 { font-weight: 500; font-size: 28px; line-height: 1.5; color: #694E70; padding-bottom: 2rem; margin-bottom: 2rem; position: relative; }
.same-box-heading h5::after { content: ""; position: absolute; bottom: 0; left: 0; width: 7rem; height: 3px; background-color: #7a4c6a; }
.same-box-heading p { font-style: normal; font-weight: 500; font-size: 16px; line-height: 1.7; color: #3d3d3d; }
.inner-banner { padding: 8rem 0 ; background: url(../images/inner-banner-img.png) no-repeat top center/cover; min-height: auto;}
.inner-banner .banner-text h1{color:#fff; margin-bottom: 5px;}
.inner-banner .banner-text p{    font-weight: 400; font-size: 18px; line-height: 1.5; color: #fff; margin: 1rem auto; max-width: 90rem;}


.category-section { background: linear-gradient(to right, #fff 35%, #f2f2f2 65%);    padding: 7rem 0; }
.category-section .category-list li { margin-right: 1.5rem; }
.category-section .category-list li h3 { font-weight: 600; font-size: 20px; line-height: 25px; color: #000000; padding: 8px 0; word-break: break-all; }
.category-section .category-list li a { font-size: 15px; line-height: 20px; font-weight: 500; color: #3d3d3d; padding: 10px 0px; display: block; transition: 0.3s; border-right: solid 3px #fff; }
.category-section .category-list li a.active { border-color: #694E70; color: #694E70; }
.category-section .category-list li a:hover { color: #694E70; }
.category-section #left-side-close { background-color: transparent; color: #694E70; font-size: 25px; margin-left: auto; margin-bottom: 15px; display: block; outline: none !important; }
.category-section .same-box-heading h3 { font-weight: 700; font-size: 28px; line-height: 1.3; color: #694E70; margin: 1rem 0; }
.category-section .same-box-heading h2 { font-weight: 500; color: #694E70; font-size: 20px; line-height: 1.5; margin: 1rem 0; }
.category-section .same-box-heading h4 { font-weight: 500; color: #694E70; font-size: 20px; line-height: 1.5; margin: 1rem 0; }
.category-section .same-box-heading  ul{margin: 15px 0;}
.category-section .same-box-heading  ul li{font-weight: 500; font-size: 16px; line-height: 1.7; color: #3d3d3d; padding: 5px 0;}


.documents-box { border: 1px solid #cccccc; padding: 1rem 1rem 2rem; position: relative; border-radius: 5px; height: 100%; transition: 0.3s; -webkit-transition: 0.3s; background: #fff; display: block; }
.documents-box .doc-logo { width: 100%; max-width: 90px; margin: 0 0 20px auto; }
.documents-box h4 { font-weight: 700; font-size: 18px; line-height: 1.2; color: #694E70; margin: 0 0 7px 0 !important; }
.documents-box:hover { box-shadow: 0px 0px 10px rgba(105, 78, 112, 0.2); }
.same-box-heading .left-side-heading { font-size: 2rem; line-height: 1.6; color: #694E70; margin: 10px 0; }
.same-box-heading p + p {     margin-top: 16px;}

/* 01-07-2022 */
.download-stande-imgs .imgbx img{ border: 1px solid #CECECE; margin-bottom: 15px; }
.download-stande-imgs .imgbx:first-child { margin-right: 15px; }



/* 12-04-23 */
.static-blog-section .blog-card {margin-bottom: 40px;}
.static-blog-section .blog-card .img-box {    margin-bottom: 20px; display: block; height: 234px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; border: 1px solid #ddd; }
/* .static-blog-section .blog-card .img-box {    margin-bottom: 20px; display: block; height: 234px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; border: 1px solid #ddd; } */
.static-blog-section .blog-card .img-box img { display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.4s; -webkit-transition: 0.4s; }
.static-blog-section .blog-card .meta-post {margin-bottom:5px ;}
.static-blog-section .blog-card .entry-meta .lis_ul li { font-size: 12px; color: #714D71; padding-right: 6px; letter-spacing: initial; }
.static-blog-section .blog-card .entry-meta .meta-categories span img { max-width: 15px; vertical-align: middle; margin-right: 6px; filter: grayscale(1); -webkit-filter: grayscale(1); }
.static-blog-section .blog-card .entry-meta .lis_ul li  a { display: inline-block; color: #714D71; text-decoration: none; }
.static-blog-section .blog-card :is(h2,.heading-title) { font-size: 20px; font-weight: 500; color: #252525; text-transform: inherit; line-height: 1.4; margin-bottom: 10px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; min-height: 55px; }
.static-blog-section .blog-card :is(h2,.heading-title):hover{color: #714D71;}
.static-blog-section .blog-card h2:hover{color: #714D71;}
/* .static-blog-section .blog-card  .heading-title{ font-size: 20px; font-weight: 500; color: #252525; text-transform: inherit; line-height: 1.4; margin-bottom: 10px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; min-height: 55px; }
.static-blog-section .blog-card .heading-title:hover{color: #714D71;} */
.static-blog-section .blog-card .entry-content p {    font-size: 14px; color: #333333; font-weight: 500; margin-bottom: 30px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; }
.static-blog-section .blog-card .btn-primary {padding: 10px 24px;}
.static-blog-section .blog-card .btn-primary span { margin-left: 10px; display: inline-block;}
.static-blog-section .button_side{margin-top: 40px;}
.static-blog-section .blog-card p:empty { display: none; }

.clearco-banner-img .desktop-view {background: url(../images/clear-co-purple-banner.png) no-repeat top center/cover; padding: 7vw 0;}
.clearco-banner-img .desktop-view .container-fluid{    max-width: 90vw;}
.clearco-banner-img .desktop-view .content-box { text-align: center; }
.clearco-banner-img .desktop-view .super-sale-content .image-box  { text-align: center; }
.clearco-banner-img .desktop-view .content-box p { font-size: 1.1vw; color: #fff; font-weight: 400; line-height: normal; }
.clearco-banner-img .desktop-view .content-box .price-bx { font-size: 3.2vw; color: #fff; font-weight: bold; line-height: normal;  margin:0.5vw 0 1vw;}
.clearco-banner-img .desktop-view .content-box .price-bx sup { font-size: 2vw; left: 8px; top: -10px; font-weight: 900; }
.clearco-banner-img .desktop-view .middle-img-box { text-align: center; }
.clearco-banner-img .desktop-view .middle-img-box p { font-size: 0.8vw; color: #fff; line-height: 1.6; font-weight: 400; width: 100%; max-width: 474px; margin: 15px auto 0; }
.clearco-banner-img .desktop-view  .middle-img-box .sale-img { width: 100%; max-width: 24vw; margin: auto; }
.clearco-banner-img .desktop-view .content-box .btn-white { padding: 0.4vw 0.8vw; font-size: 0.75vw; }