/* 
 * Created on : 4 февр. 2024 г., 13:46:02
 * Author: Alexander Pisarev aka Deaddy
 * deaddy at autos dot kz
 *
 */

body {
        color: black;
        background-color: white;
}
h1 {
        text-align: center;
        font-family: Tahoma, sans-serif;
        font-size: 7vh;
        padding-top: 20px;
        text-transform: uppercase;
}
h1.smallerh1 {
        font-size: 5vh;
}

.h1stroke {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;        
}

.circle-wrap, .circlecorp-wrap, .circlecomm-wrap, .circletend-wrap, .circletotals-wrap {
  margin: 5vh auto;
  width: 50vh;
  height: 50vh;
  background: #fefcff;
  border-radius: 50%;
  border: 1px solid #227ded;
}

.circlecomm-wrap {
  border: 1px solid red;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill,
.circlecorp-wrap .circlecorp .maskcorp,
.circlecorp-wrap .circlecorp .fillcorp,
.circlecomm-wrap .circlecomm .maskcomm,
.circlecomm-wrap .circlecomm .fillcomm,
.circletend-wrap .circletend .masktend,
.circletend-wrap .circletend .filltend,
.circletotals-wrap .circletotals .filltotals {
  width: 50vh;
  height: 50vh;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle .mask,
.circlecorp-wrap .circlecorp .maskcorp,
.circlecomm-wrap .circlecomm .maskcomm,
.circletend-wrap .circletend .masktend, 
.circletotals-wrap .circletotals .masktotals {
  clip: rect(0px, 50vh, 50vh, 25vh);
}

.circle-wrap .inside-circle,
.circlecorp-wrap .inside-circlecorp,
.circlecomm-wrap .inside-circlecomm,
.circletend-wrap .inside-circletend, 
.inside-circletotals {
  width: 40vh;
  height: 40vh;
  border-radius: 50%;
  background: white;
  line-height: 40vh;
  text-align: center;
  margin-top: 5vh;
  margin-left: 5vh;
  color: #1e51dc;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 8vh;
  font-family: Verdana;
}

.inside-circletotals {
  line-height: 5vh;
  padding-top: 8vh;  
  font-size: 5vh;
}

.circlecomm-wrap .inside-circlecomm {
  color: red;
}


/* color animation */

/* 3rd progress bar */
.mask .fill,
.maskcorp .fillcorp,
.maskcomm .fillcomm,
.masktend .filltend,
.masktotals .filltotals {
  clip: rect(0px, 25vh, 50vh, 0px);
  background-color: #227ded;
}

.maskcomm .fillcomm {
  background-color: red;
}

/*.mask.full,
.circle .fill {
  transform: rotate(23deg);
}*/
/*.maskcorp.fullcorp,
.circlecorp .fillcorp {
  transform: rotate(42deg);
}
.maskcomm.fullcomm,
.circlecomm .fillcomm {
  transform: rotate(4deg);
}*/
/*.masktend.fulltend,
.circletend .filltend {
  transform: rotate(21deg);
}*/

.logodiv {
	text-align: center;
	width: 100%;
	padding-top: 50px;
}

.col2flex {
	width: 100%; 
	display: flex; 
	justify-content: space-around;
        background-color: rgb(255,255,255,0.7);        
        padding: 0 0 3vh 0;
}
.sp-p2-bg {
        background-color: rgb(255,255,255,0.7);        
        padding: 0 0 3vh 0;
}

.team-item {
	width: 48%;
	padding-bottom: 25px;
}

h4 {
	font-family: Tahoma, sans-serif;
	font-size: 240%;
	margin: 10px 0px 10px 140px;
	padding: 5px;
}
h5 {
	font-family: Tahoma, sans-serif;
	font-size: 150%;
	margin: 10px 0px 10px 140px;
	padding: 5px;
}

.center-cropped {
  width: 50vh;
  height: 50vh;
  object-fit: cover;
  object-position: center; 
  display: block;
  margin: 0 auto;
}

.team-cont {
	display: flex;
	flex-wrap: wrap; 
	margin: 80px 4vh 0px 200px;
	align-items:center;
	justify-content: center;	
}

.slide-cont {
	display: flex;
	flex-wrap: wrap; 
	margin: 10px 0px 0px 50px;
	align-items:center;
	justify-content: center;	
}

.slide-cropped {
  width: 75vh;
  height: 75vh;
  object-fit: cover;
  object-position: center; 
  display: block;
  margin: 0 auto;
}

.slide-cropped-fit {
  width: auto;
  height: 75vh;
  object-fit: cover;
  object-position: center; 
  display: block;
  margin: 0 auto;
}

.team-data {
	flex-grow: 2;
}
.team-champ {
	flex-grow: 1;
}
.slide-data {
	flex-grow: 1;
}

th {
        text-transform: uppercase;
}

td, th {
    border: 1px solid black;
	font-family: Tahoma, sans-serif;
	font-size: 2vh;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 10px;
}

td.hpbd {
    border: 1px solid black;
    font-family: Tahoma, sans-serif;
    font-size: 2vh;
    text-transform: none;
    font-weight: normal;
    width: 50%;
    line-height: 20px;
}

td.totals {
    border: 1px solid black;
    font-family: Tahoma, sans-serif;
    font-size: 3vh;
    text-transform: none;
    font-weight: bold;
    width: 50%;
}

table.totalst {
    width: 60%;
    margin: 0 auto;
    margin-top: 30px;
}


table.hpbdt {
    width: 90%;
   
}

img.totals-logos {
    max-height: 100px;
}

div.totalscont {
    display: flex;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

div.totalsitem {
    display: inline-block;
    flex-grow: 1;
}

table {
    border-collapse: collapse;
    background: rgb(255,255,255,0.7);
}
.tdpadded {
	padding: 0px 70px;
}

/* BSI charts */
.green-series .ct-bar, .ct-series-a .ct-bar {
  stroke: #2ECC71; /* Зеленый */
}

.blue-series .ct-bar, .ct-series-b .ct-bar {
  stroke: #3498DB; /* Синий */
}


.bsi_q_container {
    text-align: center;
    width: 80%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.bsi_q_item2 {
    flex-grow: 2;
}
.bsi_q_item1 {
    flex-grow: 1;
}

h3.bsi_q {
    font-size: 2em;
}

img.splogo2 {
    max-width: 200px;
}

/*Убрать полосу прокрутки для всей страницы*/
::-webkit-scrollbar {
  width: 0;
}