/*
supptr css created by ahmetd
18.12.2021
*/
/*
@import "colors.css";
@import "sizes.css";
@import "custom-items.css";
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');

html {
  scroll-behavior: smooth;
  overflow-y:scroll;margin:0;
}

.clr{clear:both;}
a{text-decoration: none;}

:root{
  --red01: #ffecec;
  --red02 : #bf1e2d;/*bf1e2d*/
  --red03 :#eb1b1e;

  --green01 : #41b157;
  --green02: #2ca143;

  --blue01 : #f8f9fa;
  --blue02: #eef4f7;
  --blue03 : #2a76dd;
  --blue04 : #1560c7;

  --navy-blue : #1e2d5d;

  --yellow01 : #ffc107;
  --orange01 : #fbf3db;

  --background:#f4f6f8;
  --background02: #e9eef3;
  --purple: #7a2c75;
  --purple02: #523585;/*--mur: #9b2066;*/
  --blue01: #2a76dd;
  --blue-light: #d0e4fc/*e3f2fd*/;
  --blue-lightest: #f7f9fd;
  --dark-grey: #333333;
  --yellow:#ffc000;
  --yellow01 : #ffc107;
  --red: #eb1b1e;
  --soft-red: #f44336;/*#dc3545;*/
  --green: #28a745;
}

body{background: #f6f6f6;float:left;width:100%;height:100%;margin:0;padding:0;font-size: 12px;color:#000;
font-family: 'Open Sans', sans-serif;}

.errors{float: left;width: 60%;padding-bottom:15px;background: var(--soft-red);border-radius: 5px;}
.errors ul{float: left;}
.errors ul li {color: #fff;font-size: 12px;}

.hide{display: none;}
.show{display: block;}

.supptr-disabled-button{padding:10px;border:1px solid #eee;border-radius:5px;}
.disabled{background: #f5f5f5;}
input.disabled{background: #f5f5f5;}

.supptr-success-note{width: 50%;margin:15px auto;padding:15px;background: var(--green);border-radius: 5px;color:#fff}
.supptr-error-note{width: 50%;margin:15px auto;padding:15px;background: var(--soft-red);border-radius: 5px;color:#fff}
.supptr-note-delete{float: right;cursor:pointer;}
.supptr-warnings{transition:all 0.5s;}
.supptr-closed {max-height: 0;padding:0;}

.supptr-white-bg{background: #fff;}
.supptr-colored-bg{background: var(--background);}
.supptr-shadow{box-shadow:0px 5px 15px  #e1e0e0;}
.supptr-section-title{float: left;width: 100%;height: 30px;margin:30px auto;text-align: center;font-size: 30px;color:var(--purple); font-family: 'Ubuntu', arial;font-weight: 600;}

.supptr-warning-green{padding:10px 10px;background:#28a745;color:#fff;border-radius: 3px;}
.supptr-warning-blue{padding:10px 10px;background:#d0e4fc;color:#1e2125;border-radius: 3px;}
.supptr-warning-red{padding:10px 10px;background:#f3d8da;color:#431618;border-radius: 3px;}
.supptr-warning-yellow{background:var(--yellow01);padding:10px 20px;color:#000;border-radius:3px;}

.supptr-warning-green-text{width:30%;padding:10px 10px;background:transparent;color:#28a745;border-radius: 3px;font-weight: 600;}

.supptr-title-purple{margin:15px;padding:10px 10px;background:#eee;color:var(--purple);border-bottom:1px solid #eee;border-radius: 3px;}
.supptr-title-purple:hover{background:#e5e5e5;border-bottom:1px solid #ddd;}
.file-grey-bg{background: #f1f1f1; padding: 30px; border-radius: 5px;}

.line_eee{width:90%;height:2px;border-bottom: 1px solid #eee;margin:10px auto;}

section#supptr-lang-select-section{position:relative;float:left;width:100%;height:30px;padding:4px 0;background:#ffc9c9;}
.supptr-lang-select-holder{position:relative;width:30%;height:30px;margin:0 auto;}
/*#supptr-close-lang-select{position: absolute;right:0;top:6px;}
#supptr-close-lang-select img{width:20px;height:auto;cursor: pointer;color:#fff;}*/

section#supptr-top-spotlight-holder{float:left;position: relative;width:100%;position:relative;height:640px;background: var(--background);}

#supptr-logo-top-menu-outer{position:relative;width:100%;height:130px;margin:0;padding:0;background: var(--background);}
#supptr-circles-under-logo{position:absolute;top:-4px;left:5%;/*background: url(http://localhost/Ahmet/supptr/public/site/images/logo-arkasi-halkalar-small.png);*/}
#supptr-logo-top-menu-holder{width:80%;height:90px;position:relative;margin:0 auto;display:flex;justify-content: space-between;}
#supptr-logo{float:left;margin:15px 0;z-index:8;}
#supptr-logo img{width:200px;height:auto;}
.logo-slogan{/*width:100%;*/text-align: center;font-size: 10px;font-weight: 600;color:#444;margin-left:-4px;}

/* mobile menu */
	   
#mobile-menu-bar{display:none;}
#mobile-menu-links-holder{display:none;}
#supptr-top-menu-holder-mobile{display:none;}

#supptr-top-menu-holder{float:left;/*width:44%;margin:0 0 0 100px;*/border:0px solid #000;}
a.top-menu-link:link,a.top-menu-link:visited{float:left;margin:0 15px;padding:45px 6px 10px 6px;font-size:14px;color:var(--purple);border-radius:0 0 5px 5px;transition: all 0.3s;}
a.top-menu-link:hover{background:var(--purple);color:#fff;}

a.top-menu-link-active:link,a.top-menu-link-active:visited {float:left;margin:0 15px;padding:45px 6px 10px 6px;font-size:14px;background:var(--purple);color:#fff;border-radius:0 0 5px 5px;transition: all 0.3s;}

#others-sub{width:100%;margin:20px auto;}
#others-sub-mobile{width:100%;margin:20px auto;}

a.top-menu-sub-link:link,a.top-menu-sub-link:visited{background:transparent;color:var(--purple);border:1px solid var(--purple);border-radius:5px;padding:4px 10px;margin:10px 5px;}
a.top-menu-sub-link:hover{background:var(--purple);color:#fff;}

a.top-menu-sub-link-active:link,a.top-menu-sub-link-active:visited{background:var(--purple);color:#fff;border:1px solid var(--purple);border-radius:5px;padding:4px 10px;margin:10px 5px;}

#supptr-log-reg-holder{float:right;width:210px;margin-top:30px;}
a.giris:link,a.giris:visited{float:left;width:90px;background:#fff;color:var(--purple);margin:0 5px;padding:10px 0;border:1px solid #e1e1e1;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.giris:hover{border:1px solid var(--purple);}
a.kayit:link,a.kayit:visited{float:left;width:90px;border:1px solid var(--purple);background:var(--purple);color:#fff;margin:0 5px;padding:10px 0;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.kayit:hover{background: transparent;color:var(--purple);}

#supptr-log-in-out-holder{float:right;width:20%;margin:30px;margin-right: 0;display:flex;justify-content: flex-end;align-items: center;}
a.hello:link,a.hello:visited{display:flex;justify-content: space-between; align-items: center; float:left;background:#fff;color:var(--purple);margin:0 5px;padding:10px 10px;border:1px solid #e1e1e1;border-radius:5px;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.hello:hover{border:1px solid var(--purple);}
a.bye:link,a.bye:visited{float:right;border:1px solid var(--red);background:var(--red);color:#fff;margin:0 5px;padding:10px;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.bye:hover{background: transparent;color:var(--red);}

.logout-icon{width:20px;fill:#fff;}
a.bye:hover .logout-icon{fill:var(--red);}
.notif-bell {float: right;margin-right: 6px;margin-top: 8px;font-size: 14px;}
.notif-bell-grey {float: right;margin-right: 6px;margin-top: 4px;font-size: 14px;color:#666;}
#supptr-top-bar-alert {position: relative;float: left;text-align: left;z-index: 9;}
#supptr-top-bar-alert-notif-number {position: absolute;top: -4px;right: -6px;color: var(--purple);border: 1px solid var(--purple);border-radius: 180%;font-size: 10px;width: 16px;height: 16px;text-align: center;z-index: 1;}

/* The Modal (background) */
.modal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
    z-index: 9;
}

/* The Close Button */
.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}

.close:hover,
.close:focus {color: black;text-decoration: none;cursor: pointer;}

#supptr-spotlight{width:80%;margin:90px auto;height:120px;position:relative;}
#supptr-spotlight-dot{position:absolute;top:-30%;right:10%;}
#supptr-spotlight-text{text-align:center;font-family: 'Ubuntu', arial; font-size:48px;}
/*a.spotlight-link:link, a.spotlight-link:visited{font-weight:400;font-size:18px;}*/
.spotlight-trigger{font-size:14px;font-weight:400;}
.spotlight-trigger-note{font-size:14px;font-weight:400;}

#supptr-search-company-home{width:40%;height:45px;margin:30px auto;display: flex;justify-content: center;;}
.supptr-filter-search-holder-home{float:left;margin:0 30px 0 0;/*margin-left:1%;*/}
.supptr-filter-search-holder-home input{height:20px;width:90%;background:transparent;border:1px solid var(--background);border-bottom:1px solid var(--purple);padding:10px;outline: none;}


/*#supptr-spotlight-yellow-line{width:30%;height:1px;margin:90px auto;background-color:var(--yellow);}*/

#supptr-spotlight-right-sinlge-circle{position: absolute;bottom:10%;right:0;}


#wave{position: absolute;bottom:-16px;left:0;float:left;width:100%;height:auto;/*margin:-180px 0 0 -15px;*//*background-image: url(http://localhost/Ahmet/supptr/public/site/images/wave.svg);background-position: left;background-repeat: no-repeat;*/z-index:8;background-color: transparent;}

.supptr-content-outer-home{float:left;width: 100%;height: 100%;margin-top:0;padding-top:30px;padding-bottom:0;margin-bottom:0;}
.supptr-content-inner-home{width:80%;height:100%;margin:10px auto;padding:10px;border: 0px solid #eee;border-radius: 5px;}
.supptr-content-inner-site{width:80%;height:100%;margin:30px auto;padding:10px 10px 30px 10px;overflow:auto;border: 0px solid #eee;border-radius: 5px;}
.white-bg{background:#fff;}

#supptr-home-country-select-area{width:80%;height:100%;padding-bottom: 30px;margin:0 auto;position: relative;}
#country-select-note{font-size:12px;font-style: italic;color:#333;text-align:center;}

.supptr-home-ads-area{width: 90%;height:200px;margin:10px auto;background: #5674b9;display: flex; justify-content: center;align-items: center;color:#fff;font-size:14px;border-radius:5px;}
.supptr-home-ads-area img{float:left;width:100%;height:auto;}

/*home latest news*/
.supptr-home-news-holder{width:80%;margin:0 auto;height:100%;padding:30px 0;/*justify-content: center;*/}
.supptr-home-news-card{float: left;position: relative;width:23%;height: 300px;margin:30px 8px 0 8px;border:1px solid #eee;border-radius: 5px;transition:all 0.3s;}
.supptr-home-news-card:hover{border:1px solid var(--purple);box-shadow: 5px 5px 10px 10px #eee;}
.supptr-home-news-cover-image{float:left;width: 100%;height:150px;margin:0 auto;}
.supptr-home-news-cover-image img{float:left;/*width: 100%;*/height:auto;max-height: 150px;margin:0 auto;}
.supptr-home-news-content-area{float: left;width: 90%;padding:5px 10px;box-sizing:border-box;}
.supptr-home-news-content-area .supptr-home-news-title{color:var(--purple);border-bottom:1px dotted var(--purple);float:left;width:96%;margin:5px 0 0 0;padding:5px 0;font-size:14px;font-weight: 600;}
.supptr-home-news-title a:link,.supptr-news-title a:visited{color:var(--purple);}

.supptr-home-news-content-area .news-text{color:#222;margin-top:10px;}
.supptr-home-news-box-footer{float:left;width:100%;position: absolute;bottom:0;left:0;height:35px;padding:10px 0 15px 10px;box-sizing:border-box;background:#f5f5f5;border-radius:0 0 3px 3px;color:var(--purple); font-size:10px;}

#news-more-button{display:table;margin:30px auto;padding: 10px 15px;text-align:center;font-weight: bold;border:1px solid var(--purple); background:var(--purple);color:#fff;border-radius: 3px;cursor: pointer;transition: all 0.3s;}
#news-more-button:hover{border:1px solid var(--purple02); background:var(--purple02);color:#fff; box-shadow: 5px 5px 10px 10px #eee;}

#supptr-home-latest-members{width: 100%;height:100%;margin:0 auto;padding:0 0 10px 0;}
.supptr-home-latest-companies-box{position: relative;float: left;width: 17%;height: 180px; margin:0 10px;border:1px solid var(--background02);border-radius:5px;transition: 0.3s;background: #fff;}
.supptr-home-latest-companies-box:hover{border:1px solid var(--purple);box-shadow:0px 0px 15px  #e1e0e0;}
.supptr-home-latest-companies-box-image{margin:10px auto; width: 120px;height:90px;display:flex;justify-content:center;align-items:center;}
.supptr-home-latest-companies-box-image img{max-width: 100%;max-height: 100%;border-radius: 3px;}
.supptr-home-latest-companies-box-title{position: absolute;bottom:30px;left:0;width: 100%;height: 30px;padding:0 5px;box-sizing:border-box;text-align: center;font-size: 11px;color:var(--purple);}

.supptr-trigger-button-holder{width:100%;margin-top:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;}
a.supptr-trigger-link:link, a.supptr-trigger-link:visited{color: #fff;background: var(--purple);border:1px solid var(--purple);border-radius: 10px;padding: 4px 10px}
a.supptr-trigger-link:hover{background:transparent;color:var(--purple);}

#supptr-home-latest-offers{position:relative;width: 100%;height:220px;margin:30px auto;padding:0;}
#supptr-home-lists{width:90%;height: 100%;margin: 0 auto;padding:0;overflow: auto;}
.supptr-home-list-item{float:left;width: 30%;height: 120px;margin: 15px;padding: 10px 5px;background:rgba(255,255,255, 1);border:1px solid #f1f1f1;box-sizing: border-box;}
.supptr-home-list-item:hover{background:rgba(255,255,255, 1);box-shadow:0px 0px 15px  #e1e0e0;}
.supptr-home-list-item-content-part {float: left;width: 60%;height: 90px;margin-left:5px;padding:5px 5px;}

.supptr-home-list-item-image{float:left; width:100px;height:100px;background:#f7f7f7;text-align:center;display:flex;justify-content:center;align-items:center;}
.supptr-home-list-item-image img{float:left; width:100px;height:100px;}
.supptr-home-list-item-content{float:left;width:90%; margin-top:10px;}
.supptr-home-list-item-title{float: left;width: 90%;font-size: 14px;font-weight: 600;color:var(--purple);}
.supptr-home-list-type{float: right;width:10%;margin-left:10px;margin-top:-5px;padding:10px;border-left:1px solid var(--purple);}

.supptr-home-list-more{float:left;width: 30%;height: 130px;margin: 15px;padding: 10px;background:transparent;box-sizing: border-box;border-radius:3px;}
a.supptr-home-list-more-link:link,a.supptr-home-list-more-link:visited{float:left;text-decoration: none;color:var(--purple);font-size:16px;margin-top:15%;margin-left:15%;font-weight: 600;}

.supptr-home-list-more:hover{background:var(--purple);transition: 0.3s;}
.supptr-home-list-more:hover a{color:#fff;}

#supptr-home-latest-products{position:relative;width: 100%;height:100%;margin:30px auto;padding:0;}
#supptr-home-latest-services{position:relative;width: 100%;height:100%;margin:30px auto;padding:0;}

.tooltip {position: relative;display: inline-block;cursor: default;}
.tooltiptext {visibility: hidden;width:200px;font-size:12px;font-weight:300;color: var(--purple);text-align: left;padding: 5px 8px;position: absolute;z-index: 1;left: 60%; /* sağa kaydır */transform: translateY(-50%);}

.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}

#supptr-content-inner-left-col{float:left;width:200px;/*height:700px;*/border:1px solid #eee;margin:30px 0 0 0;/*background: #5674b9;display: flex; justify-content: center;align-items: center;color:#fff;font-size:14px;*/}
#supptr-content-inner-center-col{position: relative; float: left;width:80%;height:100%;margin:15px 0 0 2%;}
/*#supptr-content-inner-center-col-news{position: relative; float: left;width:96%;height:100%;margin:30px 0 0 2%;}*/

.ads-container{float:left;width:180px;margin:10px 0 10px 10px;}
.left_col_ad_image{width:160px;}

.supptr-form-group{float:left;height:100%;padding:15px 10px;}
.supptr-form-group label{float:left;font-size:14px;color:#232323;display: inline-block;margin-bottom: .5rem;}
.supptr-form-input{float:left;height: 30px;display: block;color: #495057;background-color: #fff;
	border:0px;border: 1px solid #e1e1e1;border-radius: 5px;}
	.supptr-form-input:focus{background-color: #fdf6db;outline:0px;}
.supptr-form-input:focus::placeholder {color: #888;opacity: 1; /* Firefox */}
.supptr-form-input:focus::-ms-input-placeholder { color: #888; /* Microsoft Edge */ }

.supptr-form-input:disabled{background:#eee;}
.supptr-form-group small{display:block;color:#343434;}

.supptr-form-select {float:left;height:30px;border:1px solid #ccc;border-radius:3px;background:#fff;}
.supptr-form-textarea{float:left;width: 100%;;height:100px;border:1px solid #ccc;border-radius:3px;padding:0;}
.supptr-form-select-warning{float: left;height: 30px;border: 1px solid #db0000;border-radius: 3px;background: #fee;}

/* login -register pages */
.supptr-register-page-notes{width:60%;margin:10px auto;color:var(--purple);background:#f5f5f5;border-radius:5px;padding:10px;box-sizing: border-box;}
.supptr-register-page-title{width:80%;margin:0 auto;color:var(--purple);padding:10px;}
#register-area{display: block;width:80%;height:100%;margin:0 auto;padding-bottom:10px;}
#login-area{width:50%;height:100%;margin:30px auto;}
.register-input-area{float:left;width:45%;height:100px;padding:10px;box-sizing: border-box;}
.register-login-label{float:left;height: 18px;margin:2px;font-size:12px;color:var(--purple);}
.login-input{float:left;height:45px;line-height: 18px;border-top:none;border-right:none;border:1px solid #eadae9;background:#fff;}
.login-input:focus{border:1px solid #e1c6e0;outline: none;box-shadow: 0 0 1px #e1c6e0;}

.register-input{float:left;height:45px;line-height: 18px;border-top:none;border-right:none;border:1px solid #eadae9;background:#fff;}
.register-input:focus{border:1px solid #e1c6e0;outline: none;box-shadow: 0 0 1px #e1c6e0;}
.register-input::placeholder{color:#888;}

#register-company-area{display: block;height:100%;margin:30px auto;padding-bottom:10px;}
.register-company-input{float:left;height:45px;line-height: 18px;border-bottom:1px solid var(--purple);border-top:0px solid var(--purple);border-right:0px solid var(--purple);border-left:0px solid var(--purple);}
.register-company-input:focus{outline: none;}

#captcha-one{float:left; width:90%;}
#captchaCanvas{float:left;}
#refreshCaptcha{float:left;margin-top:10px;background: #fff;border: 1px solid var(--purple);color: var(--purple);border-radius: 3px;padding: 4px 6px;cursor:pointer;}

#captcha-two{float:left; width:90%; margin-top:15px;}
#captcha-two input{background: #fff;border: 1px solid var(--purple);color: var(--purple);border-radius: 3px;padding: 4px 6px;}

#supptr-register-note-area{width:80%;margin:30px auto;font-size:14px;line-height:24px;}

#register-button{display:block;float:left;margin-top:15px;margin-left:10%;width:30%;padding: 10px 15px;background: var(--purple);border:1px solid var(--purple);border-radius: 3px;color:#fff;cursor: pointer;transition: all 0.3s;}
#register-button:hover{background: #fff;color:var(--purple);}

#login-button{display:block;float:left;margin-top:15px;margin-left:10px;padding: 10px 15px;background: var(--purple);border:1px solid var(--purple);border-radius: 3px;color:#fff;cursor: pointer;transition: all 0.5s;}
#login-button:hover{background: var(--purple02);color:#fff;}

#register-login-area .note{display: block;width:80%;margin:10px auto;}

/* inner pages */
section#supptr-top-holder{float:left;width:100%;position:relative;height:150px;background: var(--background);}
#supptr-site-search-warning{float:left;width:80%;margin-top:6px; margin-left:3%; background:var(--purple);border-radius:5px;padding:10px;box-sizing: border-box;color:#fff;}

/* ABOUT */
.supptr-s{width:60px;}
    
.supptr-about-content-area{position:relative;width:100%;margin:30px auto;}
.about-main-slogan{float:left;width:35%;font-size:36px;font-weight:700;background:var(--purple);color:#fff;border-right:0px solid #c6b9dd;text-align:center;margin-left:-15px;padding:30px 30px 45px 5%;border-radius:0 5px 5px 0;}
.about-main-text{float:left; width:50%;font-size:24px;padding:45px 30px;/*background:#f1f1f1;*/font-weight:300;color:var(--purple);}
/*.purple2{color:var(--purple02);}*/
    
.supptr-about{margin:30px 10px;font-size:14px;}
    
.supptr-about{padding:30px 15px;font-size:18px;font-weight:300;border-radius:3px;}
.supptr-about:nth-of-type(odd) {float:left;width:60%;margin-left:20%;background-color: #f5f5f5;}
.supptr-about:nth-of-type(even) {float:right;width:60%;margin-right:10%;background-color: #f5f5f5;}

.supptr-about-content-area{width:80%;margin:30px auto;}
    
/* Style the buttons that are used to open and close the accordion panel */
.accordion {background-color: #f4f4f4;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s;}
.accordion-active, .accordion:hover {background-color: var(--purple);color:#fff;}
.accordion:after {content: '\002B';color: #777;font-size:21px;font-weight: bold;float: right;margin-left: 5px;}
.accordion-active:after {content: "\2212";color:#fff;}
.accordion:hover:after{color: #fff;}
.panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}

/* DASHBOARD */
a.notification-link:link, a.notification-link:visited{color:var(--purple);}


/* COMPANIES */

.supptr-horizontal-list-item-self{float:left;width:98%;height:100%;margin:10px 0;padding:10px; box-sizing: border-box;border:1px solid #eee;transition: all 0.3s;}
.supptr-horizontal-list-item-self:hover {border: 1px solid #e1e1e1;box-shadow: 0px 0px 20px #ddd;}
.supptr-horizontal-list-item-image-self{float: left; width:90px;height:60px;}
.supptr-horizontal-list-item-image-self img{width: 70%;height:auto;border-radius:5px;}

.supptr-no-logo-small-self{width: 70px; height:70px;background:#eee;color:#333;border-radius:5px;text-align:center;padding-top:30%;box-sizing: border-box;}


.supptr-horizontal-list-item{position: relative;float:left;width:98%;height:100%;margin:10px 0;padding:10px; box-sizing: border-box;border:1px solid #eee;transition: all 0.3s;}
.supptr-horizontal-list-item:hover {border: 1px solid #e1e1e1;box-shadow: 0px 0px 20px #ddd;}
.supptr-horizontal-list-item-image{float: left; width:90px;height:90px;display: flex;justify-content: center;align-items: center;}
.supptr-horizontal-list-item-image img{width: 100%;height:auto;border-radius:5px;}
.supptr-horizontal-list-item-content-area{float: left;width:65%;margin-left: 20px;}
.supptr-horizontal-list-item-title{float:left;font-size:12px;font-weight: 600;}
.supptr-horizontal-list-item-sector{float:left;font-size:11px;font-weight: 400;color:#777;margin:2px 0 0 0;}
a.supptr-horizontal-list-item-title-link:link, a.supptr-horizontal-title-link:visited{color:var(--purple);}
a.supptr-horizontal-list-item-title-link:hover{border-bottom: 1px dotted var(--purple);}

.supptr-horizontal-list-item-company{position:absolute;bottom:0;left:0;width:100%;height:35px;background: #f7f7f7;padding:10px;box-sizing: border-box;font-size:10px;border-radius: 0 0 5px 5px;}

.supptr-horizontal-list-item-half{position: relative;float:left;width:47%;height:180px;margin:10px 5px;padding:30px 10px; box-sizing: border-box;border:1px solid #eee;transition: all 0.3s;}

.supptr-horizontal-list-item-right{float:right;width:17%;display:flex;flex-direction: column; flex-wrap: wrap;justify-content: center;align-items: flex-end;}
.supptr_company_follow{position:absolute;right:5px;top:10px;}
.supptr_company_note_down{position:absolute;right:5px;top:50px;color:var(--purple);}

#company-search-keyword-holder{width: 200px;height: 60px;}
#company_search_sector_holder{width: 300px;height: 60px;}
.hide_zero {height: 0;}

/*list box*/
.supptr-company-list-box-item{float:left;width:98%;height:100%;margin:10px 0;padding:10px; box-sizing: border-box;border:1px solid #eee;transition: all 0.3s;}
.supptr-company-list-box-item:hover {border: 1px solid #e1e1e1;box-shadow: 0px 0px 20px #ddd;}
.supptr-company-list-box-image{float: left; width:90px;height:90px;}
.supptr-company-list-box-image img{width: 100%;height:auto;border-radius:5px;}
.supptr-company-list-box-content-area{float: left;/*width:65%;*/margin-left: 20px;}
.supptr-company-list-box-title{float:left;font-size:16px;font-weight: 600;}
.supptr-company-list-box-sector{float:left;font-size:11px;font-weight: 400;color:#777;margin:2px 0 0 0;}
/*list box ends*/

.supptr-company-detail-item{float:left;width:82%;height:100%;margin:0 0 0 0;}
.supptr-company-detail-image-holder{float: left; width:150px;height:150px;border: 1px solid #eee;border-radius:3px;display: flex;justify-content: center;align-items: center;flex-wrap:wrap;}
.supptr-company-detail-image{float: left; width:150px;height:150px;border: 0px solid #eee;border-radius:3px;display: flex;justify-content: center;align-items: center;}
/*.supptr-company-detail-image{float: left; width:150px;height:150px;border: 1px solid #eee;border-radius:3px;display: flex;justify-content: center;align-items: center;}*/
.supptr-company-detail-image img{width: 100%;height:auto;border-radius:5px;}

.supptr-no-logo{width: 150px; height:150px;background:#eee;color:#333;border-radius:5px;text-align:center;padding-top:30%;box-sizing: border-box;}
.supptr-no-logo-small{width: 90px; height:90px;background:#eee;color:#333;border-radius:5px;text-align:center;padding-top:30%;box-sizing: border-box;}

.supptr-company-detail-content-area{float: left;width:65%;margin-left: 20px;}
.supptr-company-detail-title{font-size: 18px;font-weight: 600;color:var(--purple);}
.supptr-company-detail-icon{font-size: 12px;color:var(--purple);}
.supptr-company-detail-title a:link,.supptr-company-detail-title a:visited{color:var(--purple);}
#supptr-company-about-text-holder{float:left;margin-top:10px;}

a.external-link:link,a.external-link:visited{text-decoration:none;color:#000;font-weight:600;}
#externalLinkModal {position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;z-index: 9999;}
.external-link-modal-content {background: white;padding: 20px 30px;border-radius: 6px;text-align: center;max-width: 400px;}
.external-link-modal-content button {margin-top: 15px;margin-right: 5px;padding: 6px 12px;border-radius: 4px;cursor: pointer;}
#proceedBtn {background-color:#fff;color: var(--purple);border: 1px solid var(--purple);}
#cancelBtn {background-color: var(--purple);color: white;border: 1px solid var(--purple);margin-left:10px;}

a.company-detail-link:link,a.company-detail-link:visited{color:#000;}
a.company-detail-link:hover{border-bottom:1px dotted #000;}

.supptr-horizontal-list-right{float:right;margin:10px 0 0 0;text-align:center;}
.supptr_company_follow{float:right;padding:8px 8px;}
.supptr_company_follow i{font-size: 24px;}

.supptr-company-detail-right{float: right;width: 17%;font-size:11px;display: flex;flex-wrap: wrap;justify-content: right;align-items: center;text-align:right;}

#tab-extra-menu-link{font-size:22px;margin-top:-12px;}
#supptr-company-detail-extra-menu-area{float:left;width:100%;height:100%;padding:10px;box-sizing: border-box;}
  
#location-filters-holder{float:left; width:100%;height:60px;margin:30px auto;border-bottom: 1px solid #ddd; overflow:hidden;display:flex; justify-content:center;flex-wrap:wrap;}
#show-all-location-filters-link-holder{width:190px;margin:5px auto;}
a.show-all-location-filters{color:var(--purple);}

#reset-search{float:left;margin:10px 0 0 30px;}

a.location-filters:link, a.location-filters:visited{float:left;margin:5px;padding:4px 6px;border:1px solid var(--purple);border-radius:15px;color:var(--purple);}
a.location-filters:hover{background: var(--purple);color:#fff;}
.is-hidden {display: none;}
.selected-location-filter{float:left;margin:5px;padding:4px 6px;border:1px solid var(--purple);background:var(--purple);color:#fff !important;border-radius:15px;}

.supptr-product-list-item{float:left;width:100%;height:100%;margin:5px 0;padding:5px; box-sizing: border-box;border:1px solid #eee;}
.supptr-product-list-item-mpc-sub-menu{float:left;width:80%;height:100%;margin:5px 0;margin-left:30px;padding:10px; box-sizing: border-box;border:1px solid #eee;border-left:2px solid #bbb;}
.supptr-product-list-item-menu-sub-ms{float:left;width:80%;height:100%;margin:5px 0;margin-left:60px;padding:10px; box-sizing: border-box;border:1px solid #eee;border-left:2px solid #bbb;}

.supptr-product-list-image{float: left; width:90px;height:90px;}
.supptr-product-list-image img{width: 100%;height:auto;border-radius:5px;}
.supptr-product-list-content-area{float: left;margin-left: 20px;padding-top: 10px;box-sizing: border-box;}

/*.supptr-company-detail-catalog-holder{float:left;width:100%;height:100%;margin:30px 0;}*/

.supptr-company-reference-box {float:left;width:230px;height:170px;margin:5px;padding:5px;border:1px solid #eee;}
.supptr-company-reference-box-title{float:left;font-weight:600;font-size:12px;color:var(--purple);}
.supptr-company-reference-box img{width:70%;height:auto;margin:10px auto;}

.supptr-company-certificate-box {float:left;width:300px;height:240px;margin:5px;padding:5px;border:1px solid #eee;}
.supptr-company-certificate-box-title{float:left;font-weight:600;font-size:12px;color:var(--purple);}
.supptr-company-certificate-box img{width:60%;height:auto;margin:10px auto;}

.hand{cursor: -webkit-grab; cursor: grab;}

/* Style the tab */
.tab {float: left;width: 97%;overflow: hidden;padding:10px 0 10px 5px;box-sizing: border-box;border: 0px solid #eee/*#bf1e2d*/;border-bottom:0px solid #f1e5f9;border-radius: 3px 3px 0 0; /*background-color: #fafafa/*#f9f6f ;*//*margin-top: 15px;*/}

.tab {float: left;width: 97%;overflow: hidden;padding:10px 0 10px 5px;box-sizing: border-box;border: 0px solid #eee/*#bf1e2d*/;border-bottom:0px solid #f1e5f9;border-radius: 3px 3px 0 0; /*background-color: #fafafa/*#f9f6f ;*//*margin-top: 15px;*/}

.tab-company-detail {float: left;width: 97%;overflow: hidden;padding:10px 0 10px 5px;box-sizing: border-box;border: 0px solid #eee/*#bf1e2d*/;border-bottom:0px solid #f1e5f9;border-radius: 3px 3px 0 0; background-color: #fafafa;/*margin-top: 15px;*/}

/* Style the buttons inside the tab */
.tab button {background-color: #f5eff4;color: #7a2c75;float: left;border: none;outline: none;cursor: pointer;padding: 10px 15px;transition: 0.3s;font-size: 12px;margin:0 6px 0 0;border-radius:3px;}

/* Change background color of buttons on hover */
.tab button:hover {color:#fff;background-color: var(--purple);/*#dc5966*/;border-radius:3px;}

/* Create an active/current tablink class */
.tab button.active {color:#fff;background-color: var(--purple);/*#bf1e2d*/;border-radius:3px;position: relative;}

/* Style the tab content */
.tabcontent {display: none;float:left;width:100%;margin-top:3px;padding: 15px 5px 5px 5px;box-sizing: border-box;border: 0px solid #ccc;border-top: none;clear:both;background:#7a2c7514;height:100%; /*90px;*/border-radius:5px;}
#sectorSearch{padding-bottom:15px;}

/* TAB LANG */
.tab-about {float: left;overflow: hidden;border: 0px solid #eee/*#bf1e2d*/;background-color: transparent/*#f9f6fb*/;margin-top: 5px;}
.tab-about button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 7px 8px;transition: 0.3s;font-size: 12px;margin:0 10px 0 0;border:1px solid #eee;border-radius:3px;}
.tab-about button:hover {color:#fff;background-color: var(--purple);/*#dc5966*/;border-radius:3px;}
.tab-about button.active {color:#fff;background-color: var(--purple);/*#bf1e2d*/;border:1px solid var(--purple);border-radius:3px;position: relative;}
.tabcontent_about {display: none;padding: 6px 10px;border: 0px solid #ccc;border-top: none;clear:both;background:#f9f9f9;margin-top:4px;}

#supptr-company-filter{float:left;width:95%;height: 60px;border:0px solid #eee;margin:0 0 10px 1%;padding:10px;box-sizing:border-box;}

#supptr-filter-button-holder{float:left;/*width:25%;*//*margin-top: 10px;*/}
#supptr-filter-button{float:left;width:90px;background:#fff;color:var(--purple);margin:0 5px;padding:10px 0;border:1px solid #e1e1e1;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;cursor:pointer;transition: all 0.3s;}
#supptr-filter-button:hover{border:1px solid var(--purple);}

#supptr-filter-button-one{float:left;width:90px;background:#fff;color:var(--purple);margin:0 5px;padding:10px 0;border:1px solid #e1e1e1;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;cursor:pointer;transition: all 0.3s;}
#supptr-filter-button-one:hover{border:1px solid var(--purple);}

#supptr-filter-button-two{float:left;width:90px;background:#fff;color:var(--purple);margin:0 5px;padding:10px 0;border:1px solid #e1e1e1;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;cursor:pointer;transition: all 0.3s;}
#supptr-filter-button-two:hover{border:1px solid var(--purple);}

#supptr-site-filter-area{float:left;width:100%;height: 100%;border:0px solid #eee;margin:0 0 10px 0;/*padding:10px;*/box-sizing:border-box;}
#supptr-company-search-keyword-area{position: relative;float:left;width:90%;margin-left:2%;}
#supptr-company-search-extras{float:left;width:90%;margin-left:2%;}
#supptr-company-search-button-area{float:left;width:18%;margin-left:2%;}

.change-search{float:left;margin:15px 15px 0 0;border:1px solid #eee;padding:4px 8px;border-radius:30px;background:#fbfbfb;color:var(--purple);transition:all 0.3s linear;}
.change-search:hover{border:1px solid #e1d8e0;background:#fafafa;box-shadow:0 0 10px #eee;}

.supptr-filter-search-holder{float:left;width:29%;margin:0 15px 0 0;/*margin-left:1%;*/}
.supptr-filter-search-holder input{float:left;height:15px;width:90%;margin:0 0;background:#fff;border:1px solid #bbb;border-radius: 5px;padding:10px;}
.supptr-filter-select-holder{float:left;margin:0 15px;/*width:25%;*//*margin: 10px 0 0 10px;*/}
.supptr-filter-select{float: left;/*width:80%;*/height:40px;background:#fff;border:1px solid #bbb;border-radius: 5px;}

.disabled-select {
    pointer-events: none;
    cursor: not-allowed;
float: left;width:80%;height:40px;background:#f5f5f5;border:1px solid #eee;border-radius: 5px;padding:10px;
}

a.tablinks:link,a.tablinks:visited{float:left;margin:0 4px; padding:10px;}
a.tablinks:link:hover{background:#e1e1e1;border-radius: 3px;}
a.tablinks:nth-child(1){margin-left:0;border-radius:3px;}
a.tablinks-active{background:var(--purple);color:#fff;border-radius: 3px;}

/* OFFERS */
.supptr-offer-item{position: relative;float:left;width:100%;height:100%;border:1px solid #eee;transition:all 0.5s;margin:10px 0 20px 0;}
.supptr-offer-item:hover{border:1px solid #e1e1e1;box-shadow: 10px 10px 10px #eee;}
.supptr-offer-item-left{float:left;width:75%;}
.supptr-offer-item-title-area{float:left;width: 100%;height:45px;padding:10px;box-sizing: border-box;}
a.offer-title-link:link,a.offer-title-link:hover{color:var(--purple);}
.offer-title-info{font-size:12px;color:#ccc;}
.supptr-offer-item-extra-info-area{/*position: absolute;bottom: 0;left: 0;*/padding:6px;box-sizing: border-box;border-top: 1px solid #f5f5f5;}

.supptr-offer-item-right{float:right;width:20%;height:100%;margin-left:3%;box-sizing: border-box;padding:10px 0 0 30px;}

a.fav_button:link, a.fav_button:visited{float:right;margin:15px 10px 0 0;/*color:var(--purple);*/border:1px solid var(--purple);border-radius:3px;padding:5px 10px;}

.supptr_fav{float:right;text-align:center;margin:10px 10px 0 0;border:1px solid var(--purple);border-radius: 5px;padding:10px;color:var(--purple);font-weight:600;cursor:pointer;transition: all 0.3s;}
.supptr_fav:hover{background: var(--purple);border:1px solid var(--purple);color:#fff;font-weight: 600;}
.supptr_faved{float:right;text-align:center;margin:10px 10px 0 0;border:1px solid var(--purple);border-radius: 5px;padding:10px;background: var(--purple);color:#fff;font-weight:600;cursor:pointer;transition: all 0.3s;}

/*
.supptr_product_fav{float:right;text-align:center;margin:10px 10px 0 0;border:1px solid var(--purple);border-radius: 5px;padding:10px;color:var(--purple);font-weight:600;cursor:pointer;transition: all 0.3s;}
.supptr_product_fav:hover{background: var(--purple);border:1px solid var(--purple);color:#fff;font-weight: 600;}
.supptr_product_faved{float:right;text-align:center;margin:10px 10px 0 0;border:1px solid var(--purple);border-radius: 5px;padding:10px;background: var(--purple);color:#fff;font-weight:600;cursor:pointer;transition: all 0.3s;}*/

.supptr_applied_icon {float:left;margin:2px 6px;font-size:22px;color:var(--green);}

.offer-submit{float:right;margin:10px;background: transparent;border:1px solid var(--purple);color:var(--purple);border-radius: 5px;padding:10px;color:var(--purple);font-weight: 600;cursor:pointer;transition: all 0.3s;}
.offer-submit:hover{background: var(--purple);border:1px solid var(--purple);color:#fff;font-weight: 600;}

.supptr-offer-item-detail{position: relative;float:left;width:100%;height:100%;border:1px solid #f5f5f5;transition:all 0.5s;margin:10px 0 20px 0;background:#fff;}
.supptr-offer-item-extra-info-area-detail{float:left;width: 75%;height:30px;padding:6px;box-sizing: border-box;border-top: 1px solid #f5f5f5;}

.supptr-offer-detail-images{position: relative;float:left;width:120px;height:120px;margin:10px;border:1px solid #eee;border-radius:5px;}
.supptr-offer-detail-images img{width:90%;height:auto;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

#supptr-offer-form-area{float: left;width: 90%;height: 100%;margin: 10px;display: none;}

.supptr-offer-form-group{float:left;height:100%;padding:15px;margin:10px 0 0 10px;background:#f7f7f7;}
.supptr-offer-form-group:hover{background:#f1f1f1;}
.supptr-offer-form-group label{float:left;font-size:14px;color:#444;display: inline-block;margin-bottom: .5rem;}
.supptr-offer-form-input{float:left;height: 30px;display: block;color: #495057;background-color: #fff;
  border:0px;border: 1px solid #ccc;border-radius: 3px;}
  .supptr-offer-form-input:focus{background-color: #fdf6db;outline:0px;}
.supptr-offer-form-input:focus::placeholder {color: #888;opacity: 1; /* Firefox */}
.supptr-offer-form-input:focus::-ms-input-placeholder { color: #888; /* Microsoft Edge */ }

.supptr-offer-form-group small{display:block;color:#343434;}

.supptr-offer-form-select {float:left;height:30px;border:1px solid #ccc;border-radius:3px;}
.supptr-offer-form-textarea{float:left;width:90%;height:100px;margin:10px;border:1px solid #ccc;border-radius:3px;padding:0;}

.offer-submit-green{float:left;margin:10px;height:45px;border:1px solid var(--green);border-radius: 5px;padding:10px;color:#fff;background:var(--green);font-weight: 600;cursor:pointer;transition: all 0.3s;}
.offer-submit-green:hover{background: #fff;border:1px solid var(--green);color:var(--green);font-weight: 600;}

#supptr-form-submit-warning{float:left;height:100%;background:var(--blue-lightest);border:1px solid #e9f0ff;border-radius:5px;}
#supptr-form-submit-warning h3 {color:#2d3384;}

.supptr-active-label{background-color: var(--green02);color:#fff;font-weight: 600;padding:4px;border-radius: 3px;}
.supptr-passive-label{background-color: var(--yellow01);color:#444;font-weight: 600;padding:4px;border-radius: 3px;}

.new-offers-button{float:left;background:var(--purple);color:#fff;width:30%;height:26px;margin-top:10px;margin-left:20%;margin-bottom:30px;text-align: center;border-radius:3px;padding-top:8px;}

ul.pagination{width:40%;height:30px;margin:30px auto;list-style:none;}
ul.pagination li{float:left;margin:0 10px;padding:4px;}

ul.pagination li a:link, ul.pagination li a:visited{background:#f9f9f9;color:var(--purple);padding:3px 6px;border-radius:3px;}
ul.pagination li a:hover{background:var(--purple);color:#fff;}
ul.pagination li.active a{background:var(--purple);color:#fff;padding:3px 6px;border-radius:3px;}


/* FAIRS */
.supptr-fair-box{float: left;position: relative;width:90%;height: 120px;margin:10px;border:1px solid #eee;border-radius: 5px;transition:0.3s;}
.supptr-fair-box:hover{box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);}
.supptr-fair-cover-image{float:left;margin:10px;width: 120px;}
.supptr-fair-cover-image img{float:left;width: 100%;max-height:100px;border-radius:5px;}
.supptr-fair-list-content-area{float: left;width: 66%;padding:10px;box-sizing:border-box;}
.supptr-fair-list-content-right{float: right;height:100%;width: 14%;margin: 0 0 0 0;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:center;border:0px solid #eee;background:#f7f7f7;}

#supptr-fair-breadcrumb{float:left;width:90%;height:30px;margin:10px 0 0 0;padding:10px;box-sizing: border-box; border-bottom:1px solid #eee;color:var(--purple);font-size:14px;font-weight: 600;}


.supptr-fair-detail-images{float: left;width: 100%;height:auto;margin-top:10px;}
.supptr-fair-detail-images img{float: left; width: 150px; height:auto; margin:10px 10px 10px 0;border:4px solid #eee;}

#fair-sponsors-holder{float:left;width:90%;margin:10px;display:flex;justify-content:flex-start;justify-items: center;flex-wrap:wrap;gap:10px;}
.fair_sponsor{float:left;width:200px; border:1px solid #eee; border-radius:3px;}
.fair_sponsor img{width:200px;}

a.supptr-fair-joining-link:link,a.supptr-fair-joining-link:visited{color:var(--purple);font-weight:600;}
.supptr-are-you-joining-box{float:right;width:100%;margin:10px 0;padding:12px;box-sizing: border-box; border:1px solid #f5f5f5;background:#fff;border-radius:5px;}
.supptr-joining{font-size:18px;margin-top:10px;}

.supptr-fair-joining-info-box{display: none;}
.company_stand_input{margin:5px 0;}
.company_hall_input{margin:5px 0;}

.supptr-are-you-joining-box-purple{float:right;width:100%;margin:10px 0;padding:12px;box-sizing: border-box; background:var(--purple);border-radius:5px;color:#fff;}

#attending-companies{float:left;width:100%;height:100%;}
#attending-ul{float:left;width:47%;margin:10px;padding:0;}
#attending-ul li {float:left;width:90%;margin:5px;padding:0;}

/* VIDEOS */
.supptr-video-card{float: left;position: relative;width:90%;height: 350px;/*max-height:180px;*/margin:10px 5px;box-sizing:border-box;border:1px solid #eee;border-radius: 3px;transition:all 0.3s;}
.supptr-video-card:hover{border:1px solid var(--purple);box-shadow: 5px 5px 10px 10px #eee;}
.supptr-video-cover-image{float:left;width: 20%;height:100px;margin:10px;}
.supptr-video-cover-image img{float:left;width: 100%;height:auto;/*max-height: 150px;*/margin:0 auto;}
.supptr-video-content-area{float: left;width: 90%;padding:5px 10px;box-sizing:border-box;}

/* CATALOGS */
.supptr-catalog-card{float: left;position: relative;width:23%;height: 250px;/*max-height:180px;*/margin:10px 5px;box-sizing:border-box;border:1px solid #eee;border-radius: 3px;transition:all 0.3s;}
.supptr-catalog-card:hover{border:1px solid var(--purple);box-shadow: 5px 5px 10px 10px #eee;}
.supptr-catalog-cover-image{float:left;width: 90%;height:210px;margin:10px;}
.supptr-catalog-cover-image img{float:left;width: 100%;max-height: 190px;margin:0 auto;}
.supptr-catalog-content-area{float: left;width: 70%;padding:5px 10px;box-sizing:border-box;}
.supptr-catalog-company{position:absolute;bottom:0;width:100%;height:60px;background: #eee;padding:3px 10px;box-sizing: border-box;font-size:10px;border-radius: 0 0 5px 5px;}
.supptr-catalog-content-area{float: left;width: 90%;padding:3px 0;font-size:12px;font-weight:600;box-sizing:border-box;}

/* NEWS */
.supptr-news-card{float: left;position: relative;width:30%;min-height: 360px;max-height: 360px;/*max-height:180px;*/margin:15px 10px;box-sizing:border-box;border:1px solid #eee;border-radius: 5px;transition:all 0.3s;}
.supptr-news-card:hover{border:1px solid var(--purple);box-shadow: 5px 5px 10px 10px #eee;}
.supptr-news-cover-image{float:left;width: 100%;height:180px;}
.supptr-news-cover-image img{float:left;width: 100%;height: 180px;margin:0 auto;}
.supptr-news-content-area{float: left;width: 96%;height:100%;margin-top:10px;padding:5px 10px;box-sizing:border-box;}
.supptr-news-title{float:left;width:96%;height:36px;margin:5px 0 0 0;font-size:14px;font-weight: 600;}
.supptr-news-title a:link,.supptr-news-title a:visited{color:var(--purple);}
.supptr-news-date{font-size:10px;font-weight: normal;color:var(--purple);}
.supptr-news-company{position:absolute;bottom:0;width:100%;height:35px;background: #f7f7f7;padding:10px;box-sizing: border-box;font-size:10px;border-radius: 0 0 5px 5px;}
a.supptr-news-company-link:link,a.supptr-news-company-link:visited{color:var(--purple);}

a.news-text-link:link,a.news-text-link:visited{color:#000;}
.swiper-button-next::after, .swiper-button-prev::after{font-size:20px;}

#supptr-site-breadcrumb{float:left;width:100%;margin:0 0 0 0;padding:7px 0 10px 15px;box-sizing:border-box;border-bottom:1px solid #eee;color:var(--purple);font-size:14px;font-weight: 400;}
#supptr-site-breadcrumb a:link,#supptr-site-breadcrumb a:visited{color:var(--purple);}
#breadcrumb-right{float:right;width:30%;text-align:right;}
  .offer-type-label{float:left;color:var(--purple);padding:0 6px;margin:0 0 0 0;}
  .offer-detail-type-label{float:right;background:transparent;color:var(--purple);margin:0 10px 0 0;}

.supptr-news-share-area{float:left;width:200px;margin:10px 0;display: flex;align-items: flex-start;}
.supptr-news-share-facebook-icon{width:32px;height:auto;}

.report-form{display: none;float:left;width:80%;height:100%;margin:10px;}

input#number-of-likes{width:40px;border:0;}

a.supptr_news_like{font-size:21px;}

.supptr-news-content-right{float:left;width:13%;height:100%;margin-left:1%;padding:10px;box-sizing: border-box;}

#news-search-reset{float:left;margin:10px 0 0 20px;}

/* PRODUCT */
.supptr-pro-serv-page-list-item{float:left;width:96%;height:100%;margin:5px 0;padding:10px; box-sizing: border-box;border:1px solid #eee;transition: all 0.3s;}
.supptr-pro-serv-page-list-image{float: left; width:130px;/*height:130px;*/}
.supptr-pro-serv-page-list-image img{float:left;width: 90px;height:auto;border-radius:5px;}
.supptr-pro-serv-page-list-content-area{float: left;margin-left: 10px;width:60%;}
.supptr-pro-serv-page-list-name a:link, .supptr-pro-serv-page-list-name a:visited{float:left;width:90%;margin:5px 0;padding:5px; box-sizing: border-box;font-size:16px;font-weight:600;color:var(--purple);}
/*.supptr-pro-serv-page-list-name a:hover{background:var(--purple);color:#fff;}*/

.list-item-title-company-info{font-size:10px;font-weight:400;}
.supptr-pro-serv-page-list-right-col{float:right;width:20%;height:80%;margin-top: 10px;}

.supptr-pro-serv-page-list-item:hover {border: 1px solid var(--purple);box-shadow: 0px 0px 20px #ddd;}
.supptr-pro-serv-page-list-item:hover .supptr-pro-serve-page-list-name a{background:var(--purple);color:#fff;border-radius:3px;}
.supptr-pro-serv-page-list-item:hover .supptr-pro-serve-page-list-name a{color:#fff;}

.supptr-small-image{float:left;/*width:50px;height:50px;*//*margin:10px 10px;*/border-radius:5px 5px 0 0;}


/* SHARED PARTS */
.supptr-items-detail-card{float: left;width: 96%;height:auto;}
.supptr-items-detail-content-area{float: left;width: 96%;height:auto;}
#supptr-items-detail-title{float:left;font-size:18px;font-weight: 600;color:var(--purple);margin-left:10px;padding:10px 0;}
.supptr-items-detail-title-extra{float:left;font-size:12px;font-weight: 400;color:var(--purple);margin-left:10px;padding:4px 0;}
#supptr-items-detail-company_name{float:left;font-size:12px;color:#999;margin:0 0 0 10px;}
#supptr-items-detail-text{float: left;margin-top: 10px;padding: 10px;}
#supptr-items-detail-date{float:left;margin:15px 0 0 10px;font-size:10px;}
.supptr-items-detail-images{float: left;height:auto;margin:10px; padding-bottom:30px;border-bottom: 1px dashed #ccc;display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 15px;padding: 15px;}
.supptr-items-detail-images img{float: left; /*max-width: 30%; height:auto;*/ max-height:300px;margin:10px 10px 10px 0;border:1px solid #eee;cursor:pointer; width: 100%; height: 200px;object-fit: cover;border-radius: 5px;/*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);*/}
.supptr-items-detail-images img:hover{border:1px solid var(--purple);}

.prev-li{background:var(--purple);border-radius:3px;color:#fff;}
.prev-li a{color:#fff;}
.prev-li:hover{box-shadow:0 0 10px var(--purple);}

.next-li{background:var(--purple);border-radius:3px;color:#fff;}
.next-li a{color:#fff;}
.next-li:hover{box-shadow:0 0 10px var(--purple);}

#supptr-other-items-of-the-company{float: left;width:100%;margin:10px 0;padding:10px;box-sizing: border-box;}
.supptr-other-items-card{float: left;position: relative;width:31%;height: 270px;margin:10px 5px;border:1px solid #ccc;border-radius: 5px;transition:all 0.3s;}
.supptr-other-items-card:hover{border:1px solid var(--purple);box-shadow: 5px 5px 10px 10px #eee;}

.supptr-other-items-cover-image{float:left;width: 100%;height:140px;margin:0 auto;}
.supptr-other-items-cover-image img{float:left;width: 100%;height:auto;max-height: 140px;margin:0 auto;}
.supptr-other-items-content-area{float: left;width: 90%;padding:5px 10px;box-sizing:border-box;}

a.supptr-all-others-of-a-company-button:link,a.supptr-all-others-of-a-company-button:visited{float:left;background:var(--blue01);color:#fff;margin:10px;padding:10px 5px;border-radius:3px;}


/* FOOTER */
#supptr-footer-outer{float:left;width: 100%;height:100%;margin:60px 0 0 0;padding: 0 0 30px 0;background:#fff;}
#supptr-footer-inner{width: 80%;margin:0 auto;padding:30px 0; display:flex;justify-content:space-between;align-items:center;}
#supptr-footer-left{float:left;}
.supptr-logo-footer{width:180px;}
/*#supptr-footer-left img{width:80%;height:auto;}*/
#supptr-footer-middle{float:left;/*width:60%;*/height:40px;margin-top:15px;}
/*#supptr-footer-middle a{float:left;width: 100%;clear:both;margin:10px 0;}*/
#supptr-footer-right{float:left;}

a.supptr-footer-link:link,a.supptr-footer-link:visited{float:left;margin:10px;color:var(--purple);border-bottom:1px dotted var(--purple);font-weight: 600;}
a.supptr-footer-link:hover{color:var(--purple02);border-bottom:1px dotted var(--purple02);}


#cookie-consent-box {position: fixed;bottom: 20px;left: 20px;max-width: 360px;background-color: #fff;color: #333;padding: 15px;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);font-family: sans-serif;font-size: 14px;line-height:24px;z-index: 9999;}

  #cookie-consent-box button {margin-top: 15px;margin-right: 5px;padding: 6px 12px;border-radius: 4px;cursor: pointer;}
  #cookie-accept {background-color:#fff;color: var(--purple);border: 1px solid var(--purple);}
  #cookie-reject {background-color: var(--purple);color: white;border: 1px solid var(--purple);margin-left:10px;}
/* FOOTER ENDS */

/* CUSTOM LINKS */
a.logout-link:link,a.logout-link:visited{background:var(--red);padding:4px; color:#fff;text-decoration: none;font-weight:600;transition:border 0.5s;border:1px solid #EB1B1E;border-radius: 3px;}
a.logout-link:hover{border:1px solid var(--red);background:transparent;color:var(--red);}

a.custom-link-blue:link,a.custom-link-blue:visited{color:var(--blue03);font-weight:600;}
a.custom-link-blue:hover{border-bottom:1px dotted var(--blue03);}

a.custom-link-dark-grey:link,a.custom-link-dark-grey:visited{color:var(--dark-grey);font-weight:600;}
a.custom-link-dark-grey:hover{border-bottom:1px dotted var(--dark-grey);}

a.custom-link-black:link,a.custom-link-black:visited{color:#000;font-weight:600;border-bottom:1px dotted #444;}
a.custom-link-black:hover{border-bottom:1px dotted #000;}

a.custom-link-red:link,a.custom-link-red:visited{color:var(--red);font-weight:600;border-bottom:1px dotted var(--red);}
a.custom-link-red:hover{border-bottom:1px dotted var(--red);}

a.custom-link-white:link,a.custom-link-white:visited{color:#fff;font-weight:600;border-bottom:1px dotted #fff;}
a.custom-link-white:hover{border-bottom:1px solid #fff;}

a.custom-link-purple:link,a.custom-link-purple:visited{text-decoration: none;color:var(--purple);font-weight:600;padding:3px 0;border-bottom: 1px solid transparent;}
a.custom-link-purple:hover{border-bottom:1px dotted var(--purple);}

a.search-part-custom-link-purple:link,a.search-part-custom-link-purple:visited{text-decoration: none;color:var(--purple);font-weight:600;padding:3px 0;border: 1px solid var(--purple);border-radius: 35px;padding:3px 6px;}
a.search-part-custom-link-purple:hover{background: var(--purple);color:#fff;}

.supptr-submit-button-green{background:var(--green);padding:10px 15px;color:#fff;border:1px solid var(--green); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.supptr-submit-button-green:hover{background:#fff;border:1px solid var(--green);color:var(--green);}

.supptr-submit-button-red{background:var(--red);padding:10px 15px;color:#fff;border:1px solid var(--red); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.supptr-submit-button-red:hover{background:#fff;color:var(--red);border:1px solid var(--red);}

.supptr-submit-button-blue-light{background:var(--blue-light);margin:15px;padding:10px 15px;color:#000;border:1px solid var(--blue-light); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.supptr-submit-button-blue-light:hover{background:#fff;border:1px solid var(--blue-light);color:#000;}

.supptr-submit-button-blue{background:var(--blue03);margin:15px;padding:10px 15px;color:#fff;border:1px solid var(--blue03); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.supptr-submit-button-blue:hover{background:#fff;border:1px solid var(--blue03);color:var(--blue03);}

.supptr-submit-button-blue-reverse{background:#fff;margin:15px;padding:10px 15px;color:var(--blue03);border:1px solid var(--blue03); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.supptr-submit-button-blue-reverse:hover{background:var(--blue03);border:1px solid var(--blue03);color:#fff;}

.supptr-submit-button-purple{background:var(--purple);margin:15px;padding:10px 15px;color:#fff;border:1px solid var(--purple); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.supptr-submit-button-purple:hover{background:#fff;border:1px solid var(--purple);color:var(--purple);}

.dash{color:#e1e1e1;}
.fw-normal{font-weight: normal;}
.boldy600{font-weight:600;}
.purple{color:var(--purple);}
.purple02{color:var(--purple02);}
.green{color:var(--green);}
.blue01{color:var(--blue01);}
.italic{font-style: italic;}
.ghost{color:#999;}
.ghost2{color:#777;}
.red{color:var(--red);}
.bbb{color:#bbb; transition: all 0.3s;}
.bbb:hover{color: var(--purple);}
.soft-dark{color:#333;}
.red{color:var(--red);}

.hidden{display:none;}

.fl{float:left;}
.fr{float:right;}

.fs10 {font-size:10px;} .fs12 {font-size:12px;} .fs14 {font-size:14px;} .fs16 {font-size:16px;} .fs18 {font-size:18px;} .fs20 {font-size:20px;} .fs22 {font-size:22px;}
.fs24 {font-size:24px;}
/* custom links ends */

/* Sizes */

.w5{width:5%;} 	 .w10{width:10%;} .w15{width:15%;} .w17{width:17%;} .w20{width:20%;}
.w25{width:25%;} .w30{width:30%;} .w35{width:35%;} .w40{width:40%;}
.w45{width:45%;} .w50{width:50%;} .w55{width:55%;} .w60{width:60%;}
.w65{width:65%;} .w70{width:70%;} .w75{width:75%;} .w80{width:80%;}
.w85{width:85%;} .w90{width:90%;} .w95{width:95%;} .w100{width:100%;}

.wl5{width:5%;} 	 .wl10{width:10%;} .wl15{width:15%;} .wl20{width:20%;}
.wl25{width:25%;} .wl30{width:30%;} .wl35{width:35%;} .wl40{width:40%;}
.wl45{width:45%;} .wl50{width:50%;} .wl55{width:55%;} .wl60{width:60%;}
.wl65{width:65%;} .wl70{width:70%;} .wl75{width:75%;} .wl80{width:80%;}
.wl85{width:85%;} .wl90{width:90%;} .wl95{width:95%;} .wl100{width:100%;}

/*.ws90{width:90%;} .ws95{width:95%;} .ws100{width:100%;}*/

.m5{margin:5px;} .ml5{margin-left:5px;} .mt5{margin-top:5px;} .mb5{margin-bottom:5px;} .mr5{margin-right:5px;}
.m10{margin:10px;} .ml10{margin-left:10px;} .mt10{margin-top:10px;} .mb10{margin-bottom:10px;} .mr10{margin-right:10px;}
.m20{margin:20px;} .ml20{margin-left:20px;} .mt20{margin-top:20px;} .mb20{margin-bottom:20px;} .mr20{margin-right:20px;}
.m30{margin:30px;} .ml30{margin-left:30px;} .mt30{margin-top:30px;} .mb30{margin-bottom:30px;} .mr30{margin-right:30px;}

.m5percent{margin:5%;} .ml5percent{margin-left:5%;} .mt5percent{margin-top:5%;} .mb5percent{margin-bottom:5%;} .mr5percent{margin-right:5%;}
.m10percent{margin:10%;} .ml10percent{margin-left:10%;} .mt10percent{margin-top:10%;} .mb10percent{margin-bottom:10%;} .mr10percent{margin-right:10%;}
.m20percent{margin:20%;} .ml20percent{margin-left:20%;} .mt20percent{margin-top:20%} .mb20percent{margin-bottom:20%;} .mr20percent{margin-right:20%;}
.m30percent{margin:30%;} .ml30percent{margin-left:30%;} .mt30percent{margin-top:30%;} .mb30percent{margin-bottom:30%;} .mr30percent{margin-right:30%;}

.p10{padding:10px;} .pl10{padding-left:10px;} .pt10{padding-top:10px;} .pb10{padding-bottom:10px;} .pr10{padding-right:10px;}
.p20{padding:20px;} .pl20{padding-left:20px;} .pt20{padding-top:20px;} .pb20{padding-bottom:20px;} .pr20{padding-right:20px;}


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

  /* Sizes Responsive*/

  .w5{width:25%;}  .w10{width:30%;} .w15{width:35%;} .w20{width:40%;}
  .w25{width:45%;} .w30{width:50%;} .w35{width:55%;} .w40{width:60%;}
  .w45{width:65%;} .w50{width:70%;} .w55{width:75%;} .w60{width:80%;}
  .w65{width:80%;} .w70{width:80%;}

}

/* RESPONSIVE STARTS */


@media only screen and (max-width: 1100px) {
    
    .mobile-only{display: block;}
    
    .supptr-lang-select-holder {position: relative;width: 90%;height: 30px;margin: 0 auto;}
    
    #supptr-top-menu-holder{display:none;}
    #supptr-log-in-out-holder{display: none}    
    #supptr-log-reg-holder{display: none} 
    
    #supptr-top-menu-holder-mobile{display:block;}
    #supptr-log-in-out-holder-mobile{display: block}    
    #supptr-log-reg-holder-mobile{display: block}    
    

#mobile-menu-holder{float:left;position:absolute;left:3%;top:90px;width:90%;height:100%;}
   /* #mobile-menu-bar{display:block;}*/
    #mobile-menu-bar{/*float:right;margin-top:30px;margin-right: 30px;*/margin-bottom: 30px;position:absolute;right:30px;top:34px;display: block;background: var(--purple);/*rgba(255, 255, 255, 0.7)*/;width: 32px;height: 32px;border-radius: 3px;box-sizing: border-box;padding: 9px 6px;cursor: pointer;user-select: none;z-index:9;}
    
   .toggled .mobile-menu-bar-dash:first-child {transform: translateY(6px) rotate(45deg);}
   .toggled .mobile-menu-bar-dash:nth-child(2) {opacity: 0; }
   .toggled .mobile-menu-bar-dash:last-child {transform: translateY(-6px) rotate(-45deg);}
    
    
   .mobile-menu-bar-dash {display: block;background: #fff/*rgba(0, 0, 0, 0.7)*/;width: 18px;height: 2px;border-radius: 3px;transform-origin: center;transition: 0.3s ease;}
    .mobile-menu-bar-dash:nth-child(2) {margin: 4px 0;}

    #mobile-menu-links-holder{position:relative;float:left;width:90%;min-height:100%;background:rgba(255, 255, 255, 1); margin-top:0;padding:15px 15px 10px 10px;box-sizing:border-box;z-index:9999;}   
    
    a.top-menu-link:link,a.top-menu-link:visited{float:left;width:90%;margin:0 10px;padding:15px 6px 10px 6px;font-size:14px;color:var(--purple);border-radius:0;transition: all 0.3s;}
a.top-menu-link:hover{background:var(--purple);color:#fff;}

a.top-menu-link-active:link,a.top-menu-link-active:visited {float:left;width:90%;margin:0 10px;padding:15px 6px 10px 6px;font-size:14px;background:var(--purple);color:#fff;border-radius:0;transition: all 0.3s;}
    
#supptr-log-in-out-holder-mobile{float:left;width:90%;margin:30px;margin-right: 0;display:flex;justify-content: flex-start;align-items: center;}

    /*a.hello:link,a.hello:visited{display:flex;justify-content: space-between; align-items: center; float:left;background:#fff;color:var(--purple);margin:0 5px;padding:10px 10px;border:1px solid #e1e1e1;border-radius:5px;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.hello:hover{border:1px solid var(--purple);}
a.bye:link,a.bye:visited{float:right;border:1px solid var(--red);background:var(--red);color:#fff;margin:0 5px;padding:10px;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.bye:hover{background: transparent;color:var(--red);}
    */
    
    #supptr-spotlight{width:90%;margin:90px auto;height:120px;position:relative;}
    #supptr-spotlight-text {font-size: 36px;}
    #wave {bottom: -24px;}
    
    .supptr-home-news-card {width: 43%;}
    .supptr-home-latest-companies-box {width: 28%;margin-bottom:10px;}
    .supptr-home-list-item {width: 45%;}

    .supptr-filter-select-holder{margin:7px 0;}
    #supptr-content-inner-left-col {float: left;width:96%;height:100%;border: 1px solid #eee;margin: 30px 0 0 1%;background: #5674b9;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 14px;}
    #supptr-content-inner-center-col{width:96%;}
    .supptr-horizontal-list-item-content-area{width:75%;margin-top:15px;margin-left:5px;}
    
    .supptr-company-detail-title {font-size: 14px;}
    .supptr-company-detail-content-area{width:94%;margin-top:45px;margin-left:5px;}
    
    .supptr-product-list-content-area {margin-left: 5px;}
    
    .supptr-company-reference-box {margin: 10px 5px;}
    .supptr-company-certificate-box {width: 250px;margin: 10px 5px;}

    .supptr-horizontal-list-item-half {width: 96%;height:100%;}
    
    .supptr-news-card {width: 43%;}
    .supptr-other-items-card {width: 43%;}
    
    #supptr-footer-inner {width: 90%;margin: 0 auto;padding: 30px 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}

} /* 1100px ends */


@media only screen and (max-width: 800px) {
    #supptr-spotlight-right-sinlge-circle{display:none;}
    #supptr-spotlight-text {font-size: 26px;}
    section#supptr-top-spotlight-holder{height:480px;}
    #supptr-circles-under-logo{left:-6%;}
    #wave {bottom: -33px;}
    
    #mobile-menu-bar{right:0;}
    #others-sub-mobile{margin:30px auto;display:flex!important; flex-wrap:wrap;}
    a.top-menu-sub-link:link, a.top-menu-sub-link:visited{float:left;margin:0 5px 10px 5px;}
    
    a.top-menu-sub-link-active:link, a.top-menu-sub-link-active:visited {margin: 0 5px 10px 5px;}

    .supptr-home-news-holder {width: 90%;}
    .supptr-home-news-card {width: 90%;}
    .supptr-home-news-cover-image img {width: 60%;}
    .supptr-home-news-content-area .supptr-home-news-title {text-align:center;}
    .supptr-home-news-content-area {float: none; width: 90%;padding: 5px 10px;box-sizing: border-box;text-align: center;margin: 10px auto;}
    .supptr-home-news-box-footer {text-align:center;}
    
    #news-more-button {margin-left: 25%;}
    .supptr-content-inner-home {width: 90%;}
    
    .supptr-home-latest-companies-box {width: 43%;margin-bottom:10px;}
    
    #supptr-home-latest-offers {position: relative;width: 100%;height: 100%;margin: 30px auto;padding: 0;}
    .supptr-home-list-item{float:left;width: 90%;height: 120px;margin: 15px;padding: 10px 5px;background:rgba(255,255,255, 1);border:1px solid #f1f1f1;box-sizing: border-box;}
    .supptr-home-list-item-content-part {float: left;width: 55%;height: 90px;margin-left:5px;padding:5px 5px;}
    
    .supptr-home-ads-area {width: 90%;}
        
    .supptr-news-card {width: 96%;}
    .supptr-other-items-card {width: 96%;}
    .supptr-items-detail-images img {max-width: 45%;}
    
    .supptr-offer-item-title-area{height:60px;}
    #breadcrumb-right{width:55%;}
    #supptr-site-breadcrumb{font-size:12px;}
    
    .supptr-filter-search-holder {width: 55%;}
    #supptr-filter-button-holder{margin-left:10px;}
    #supptr-filter-button-two{margin-left:10px;}
    #sector_search{margin-top:5px;}
    .tab button{margin:5px;}
    
    .supptr-offer-item{margin:10px 0;padding:10px 5px; box-sizing:border-box;}
    .supptr-offer-item-left{width:96%;}
    .supptr-offer-item-extra-info-area-detail{width:96%;}
    .supptr-offer-item-right {float: left;width: 50%; margin-top:10px;margin-left:0;}
    
    
    .supptr-pro-serv-page-list-right-col{float:left;width:60%;}
    a.fav_button:link{float:left;}
    
    .supptr-catalog-card{float: left;position: relative;width:45%;height: 250px;/*max-height:180px;*/margin:10px 5px;box-sizing:border-box;border:1px solid #eee;border-radius: 3px;transition:all 0.3s;}
    
    #supptr-footer-middle{width:100%;}

} /* 800px ends */