@font-face {
    font-family: suppow;
    src: url(Suprapower-Heavy.ttf);
   }
@font-face {
    font-family: suppow-ol;
    src: url(Suprapower-HeavyOutlined.ttf);
   }
body { color: #7C808B; }
body:not(.custom-background-image):before { content: none!important; }
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, a:hover { color: #54d8f8; }
.blog-title { font-size: 45px; margin: 0; }
#page { background: url(../images/team-2021/bg.svg) center top no-repeat, #1A1D22; }
.site-content { padding-top: 95px; margin-top: 0; }
.site-header { background: transparent; /*background: #1a1d22 url(../images/team-2021/bg.svg) center top no-repeat;*/ background-size: 100% auto;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}

.wr-ti { align-items: center; padding: 130px 0 120px; }
.wr-ti-light { background: #15181D; padding: 100px 0 140px;}
.wr-ti-light-2 { background: #15181D; padding: 0px 0;}


.main-screen .wrapper { flex-direction: column; margin: 5vh 0 5vh; padding-bottom: 5vh; }
.main_screen_title { font-family: suppow; font-size: 48px; font-weight: 800; letter-spacing: 5px; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 100px; margin-bottom: 80px; }
.main_screen_title span { font-family: suppow-ol; /*color: transparent; -webkit-text-stroke: 1px white; text-stroke: 1px white;*/ }
.main-screen p { font-size: 18px; color: #7C808B; }

.wrapper h2 { font-size: 48px; line-height: 60px; margin-bottom: 20px; }

#four-sq { justify-content: space-between; align-items: flex-start; padding-top: 0; }
.fs-block { display: flex; width: 48.5%; flex-direction: column; }
.fs-block:nth-child(1) { margin-top: 60px; } 
.fs-block a { display: block; width: 100%; margin-bottom: 5%; }
.fs-block a img { width: 100%; }

#our-mission .h2-text span { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #46BAD6; }
#our-mission .h2-text h2 { margin: 10px 0 80px; }
#our-mission .h2-text p { margin-bottom: 80px; text-align: left; }
#our-mission img { width: 100%; }

#k-mems { flex-direction: column; padding-bottom: 80px; }
#k-mems h2 { text-align: left; width: 100%; margin-bottom: 120px; }
.k-mem { display: flex; justify-content: space-between; flex-wrap: wrap; }
.km-one { width: 23%; margin-bottom: 5%; }
.km-one img { width: 100%; }
.km-one h5 { font-size: 20px; font-weight: bold; color: #fff; margin: 25px 0 8px; }
.km-one p { margin-bottom: 8px; }

#our-ddms { padding: 0; }
#our-ddms .wrapper { flex-direction: column; align-items: flex-start; }
#our-ddms .wrapper h2 { margin-bottom: 90px; }
.our-ddm { display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; }
.our-ddm a { width: 15%; }
.our-ddm a img { width: 100%; }



.wr-ti a { color: #46BAD6; }
.wr-ti ul { list-style: disc; margin-bottom: 0; line-height: 25px; }
.wr-ti ul li { margin-bottom: 10px; }
.block-text, .block-img { width: 50%; }
.block-img img { max-width: 100%; max-height:100%; }
.block-img { text-align: center; }



.h2-text { flex-direction: column; text-align: center; }
.h2-text p { margin: 0; }
.lots-icons { justify-content: space-around; flex-wrap: wrap; margin-top: 90px; }
.li-one { width: 16%; margin-bottom: 22px; text-align: center; padding: 10px; }
.li-one p span { color: #fff; }
.li-one-img { height: 85px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.li-one-img img { max-height: 100%; }


.wr-ti-2 .block-text ul { margin: 0px 0 50px 1.25em; }
.no-pad-bot { padding-bottom: 0; }


@media only screen and (max-width: 1200px) {
#four-sq {
    flex-direction: row;
}
@media only screen and (max-width: 1140px) {
	.wrapper { width: 90%; }
	.lots-icons { flex-direction: row; }
	.li-one { width: 48%; }
}
@media only screen and (max-width: 800px) {
	.li-one { width: 25%; }
	.division__text { width: 80%; }
	.wb-wr, .block-text, .igbt-one, .one-box-bg-size { width: 80%; }
	.km-one { width: 31%; }
	.our-ddm a { width: 24%; }
}
@media only screen and (max-width: 520px) {
	.main_screen_title { font-size: 46px }
	.wr-box { padding-bottom: 0; }
	.wb-wr { width: 100%; padding-top: 25px; }
	.wb-text { padding: 50px 0; }
	.block-text, .block-img, .fs-block { width: 100%; }
	.li-one { width: 49%; }
	.pt-row { flex-direction: column; }
	.ptr-cell-2, .ptr-cell-3 { width: 50%; }
	.division__text, .perfomance-value__item { width: 100%; }
	.perfomance-value { justify-content: center; }
	.wrapper h2, .main_screen_title { font-size: 11vw; }
	
	#four-sq { flex-direction: column; align-items: center; }
	.km-one { width: 80%; margin: 5% auto; }
	.our-ddm a { width: 48%; margin: 1% 0; }
}