body {
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    font-family: Roboto;
}
html {
  scroll-behavior: smooth;
}
.b0{
    bottom: 0px
}
.w100{
    width: 100px
}
.mb{
    margin-bottom: 10px !important
}
.mb-10p{
    margin-top: 10px !important
}
.mb-20{
    margin-bottom: 20px
}
.mb-30{
    margin-bottom: 30px
}
.mb-50{
    margin-bottom: 50px
}
.pt-35{
    padding-top:35% !important;
}
.pt-12{
    padding-top: 12%
}
.pt-20{
    padding-top: 20%
}
.pt-50{
    padding-top: 50px
}
.pr-0{
    padding-right:0px;
}
.pl-0{
    padding-left:0px;
}
.pr-10{
    padding-right:10px !important;
}
.pr-20p{
    padding-right:20px;
}
.pl-10{
    padding-left:10px !important;
}
.pt-10p{
    padding-top:10px;
}
.pl-6{
    padding-left:6%;
}
.pl-20p{
    padding-left: 20px;
}
.pr-6{
    padding-right:6%;
}
.mr-10{
    margin-right: 10px !important;
}
.pr-50p{
    padding-right: 50px !important
}
.pl-50p{
    padding-left: 50px !important
}
.mt-15{
    margin-top: 15%
}
.mt-10p{
    margin-top: 10px
}
.mt-20p{
    margin-top: 20px
}
.mt-5{
    margin-top: 5%
}
.pt-10{
    margin-top: 10%
}
.b5{
    padding-bottom: 5px
}
.f24{
    font-size: 24px !important
}
.f20{
    font-size: 20px !important
}
.f30{
    font-size: 30px !important
}
.f12{
    font-size: 12px
}
.f14{
    font-size: 14px
}
.mb0{
    margin-bottom: 0px
}
.mb5{
    margin-bottom: 5px !important
}
.mb15p{
    margin-bottom: 15px !important
}
.mt15p{
    margin-top: 15px !important
}
.bold{
    font-weight: bold;
}
.pointer{
    cursor: pointer
}
.padding-0{
    padding:0px;
}
.left0{
    margin-left: 0px !important;
}

.nav-item{
    padding: 0px 20px;
    font-family: Open sans;
    font-style: normal;
    line-height: 18px;
    font-size: 18px;
    color: #555;
}
.navbar{
    box-shadow: 0px 6px 40px 40px white
}
.navbar-brand{
    position: absolute;
    top:1%;
}
a.nav-link {
    font-size: 18px;
    line-height: 21px;
    font-weight: normal;
    color: #555555;
    font-style: normal;
}
.left-triangle{
    width:   100%;
    min-height: 1650px;   
    background: linear-gradient(29.99deg, #B02027 7.94%, #ED2A28 40.05%, #581B22 92.06%);
    clip-path: polygon(25.5% 0%, 100% 17%, 100% 83%, 26% 100%, 0% 93.5%, 0% 5.5%);
    -webkit-clip-path: polygon(25.5% 0%, 100% 17%, 100% 83%, 26% 100%, 0% 93.5%, 0% 5.5%);
}
.news-triangle{
    width:   100%;
    min-height: 1000px;   
    background-image: linear-gradient(#751f24, #ed2a29, #751f24);
    clip-path:polygon(40% 0%, 100% 15%, 100% 85%, 40% 100%, 0% 95%, 0% 5%);
    -webkit-clip-path:polygon(40% 0%, 100% 15%, 100% 85%, 40% 100%, 0% 95%, 0% 5%);
}

.product{
    width: 100%;
    clear: both;
    display: flex;
    margin-bottom: 20px;
}
.icon i{
    font-size: 80px;
    color: #999999;
    float: left;
    margin-right: 40px;
}
.icon i.rotateZ45{
    transform: rotateZ(45deg);
}
.product_name{
    font-size: 30px;
    float: left;
    color: #999;
    width: 65%;
    line-height: initial;
}
.our_product_name{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 145%;
    letter-spacing:-0.05em;
    color: #999999;
    width: 70%;
    min-height: 100px;
    display: table;
}
.our_product_name div{
    display: table-cell;
    vertical-align: middle;
	padding-left: 10px;
}
.more-icon{
    min-height: 100px;
    display: table;
}
.pr0 .col-md-6{
    padding-right: 0px !important
}
.dtable{
    display: table;
    word-break: break-all;
}
.h50{
    min-height:50px;
}
.bus-img{
    width: 230px;
    height: 180px;
}
.bus-img1{
    height: 180px;
    width: 290px;
}
.v-middle{
    display: table-cell;
    vertical-align: middle;
}
.more-icon i{
    font-size: 60px;
    font-weight: bold;
    color: #999999;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
}
.our-product-label{
    margin-top: 30%;
    font-size: 118px;
    color: #eeeeee;
    font-family: 'Open Sans Condensed';
    line-height: 98.4%;
    letter-spacing:-0.02em;
    margin-left: 12%;
    font-weight: bold;
}
.our-product-evolve{
    font-size: 96px;
    color: #eeeeee;
    font-family: 'Open Sans Condensed';
    font-style: normal;
    line-height:  96%;;
    margin-left: 10%;
    font-weight: bold;
    padding-top: 25%;
}
.our-product-evolve-text{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    width: 70%;
    line-height: 30px;
    letter-spacing: -0.05em;
    color: #eee;
    margin-left:10%;
    margin-top:5%;
}
.c999{
    color: #999 !important;
    margin-left: 0px !important
}
.products{
    margin-top: 42%
}
.service{
    width: 100%;
    clear: both;
    display: flex;
    margin-bottom: 10px;
}
.service-icon{
    float: left;
    width: 100px;
    text-align: center;
}
.service-icon i {
    font-size: 40px;
    color: #999999;    
}
.service-text{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 38px;
    color: #999999;
}
.service-icon img {
    position: relative;
    top:-5px;
}
.what-we-do{
    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 118px;
    line-height: 98.4%;
    letter-spacing: -0.05em;
    color: #999999;
}
.left-what-we-do {
    width: 100%;
    min-height: 700px;
    position: relative;
    top: -100px;
    max-width: 13%;
    background-image: linear-gradient(#ed2a29, #751f24);
    clip-path: polygon(0% 0%, 100% 15%, 100% 85%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 15%, 100% 85%, 0% 100%);
}

.right-bar{
    position: relative;
    top: -5%;
    min-height: 1400px;
    background-image:linear-gradient(#751f24, #ed2a29, #751f24);
    clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 92%);
    -webkit-clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 92%);
}
.our-story {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: bold;
    font-size: 118px;
    letter-spacing: -0.05em;
    color: #999;
    line-height: 98.4% !important;
    margin-left: 6%;
    float: left;
    margin-right: 60px;
	padding-bottom: 20px;
}
.story-text{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #777777;
}
ul.story-timeline:before{
    height: 89% !important
}
ul.our-news-list{
    list-style-type: none;
	padding-inline-start: 20px;
}

/***** timeline ******/
ul.timeline {
    margin-left: 5%;
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 28px;
    width: 5px;
    height: 98%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 4px solid #ccc;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.timeline-head.first {
    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px; 
    letter-spacing: -0.05em;
    color: #888888;
    position: relative;
    top: -10px;    
}
.timeline-head {
    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px; 
    letter-spacing: -0.05em;
    color: #888888;
}
.timeline-head div{
    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    /* identical to box height */
    letter-spacing: -0.05em;
    color: #999999;
}
.timeline-text{
    color: #bbb;
    font-family: 'Open Sans Condensed';
    font-size: 24px;
    font-weight: bold;
    position: relative;
    top: -4px;
    line-height: 33px;
    letter-spacing: -0.05em;
}
.inline-flex{

    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.05em;

    color: #bbb;
    display: -webkit-box;
}
.pl-20{
    padding-left: 20px;
}
.more-info{
    position: absolute;
    right: 75px;
    letter-spacing: 0px;
    font-family: Roboto;
    color: #888888;
    font-size: 12px
}
.line-initial {
    line-height: initial;
    padding-right:70px;
}
.etm-text{
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.05em;
}
/***** timeline end ******/

.our-news{
    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 118px;
    line-height: 98.4%;
    /* identical to box height */
    letter-spacing: -0.05em;
    color: #EEEEEE;
    padding-left: 5%
}
.story {
    float: right;
    width: 65%;
}
.story_head{
    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px; letter-spacing: -0.05em;
    color: #777777;
}
.time{
    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    /* identical to box height */
    letter-spacing: -0.05em;
    color: #BBBBBB;
}
.story_text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #777777;
}
.break{
    clear: both;
    margin-top: 5px
}
ul.story-timeline > li, ul.timeline > li{
    margin: 50px 0;
}
.story-images{
    width: 35%;
    float: left;
    position: relative;
    left: -20px;
}

@media screen and (max-width: 992px) {
  .story-images{
    width: 50%;
    float: left;
    position: relative;
    left: -20px;
	}

	.story {
		float: right;
		width: 50%;
	}
}

.join-us-left{    
    min-height: 900px;
    background-image: linear-gradient(#ed2a29, #751f24);
    clip-path:polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%);
    -webkit-clip-path:polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%);
}
.join-us.op{
    line-height: 100px;
}
.join-us{
    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 118px;
    line-height: 161px;
    /* identical to box height */
    letter-spacing: -0.05em;
    color: #999999;
    padding-left: 20px
}
.join-us-text{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #777777;
}
.join-us-icon{
    float: left;
    width: 70px;
}
.coursetext{
    float: left;
    padding-left: 10%;
    line-height: 20px;
    width: 70%
}
.join-us-icon i{
    font-size: 50px;
}
.job-title{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 145%;
    /* or 46px */
    letter-spacing: -0.05em;
    color: #777777;
}
.exp{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 145%;
    /* or 26px */
    letter-spacing: -0.05em;
    color: #777777;
}
.join-us-text{
    float: left;
    padding: 30px 18px;
}
.join-us-more i{
    font-size: 30px;
    color: #999;
    font-weight: bold;
    position: relative;
    top: 25px;
}



.partner-right{
    float: right  !important;
}

.partner-right, .partner-left{
    height: 400px;
    width: 60%;
    float: left;
    position: relative;
    top: -10%;
    background-image: linear-gradient(#ed2a29, #751f24);
    clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 92%);
    -webkit-clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 92%);
}
.partner-left{
    width: 6%;
    float: left;
    margin-top: 40%;
    height: 500px !important;
    background-image: linear-gradient(#ed2a29, #751f24);
    clip-path:polygon(0% 0%, 100% 8%, 100% 92%, 0% 100%);
    -webkit-clip-path:polygon(0% 0%, 100% 8%, 100% 92%, 0% 100%);
}
.partner-image{
    padding: 10px;
}
.partners{
    padding-left: 15%;
    width: 95%
}
.partners .row{
    justify-content: space-evenly
}
.jcenter{
    justify-content: center !important;
}


.get-in-touch-rightbar{
    min-height: 1000px;
    background-image: linear-gradient(#751f24, #ed2a29, #751f24);
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);
    -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);
    position: relative;
    top: -11%;
}
.contact-me{
    background: #fef0a3;
    float: left;
    width: 205px;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center;
    margin-right: 9px;
    margin-bottom: 10px;


    
}
.contact-me div{ 
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    align-items: center;
    text-align: center;
    color: #000000;
}
.contact-us{
    font-family: Open Sans Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 118px;
    line-height: 98.4%;
    letter-spacing:-0.05em;
    color: #999999;
}
.form-label{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #777777;
}
input[type="text"] {
    border-radius: 0px;
}
.modal input[type="text"]{
    height: 25px;
}
.headquarter,
.branch_office,
.phone,.phone a{
    margin-top: 5%;    
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    letter-spacing:-0.05em;
    color: #777777;
}



/********** pop up ***********/
.cts_red{
    background-image: linear-gradient(#ed2a29, #751f24);
    color: #eeeeee;
    padding: 25px 40px;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
}
.deploy-section{
    padding-left: 28px;
}
.first_png{
    width: 55%;
    height: 170px;
    vertical-align: top;
}
.other_product_label{
    font-size: 28px;
    position: relative;
    top:35px;
}
.other_product3 img:first-child{
    position: relative;
    top: -25px;
}
.other_product3 img:last-child{
    height: 160px;
    width: 63%;
    position: relative;
    left: 4%;
    top: -10px;
}
.h200{
    height: 200px
}
.other_product1{
    word-spacing:35px;
}
div.img {
    float: left;
    margin-right:10px;
}
.subtext{
    padding-top: 18px;
}
.modal-content{
    border-radius:20px;
}
.snapshot{
    font-size: 28px;
    font-family: 'Open Sans Condensed';
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px
}
.modal-text-title{
    font-size:28px;
	margin-top: auto;
    margin-bottom: auto;
    line-height: 99% !important;
	padding-left: 10px;
}
.modal-text-title-bus{
    font-size:28px;
	margin-top: auto;
    margin-bottom: auto;
    line-height: 35px !important;
	padding-left: 10px;
}
.modal-lg {
    max-width: 82%
}
.timeline-modal {
    max-width: 65%
}
.close-div{
    width: 100%;
    height: 35px;
}
.close-div button span {
    font-size: 40px;
    margin-right: 15px;
    position: relative;
    top: 12px;
}
.snapshot.init {
    line-height: initial;
}
.timeline-modal-text{
    font-size: 40px;
	line-height: 95% !important;
    /*font-family: 'Roboto';*/
    line-height: normal;
}
.roboto{
    font-family: 'Open Sans';
}
.tbs-text{
    font-size: 24px;
    letter-spacing: -1px;
    font-family: 'Open Sans Condensed';
    font-weight: bold
}
.slash{
    clip-path: polygon(-1% 0%, 100% 40%, 100% 102%, -1% 102%);
    -webkit-clip-path: polygon(-1% 0%, 100% 40%, 100% 102%, -1% 102%);
    padding-top:15%;
    border-bottom-left-radius:20px;
    min-height: 600px
}
.partners-logo{
    position: absolute;
    right: 60%;
    top:5%;
}
.left45{
    left: -45% !important
}
.left40{
    left: -40% !important
}
.left35{
    left: -35% !important
}
.top2{
    top: 2% !important
}
.apply-btn {
    background:#fef0a3;
    color: black
}
label.mb0{
    font-size: 12px
}
ul.mleft0 {
    margin-left: -15px
}
.cts_red.clip{
    clip-path: polygon(70% 0%, 100% 12%, 100% 88%, 100% 101%, 0% 101%, 0% 0%);
    -webkit-clip-path: polygon(70% 0%, 100% 12%, 100% 88%, 100% 101%, 0% 101%, 0% 0%);
}
ol.cts{
    margin-left: -6%;
    margin-top: 5px
}
.pdd-20{
    padding-left: 20px;
    padding-right: 20px;
}
.w90 img {
    max-width: 160px;
    min-width: 100px;
}
.deployed{
    font-family: 'Open Sans Condensed';
    font-size: 24px;
    font-weight: bold;
    padding: 0px 0px 13px 28px;
    color: #888;
}
.close-modal, .close-modal:hover,.close-modal:focus, .close-modal:active{
    font-size: 14px;
    margin-top: 24px;
    text-shadow: none;
    color: white;
    position: absolute;
    bottom: 20px;
}
.close-modal-btn, .close-modal-btn:hover, .close-modal-btn:focus, .close-modal-btn:active{
    float: left;
    margin-top: 20px;
    font-size: 14px;
    color: white;
    text-shadow: none;
}

.arrow-down1 {
    background-color: #DDDDDD;
    position: relative;
    top: -13px;
    width: 40%;
    margin-left: 6%;
    border: 1px solid #DDDDDD;
    border-right: 0px solid;
    clip-path: polygon(100% 0%, 100% 43%, 47% 100%, 47% 100%, 0 43%, 0% 0%);
    -webkit-clip-path: polygon(100% 0%, 100% 43%, 47% 100%, 47% 100%, 0 43%, 0% 0%);
}
.arrow-down2 {
    text-align: center;
    margin-top: -5.5px;
    border: 1px solid #DDDDDD;
    height: 133px;
    padding-top: 37px;
    background-color: white;
    margin-left: -0.5px;
    clip-path: polygon(100% 0%, 100% 45%, 47% 100%, 47% 100%, 0 45%, 0% 0%);
}
.arrow-down2 img {
    width: 150px;
    position: relative;
    top:-10px;
}
.logo-tri{
    position: fixed;
    top:0px;
    z-index: 99999;
}
.section-top{
    margin-top: 120px
}

.navbar-toggler{
    position: absolute;
    right: 15px;
    top: 10px;
}
.modal{
    z-index: 99999;
}
.apply-head{
    font-size: 18px;
    font-weight: bold;
}
.apply-text{
    font-size: 12px;
    width: 90%;
    font-family: Open sans;
    margin-left: 5%;
    color: #999;
	margin-bottom: 5%;
}
#ctsModal, .tos-lg, .mybas-lg, .gift-lg, .apply-lg{
    padding-right: 0px !important
}

.icon{
    width: 120px;
	display: flex;
  	align-items: center;
}
.cts_red{
    font-family: Open Sans
}
.small-70{
	font-family: Open Sans;
    color: #bbb;
    font-size: 16px;
}
.img-fluid {
  display: inline-block !important;
  max-width: 25% !important;
}

.modal-content{
    border: none;
}

@media (max-width: 1240px) {
	.fit-image{
	width: 100%;
	object-fit: cover;
	}
}

@media (max-width: 640px) {
.col-auto {
  width:100%;
  max-width:100% !important;
}
.col-auto img {
  width:100%;
  max-width:100%;
}