.ban{background-size:cover;float:left;clear:both;width:100%;min-height:170px;margin-top:91px;padding-top:52px;}
.ban h1{font-size:25px;text-transform:uppercase;text-align:center;letter-spacing:6px;margin-bottom:25px}
.ban span{font-size:16px;display:block;text-align:center;color:#fff;font-weight:400;margin-bottom:11px}
.s1{padding:40px 0px 40px;background: #f6f6f6;min-height: 729px;}
.single-careers .ban{background-size:cover}
/*
.s1 ul li,
.s1 p{color:#545454;font-size:18px;font-weight:400;}
.s1 p{margin-bottom:24px}
.s1 ul{list-style:none;margin:0px 0 24px;padding:0px}
.s1 ul li{margin-bottom:7px;position: relative;padding-left:30px}
.s1 ul li:before{content:'•';margin:-1px 10px 0 0;display:inline-block;vertical-align:top;font-size:30px;color:#f4b73d;line-height:1em;}
.s1 ul li strong{color:#15253b}
img.alignleft{float:left;margin:0 20px 15px 0}
img.alignright{float:right;margin:0 0px 15px 20px}*/
.s1 .intro{
    display: block;
    text-align: center;
}
.s1 .intro p{
    display: block;
   
font-family: "Roboto";
font-size: 18px;
font-weight: 500;
line-height: 1.72em;
text-align: center;
color: #5f5f5f;
margin-bottom:36px;
}
.s1 .blue-box{
    display: flex;
    width: 100%;
    max-width: 1411px;
    min-height: 418px;
    background-color: #182539;
    margin:0 auto 47px;
    flex-direction: column;
    padding:49px 0 49px;
    
}
.s1 .blue-box h3{
    padding:0 20px;
    width:100%;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3em;
    text-align: center;
    color: #ffffff;
    margin-bottom: 40px;

}
.s1 .blue-box  .items{
    display: flex;
    justify-content: space-between;
}
.s1 .blue-box .item{
    display: flex;
    justify-content: center;
    min-height:275px;
    align-items: center;
    width:100%;
    position: relative;
    border-right:  solid 2px #30405a;
}
.s1 .blue-box .item:last-child{
    border-right:none;
}
.s1 .blue-box .item img{
    max-width:190px;
    display: block;
    margin:0 auto 25px;
}
.s1 .blue-box .item h4.fr{
    display: block;
    font-family: "Roboto";
    font-size: 20px;
    font-weight: bold;
    line-height: 1.55em;
    text-align: center;
    color: #ffffff;
}
.s1 .blue-box .item h4.bk{
    display: block;
    margin:0px;
    font-family:"Roboto";
    font-size: 18px;
    line-height: 1.72em;
    text-align: center;
    color: #fff;
    padding:0 15px;
    font-weight: bold;
  
}
.s1 .blue-box .item p{
    font-family: "Roboto";
    font-size: 18px;
    font-weight: normal;
    line-height: 1.72em;
    text-align: center;
    color: #c9e0f7;
    margin:0px auto;
    max-width: 290px;
}

.s1 .bottom-text{
    width:100%;
    max-width: 1230px;
    margin:0 auto 68px;
}
.s1 .bottom-text p{
    font-family: "Roboto";
    font-size: 18px;
    line-height: 1.72em;
    color: #5f5f5f;
    font-weight: 400;
}

.s2{background:#15253b;position: relative;}
.s2 .lb{width:30%;background:#15253b;padding:56px 30px 56px 102px;float:left;}
.s2 .lb.stick{position:fixed;top:94px;left:0px;z-index:9999;}
.s2 .lb .ic.scrolled{position:absolute;bottom:56px;}
.s2 .lb .ic.scrolled ul{max-width:80%;}
.s2 .lb ul{display:block;margin:0px;padding:0px}
.s2 .lb ul li{display:block;margin-bottom:24px}
.s2 .lb ul li a{color:#fff;font-size:21px;text-transform:uppercase}
.s2 .lb ul li a.active,
.s2 .lb ul li a:hover{color:#e39a07;}
.s2 .lb h3{font-size:30px;margin-bottom:59px}

.s2 .rb{float:right;width:70%;background:#fff;}
.s2 .rb .item{margin-bottom: 60px}
.s2 .rb .ic{float:left;max-width:1125px;padding:62px 32px;width:100%;}
.s2 .rb h3{font-size:30px;font-weight:700;color:#6273a7;border-bottom:4px solid #e8e8e8;padding-bottom:22px}
.s2 .rb h4{font-size:18px;font-weight:700;color:#21334c;text-transform:uppercase}
.s2 .rb ul li,
.s2 .rb p{color:#545454;font-size:18px;font-weight:400;line-height:1.55em}
.s2 .rb p{margin-bottom:20px}
.s2 .rb ul{list-style:none;margin:0px 0 24px 30px;padding:0px}
.s2 .rb ul li{margin-bottom:7px;position: relative;padding-left:26px}
.s2 .rb ul li:before{content:'•';position: absolute;top:-2px;left:0px;font-size:30px;color:#f4b73d;line-height:1em;}
.s2 .rb a{color:#f4b73d;font-weight:700;}


.btnapply{
    display: inline-flex;
    width:auto;
    flex-grow: inherit;
    min-width: 255px;
    min-height: 65px;
    background-color: #21334c;
    padding:15px 20px;
    justify-content: center;
    align-items: center;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    color: #ffffff!important;
}
.btnapply:hover{
    background-color: #ed6612;
}
.bb-custom-wrapper {
	width: 100%;
	position: relative;
	
}

.bb-bookblock {
	width: 100%;
	height: 275px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	-webkit-perspective: 1300px;
	perspective: 1300px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-page {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.bb-vertical .bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	-webkit-transform-origin: left center;
    transform-origin: left center;
   
}

.bb-horizontal .bb-page {
	width: 100%;
	height: 50%;
	top: 50%;
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-vertical .bb-content {
	width: 200%;
}

.bb-horizontal .bb-content {
	height: 200%;
}

.bb-page > div {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bb-vertical .bb-back {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-horizontal .bb-back {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.bb-outer {
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.bb-overlay, 
.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.2);
}

.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

/* Content display */
.bb-content {
	background: #182539;
}

.bb-vertical .bb-front .bb-content {
	left: -100%;
}

.bb-horizontal .bb-front .bb-content {
	top: -100%;
}

/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-vertical .bb-flip-prev {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.bb-horizontal .bb-flip-prev {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.bb-vertical .bb-flip-next-end {
	-webkit-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
}

.bb-vertical .bb-flip-prev-end {
	-webkit-transform: rotateY(-165deg);
	transform: rotateY(-165deg);
}

.bb-horizontal .bb-flip-next-end {
	-webkit-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

.bb-horizontal .bb-flip-prev-end {
	-webkit-transform: rotateX(165deg);
	transform: rotateX(165deg);
}

.bb-item {
    width: 100%;
    min-height: 275px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

	background: #182539;
}
.bb-item.desc{
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.s1 .blue-box .item:hover .bb-item.desc{
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.bb-ic{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    min-height: 275px;
    width:100%;
    padding:0 15px;
}
@media screen and (max-width: 1504px){
    .s2 .lb{padding:30px;}
   
    
}


@media screen and (max-width: 1440px){
    .s2 .lb ul li{margin-bottom:20px;}
    .s2 .lb ul li a{font-size:18px}
    .s2 .lb .ic.scrolled{max-width:350px;}
}
@media screen and (max-width: 1366px){
    .s2 .lb ul li{margin-bottom:20px;}
    .s2 .lb ul li a{font-size:18px}
    .s2 .lb .ic.scrolled{max-width:330px;}
    .s1 .blue-box .item h4.bk,
    .s1 .blue-box .item p{
        font-size:16px;
    }
    
    
}
@media screen and (max-width: 1279px){
    .s2 .lb ul li a{font-size:14px}
    .s2 .lb .ic.scrolled{max-width:260px}
    .s1 ul li, .s1 p{font-size:16px}
    .s2 .rb ul li, .s2 .rb p{font-size:16px}

    .s1 .blue-box .item h4.bk,
    .s1 .blue-box .item h4.fr,
    .s1 .blue-box .item p{
        font-size:14px;
    }
}

@media screen and (max-width:1023px){
    .s2 .lb h3{font-size:18px}
    .s2 .rb h3{font-size:18px}
    .s2 .rb .ic{padding-top:33px;}
    .s2 .lb ul li a{font-size:12px}
    /*.s2 .lb .ic.scrolled ul{max-width:60%;}*/

    .s2 .lb{width:100%;padding:20px 15px 0px}
    .s2 .rb{width:100%}
    .s2 .lb h3{margin-bottom:20px;cursor:pointer;font-size:18px;}
    .s2 .lb h3:after{content:" "; width: 0; 
        height: 0; 
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #6273a7;display:inline-block;margin-left:10px}
    .s2 .lb ul{display:none}
    .s2 .rb.stick{padding-top:61px}
    img.alignleft,
    img.alignright{float:none;display:block;margin:0 auto 25px}
    .s1 .blue-box .items{
        flex-wrap: wrap;
    }
    .s1 .blue-box .items .item{
        width:50%;
        margin-bottom: 20px;
    }
}   
@media screen and (max-width:639px){
  
    .s2 .rb{width:100%;float:left}
    .s2 .rb .ic{padding:10px 12px}
    .s2 .rb{width:100%;}

    .s1 .blue-box .items{
        flex-wrap: nowrap;
        flex-direction: column;
        
    }
    .s1 .blue-box .items .item{
        width:100%;
        border-right:none;
    }
}