@import "font/stylesheet.css";


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body{ overflow-x: hidden;}
body.mainmenuopened {
    overflow-y: hidden;
}
html,body {
    height:100%;
    padding:0;
    margin:0; font-family: "Montserrat Regular";
}


*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.clearfix{ clear:both; float:none;}

#nav{display: none;}
.indexNewsContainer{width: 100%; min-height:365px; background: rgb(0,166,226); position: relative;
background: linear-gradient(-90deg, rgba(0,166,226,1) 0%, rgba(0,166,226,1) 25%, rgba(121,50,130,1) 55%, rgba(229,0,102,1) 81%, rgba(232,60,77,1) 100%);}
.indexNewsMask{background: url(../img/index-news-mask.png) no-repeat right; min-height:365px; width: 100%; height: auto;}

a.indexNews{display: inline-block; width: auto; height: 50px; border: 1px solid rgba(255,255,255,0.11); border-radius: 25px; line-height: 50px; padding: 0 30px; font-size:16px; color: #fff; transition: all 0.3s ease-in-out; margin-right: 10px;}
a.indexNews:hover{ border: 1px solid rgba(255,255,255,1); background: #fff; color: #A5A5A5;}

a.indexNewsAr{display: inline-block; width: 50px; height: 50px; border-radius: 100%; border: 1px solid rgba(255,255,255,1); line-height: 50px; padding: 0; font-size:18px; color: #A5A5A5; transition: all 0.3s ease-in-out; background: #fff; text-align: center;}
a.indexNewsAr:hover{ border: 1px solid rgba(255,255,255,0.11); background: none; color: #fff;}


a.indexNewsArc{display: inline-block; width: 50px; height: 50px; border-radius: 100%; border: 1px solid rgba(255,255,255,1); line-height: 50px; padding: 0; font-size:18px; color: #fff; transition: all 0.3s ease-in-out; background:none; text-align: center;}
a.indexNewsArc:hover{ border: 1px solid rgba(255,255,255,0.11); background: #fff; color: #E31B5D;}


.midBg{width: 60%; height: 450px; background: linear-gradient(-90deg, rgba(0,166,226,1) 0%, rgba(0,166,226,1) 25%, rgba(121,50,130,1) 55%, rgba(229,0,102,1) 81%, rgba(232,60,77,1) 100%); position: absolute; z-index: 0; right: 0%; bottom:-50px;}
.midBgMask{background: url(../img/index-news-mask.png) no-repeat center; min-height:450px; width: 100%; height: auto;}

.indexProductBox{width: 100%; min-height: 400px; background: rgba(242,242,242,0.7); backdrop-filter: blur(25px);}
.indexPBoxL{width: 141px; height: 141px; display: inline-block; display: flex; align-items: center; justify-content: left; float: left; margin: 30px 0 0 38px; display: none;}
.indexPBoxTc{width: 100%; display: block; height: auto; padding: 30px 38px 30px 38px;}
.indexPBoxT{width: 100%; height: auto; font-size:24px; font-weight: 600; color:#001341;}
.indexPBoxST{width: 100%; height: auto; font-size:24px; font-weight: 300; color:#001341; padding: 10px 0;}
.indexPBoxSp{width: 66px; height: 2px; background: rgba(0,0,0,0.04);}
.indexPBoxTxt{width: 100%; height: auto; font-size:16px; font-weight:400; color:#001341; padding: 25px 0 0 0; line-height: 25px;}
.indexPBoxT a{font-size:24px; font-weight: 600; color:#001341;}
.indexPBoxT a > span{ font-weight: 300; padding: 10px 0; display: block;}

.indexProductBg{
	position: absolute;
	left:-10%;
	padding: 0 10%;
	top:-310px;
	background: linear-gradient(-90deg, rgba(0,166,226,1) 0%, rgba(0,166,226,1) 25%, rgba(121,50,130,1) 55%, rgba(229,0,102,1) 81%, rgba(232,60,77,1) 100%);
	width: 120%;
	height: 821px;
	border-radius: 50% / 30%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;	
	
}
.indexProductMask{background: url(../img/index-news-mask.png) no-repeat right; min-height:821px; width: 120%; height: auto;
	position: relative;
	left:-10%;
	padding: 0 10%;
	
	border-radius: 50% / 30%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.midInfCon{background: url(../img/mdb.png) no-repeat right; min-height:321px; width: 100%; height: auto; position: relative; border-radius: 10px;
}


.footerLogo{width: 197px; height: 77px; background: #fff; box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.11); border-radius: 10px; text-align: center; display: flex; align-items: center; justify-content: center; margin: 30px; overflow: hidden;}

.footerLogo img{ max-width: 60%}

.midConTC{width: 100%; padding: 60px 150px;}

.midSStrB{width: 150%; height: 748px; background: #011E65; position: absolute;}
.midSStrIB{width: 100%; height: auto; position: absolute;}
.midSStrIB img{width: 100%;}
.midSStrST{font-size: 16px; color:#6C6C6C; width: 100%; height: auto; padding: 30px;}
.midSStrSTx{font-size:44px; color:#001341; width: 100%; height: auto; padding:10px 30px; line-height: 50px; font-weight: 600;}
.midSStrSTxx{font-size: 16px; color:rgba(0,19,65,0.56); width: 100%; height: auto; padding:10px 30px; line-height: 25px;}






































a.accordionOneT{

	border-top:1px solid;
	border-right:1px solid;
	border-left:1px solid;
	border-color:#FAFBFC;
	height: 60px; line-height:60px;
	width: 100%;
	font-size:16px;
	color: #000;
	background: #fff;
	padding: 0 60px 0 15px;
	text-align:left;
	position: relative;
	display: block;
	transition: all 0.3s ease-in-out; 
}
a.accordionOneT:before{
	content:"\f105";
	position:absolute; 
	font-family: 'FontAwesome';
	right:13px; 
	font-size:20px; 
	top:50%; 
	color: #868687;
	
	margin-top:-25px; 
	transition: all 0.3s ease-in-out;
}



a.accordionOneT:hover{color:#333333;background: #fff; opacity: 1;}

a.accordionOneT:hover:before{
	content:"\f107";
	position:absolute; 
	font-family: 'FontAwesome';
	right:13px; 
	font-size:20px; 
	top:50%; 

	
	margin-top:-25px; 
	transition: all 0.3s ease-in-out;
}
a.accordionOneT:nth-child(1) {
  border-radius: 10px 10px 0 0; 
}
a.accordionOneT:last-child {
   border-bottom:1px solid;
	  border-radius: 0 0 0 0; 

}

a.accordionOneT:hover  .iconnnn{ color:#fff;}

a.accActiveT {color:#333333; opacity: 1; background: #fff;}
a.accActiveT:before{
	content:"\f107";
	position:absolute; 
	font-family: 'FontAwesome';
	right:13px; 
	font-size:20px; 
	top:50%; 

	
	margin-top:-25px;
	transition: all 0.3s ease-in-out;
}


.accordionConT {
	margin:0 0 0 0; padding:25px 15px;
	border-left:1px solid #FAFBFC;
	border-right:1px solid #FAFBFC;
	overflow: hidden;
	clear: both;
	text-align:justify; background: #fff;
	font-size:14px; color:rgb(112,112,112,0.63); line-height:18px; font-family: 'Montserrat Regular',sans-serif;
	
}
a.accordionConT:last-child {
	border-bottom:1px solid #FAFBFC;
}

.accordionConT p{ color:rgb(112,112,112,0.63);}



.nFooterLogo{width: 100%; height: auto; text-align: left;}
.nFooterIC{margin-top: 40px;  width: 100%;}
.nFooterI{width: 20px;
    margin-right: 29px;
    height: 79px;
    font-size: 35px;
    float: left;
    color: #fff;}
.nFooterT{font-size: 13px; color:#fff; font-weight: 300; line-height: 15px;}
.nFooterSC{margin-top: 10px;  width: 100%;}
.nFooterSI{width: 20px;
    margin-right: 29px;
    height: 49px;
    font-size: 35px;
    float: left;
    color: #fff;}
.nFooterST{font-size: 22px; color:#fff; padding-top: 7px;}
.nFooterSS{width: 100%; margin-top: 22px;}

#footer {
    position: relative;
    display: block;
    background-color: #1b1c21;
    width: 100%;
    color: #fff;
    font-size: 13px;
    margin-top: 0;
}
#footer .footer-menu {
    width: 100%;
    display: block;
    padding: 0 0 74px;
}
#footer .footer-menu .menu-wrapper {
    width: 16.666%;
    height: 280px;
    float: left;
}
#footer .footer-menu ul {
    color: #6c6c6c;
    display: block;
}

#footer .footer-menu ul li {
    width: 100%;
    display: block;
    margin-bottom: 18px;
    line-height: 1;
}

#footer .footer-menu ul li label {
    font-weight: 600;
    color: #fff;
    display: block;
    font-size: 16px;
}

#footer .copyright-block {
    display: block;
    width: 100%;
    border-top: 1px solid #2d2d2d;
    padding: 18px 0;
}
#footer .copyright-block .copyright-text {
    padding: 6px 0 0 43px;
    color: #6c6c6c;
}

#footer a {
    color: #fff; font-weight: 300;
    transition: color .3s linear;
}

.swiper { width: 100%; height: 100%; }

.successS{ background: rgba(255,255,255,0.4); backdrop-filter: blur(15px);}

.successS  .swiper-pagination-bullet{
	width:6px !important;
	height:6px !important;
	background:#011E65 !important;
	opacity: 1 !important;
	cursor: pointer;
	position: relative !important;
	border-radius: 100% !important; left: 20px;
	border:1px dotted transparent;
	box-sizing:content-box; transition:all .3s;	
	margin: 30px 0 !important;
	display: block
	
}
.successS  .swiper-pagination-bullet-active{
	background: #fff !important;
}
.successS  .swiper-pagination-bullet-active:before{
	content: "";
	position: absolute;
	padding: 10px;
	border-radius: 100%;
	left: -8px;
	top: -8px;
	border:1px dashed rgb(1,30,101,0.5);	
}

.successS .swiper-pagination-horizontal{
	bottom: inherit;
	left: 20px !important;
    top: 44% !important;
    transform: translate3d(0px,-50%,0);	
	width: 50px !important;
}



ul.midmenu{margin: 0; padding: 0; display: inline-block; text-align: center; width: 100%;}
ul.midmenu li{display: inline-block; padding: 10px 20px;}
ul.midmenu li a{color: rgb(108,108,108, 0.56);}
ul.midmenu li a:hover{color: rgb(108,108,108,1);}


a.successL{color: #001341; transition:all .3s;}
a.successL:hover{ text-decoration: underline;}

a.aboutLink{display: block; width: 100%; height: 30px; transition:all .3s; color: #fff;}
.aboutLT{display: inline-block; float: left; line-height: 32px; transition:all .3s;}
.aboutLI{display: inline-block; float: left; line-height: 0; margin-left: 35px; font-size:32px; transition:all .3s;}

a.aboutLink:hover .aboutLI{ margin-left: 25px;}




.successSM  .swiper-pagination-bullet{
	width:6px !important;
	height:6px !important;
	background:rgba(255,255,255,0.55) !important;
	opacity: 1 !important;
	cursor: pointer;
	position: relative !important;
	border-radius: 100% !important; right: 15px;
	border:1px dotted transparent;
	box-sizing:content-box; transition:all .3s;	
	margin: 0 20px 0 0 !important;
	
}
.successSM  .swiper-pagination-bullet-active{
	background: #fff !important;
}
.successSM  .swiper-pagination-bullet-active:before{
	content: "";
	position: absolute;
	padding: 10px;
	border-radius: 100%;
	left: -8px;
	top: -8px;
	border:1px dashed #73E9F2;	
}

.successSM  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 130px;
    left: 25px;
    width: 400px;
}

.successSM .swiper-pagination {
    position: absolute;
    text-align: left;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}

a.viewAll{width: 100%; min-height: 200px; background:rgba(1,30,101,0.1); backdrop-filter: blur(25px); padding: 50px 25px; display:block; transition:all .3s;}
.viewAT1{width: 100%; height: auto; font-size: 24px; font-weight: 600; color: #fff; transition:all .3s;}
.viewAT2{width: 100%; height: auto; font-size: 24px; font-weight: 300; color: #fff; padding: 10px 0 0 0; transition:all .3s;}
.viewAT3{width: 100%; height: auto; font-size: 16px; line-height: 25px; font-weight: 300; color: #fff; padding: 10px 0 0 0; transition:all .3s;}
.viewAT4{width: 100%; height: auto; font-size: 22px; font-weight: 300; color: #fff; padding: 10px 0 0 0; transition:all .3s;}

a.viewAll:hover{background: #011E65;}
a.viewAll:hover .viewAT4{ padding-left: 20px;}

.whyBulutLCon{width: 100%; height: 204px; background: rgba(255,255,255,0.3); backdrop-filter: blur(25px); z-index: 10; border:1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 30px;}
.whyBulutLT{width: 100%; height: auto; padding: 10px 0; font-size:24px; font-weight: 600; color: #fff;}
.whyBulutLTx{width: 100%; height: auto; padding: 10px 0; font-size:16px; font-weight: 400; color: #fff; line-height: 25px;}

.wyhBulutSw .swiper-slide{width: 370px;}



#tabHead{ width:100%; height:39px; text-align: center; display: inline-block;}
#tab-head{ width:100%; margin:0 auto; height:49px; display: inline-block; text-align: center;}
#tab-head li{ display:inline-block; width:auto; height:50px; padding:0 10px;}
#tab-head a{ font-size:18px; color: rgb(108,108,108, 0.56); font-weight:600; display:inline-block; text-align:center; width:auto; height:50px; line-height:50px; transition: all 0.4s ease-in-out; padding:0 15px; margin:0 5px 0 0;}
#tab-head a:hover{ color: rgb(108,108,108,1);}
#tab-head a.active{color: rgb(108,108,108,1);}

.bulutCloudProduct .swiper-slide{width: 397px;}


.tabContent { width:100%; min-height:420px; float:left; position:relative; padding:25px 0 0 0; margin:0 0 0 0;}
#tabContent { width:100%; position:relative; padding:0;}


a.readMoreBlog{ border: 1px solid #fff; color: #fff; padding: 12px 18px; margin-right: 10px; transition: all 0.4s ease-in-out;}
a.readMoreBlog:hover{  background: #fff; color: #000;}

a.readMoreG{ border: 1px solid #fff; color: #fff; font-size: 16px; padding: 12px 18px; margin-right: 10px; transition: all 0.4s ease-in-out;}
a.readMoreG:hover{  background: #fff; color: #000;}


a.viewAllBlog{ text-decoration: underline; color: #fff; padding: 12px 18px; margin-right: 10px; transition: all 0.4s ease-in-out;}
a.viewAllBlog:hover{ text-decoration: none; }

.bulutRef .swiper-slide{width: 197px; height:280px;}




.indexNewsSVM{display: inline-block; width: 100%; height: 50px; border: 1px solid rgba(255,255,255,0.11); border-radius: 25px; line-height: 50px; padding: 0 0; font-size:16px; color: #fff; transition: all 0.3s ease-in-out; text-align: center; cursor: pointer;}
.indexNewsSVM:hover{ border: 1px solid rgba(255,255,255,1); background: #fff; color: #A5A5A5;}
.swiper-slide-active .indexNewsSVM{ border: 1px solid rgba(255,255,255,1); background: #fff; color: #A5A5A5;}

.bulutMVS .swiper-pagination-bullet {
	display: inline-block; width: auto; height: 50px; border: 1px solid rgba(255,255,255,0.11); border-radius: 25px; line-height: 50px; padding: 0 30px; font-size:16px; color: #fff; transition: all 0.3s ease-in-out; margin-right: 10px;
}
.bulutMVS .swiper-pagination-bullet-active {
	border: 1px solid rgba(255,255,255,1); background: #fff; color: #A5A5A5;
}

.bulutMVS  .swiper-horizontal>.swiper-pagination-bullets {
    bottom: -100px;
    left: 0;
    width: 100%;
}

.bulutMVSN{display: inline-block; width: 50px; height: 50px; border-radius: 100%; border: 1px solid rgba(255,255,255,1); line-height: 50px; padding: 0; font-size:18px; color: #A5A5A5; transition: all 0.3s ease-in-out; background: #fff; text-align: center; position: absolute; right: -70px; top: 10px;}
.bulutMVSN:hover{ border: 1px solid rgba(255,255,255,0.11); background: none; color: #fff; cursor: pointer;}

.bulutMVSP{ width: 50px; height: 50px; border-radius: 100%; border: 1px solid rgba(255,255,255,1); line-height: 50px; padding: 0; font-size:18px; color: #A5A5A5; transition: all 0.3s ease-in-out; background: #fff; text-align: center; position: absolute; right: -70px; top: 10px; display: none; cursor: pointer;}
.bulutMVSP:hover{ border: 1px solid rgba(255,255,255,0.11); background: none; color: #fff;}

.bulutMVSNav .swiper-slide{width:160px;}


a.midBtn{width: 100%; height: 87px; border-radius: 15px; background: rgba(233,240,251,0.25); padding: 20px 20px; display: block; transition: all 0.3s ease-in-out;}
.midBtnS1{width: 51px; height: 51px; background: #fff; border-radius:8px; float: left; text-align: center; line-height: 56px; font-size:30px; color: #1034A1;}
.midBtnS2{width: 100%; font-size:16px; color: #fff; font-weight: 500; padding-top: 10px; transition: all 0.3s ease-in-out;}
.midBtnS3{width: 100%; font-size:12px; color:rgba(255,255,255,.55); font-weight: 500; padding-top: 5px; transition: all 0.3s ease-in-out;}

a.midBtn:hover{ background: rgba(233,240,251,1);}
a.midBtn:hover .midBtnS2{ color: #1034A1;}
a.midBtn:hover .midBtnS3{ color: #1034A1;}

.careerBannerC{width: 100%; height: 718px; position: relative; padding: 300px 0 0 0;}
.careerBannerT{width: 100%; height: auto; font-size: 54px; line-height: 70px; color: #fff; font-family: "Code Pro LC";}

.careerTitle{width: 100%; height: auto; font-size: 44px; color: #001341; font-weight: bold;}

.careerBannerImage {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}




#careerTab{ width:100%; margin:0 auto; height:auto; display: inline-block; text-align: center;}
#careerTab a{ display: block; width: 100%; height: auto;}
#careerTab a > .img{width: 100%; height: auto;}
#careerTab a > .img img{width: 100%; height: auto; display: block;}
#careerTab a > .titleCon{ width: 100%; height: auto; padding-top: 10px; position: relative;}
#careerTab a > .titleCon > .icon{width: 40px; height: 40px; border: 1px solid rgb(112,112,112,0.06); border-radius: 40px; line-height: 42px; text-align: center; color: #10A4EF; float:left;}
#careerTab a > .titleCon > .title{margin-left: 55px; height:40px; line-height: 42px; color: #001341; text-align:left; font-weight: 600; font-size:20px;}

#careerTab a.active > .titleCon:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 28px 28px 28px;
	bottom: -35px;
	left: -8px;
	border-color: transparent transparent #FCFCFC transparent;	
	transition: all 0.3s ease-in-out;
	transition-delay: 0.72s;
	
}

#careerTab a:hover .icon{ background: #10A4EF; color: #fff;}
#careerTab a.active .icon{background: #10A4EF; color: #fff;}




.careerContent { width:100%; min-height:300px; background: #FCFCFC; padding: 90px 0 70px 0 ; }
#careerContent { width:100%; position:relative; padding:0;}

.careerTabTCon{width: 100%; height: auto; padding: 0 40px;}
.careerTabT{width: 100%; font-size: 35px; color: #001341; font-weight: 600; padding-bottom: 30px;}

a.careerReadMore{font-size:16px; color: #10A4EF; margin-top: 20px; display: inline-block; width: auto; line-height: 20px;}
a.careerReadMore > i {color: #134563;}

.iBannerB{width: 100%; height: auto; position: absolute; top: -100px;}
.iEventBnCCC{width: 100%; height: 515px; position: relative; padding:0; display: flex; align-items: flex-end;}
.iEventBnSCon{height: 181px; background:#fff; padding: 0;}
.iEventBnT{width:100%; height:auto; font-size:16px; color:#BEBEBE; padding-top:40px;}
.iEventBnTT{width:100%; height:auto; font-size: 40px; color:#000; font-weight: 600; line-height: 50px; padding-top:30px;}
.iEventBnST{width: 100%; height:auto; color:#E31B5D; font-size:14px; font-weight:500; padding-top:15px;}

.iEventDCn{width: 401px; height:345px; background:#082979; float: right; display: flex; flex-wrap: wrap;}
.iEventDCnn{width: 270px; height: 271px; padding: 70px 50px 0 0;}
.iEventDCD{width: 100%; height: auto; font-size: 60px; color: #fff; text-align: right; line-height: 60px; font-weight: 600;}
.iEventDCDY{width: 100%; height: auto; font-weight:600; font-size: 16px; text-align: right; color: #fff; padding-top: 20px;}
.iEventDCD1{width: 131px; height: 271px; background: #011E65; padding: 25px;}
.iEventDCD2{width: 100%; height: auto; padding: 30px 0;}
.iEventDCD3{width: 100%; height: auto; font-size: 12px; color: #fff; text-align: right;}
.iEventDCD4{width: 100%; height: auto; font-size: 18px; color: #fff; text-align: right; font-weight: 600; padding-top: 10px}

.webinarCon p{font-size:16px; color: rgb(0,19,65,0.5); line-height: 29px; padding-top: 25px; padding-left: 10px; text-align: center;}
.webinarCon ul{margin: 0; padding: 0 0 0 40px; list-style: circle;}
.webinarCon ul li{font-size:16px; color: rgb(0,19,65,0.5); line-height: 29px; padding-top: 15px; padding-left: 10px;}
.webinarCon iframe{width: 70%; height: 450px; border: 5px solid #011E65;}
a.eventBtn{width: 100%; height: 74px; background: #E31B5D; display: block; text-align: center; line-height: 74px; color: #fff; font-size: 16px; font-weight: 600;}

.sStory{width: 100%; text-align: center;}
.sStoryD{width: 100%; text-align: center; font-size:16px; font-weight: 300; color: #001341; padding-top: 55px;}
.sStoryI{width: 100%; padding: 45px 0 0 0;}
.iEventC{width: 100%; height: 230px; background: #E31B5D; margin-top: 50px; padding: 30px;}
.iEventL{font-size: 12px; font-weight: 300; color: #fff; padding: 10px 20px 10px 15px; background:#011E65; width: auto; display: inline-block;}
.iEventTitle{width: 100%; height: auto; font-size: 24px; color: #fff; font-weight: 600;}
.iEventSTitle{width: 100%; height: auto; font-size: 24px; color: #fff; font-weight: 100; padding-top: 10px;}
.iEventDt{width: auto; height: auto; font-size: 30px; color:rgba(255,255,255,0.2); font-weight: 600; padding-top: 30px; display: inline-block;}
.iEventLk{display: inline-block;  width: auto; float: right; padding-top: 20px;}

.iEventCt{width: 100%; height: calc(100vh - 120px); position: relative; padding:0; display: flex; align-items: center; justify-content: center;}
.iEventCtC{width: 100%; height: auto; padding: 0; font-size: 16px; color: #E31B5D;}
.iEventCCT{width: 100%; height: auto; padding: 25px 0; font-size: 40px; line-height: 50px; font-weight: 600; color: #FFF;}
.iEventCSTx{width: 50%; height: auto; padding: 25px 0; font-size: 16px; line-height: 25px; color: #FFFFFF;}

.iAvardC{width: 100%; height: 230px; background:#011E65; margin-top: 50px; padding: 30px;}
.iAvardT{width: 100%; height: auto; font-size: 24px; color: #fff; font-weight: 600; padding-top: 47px;}
.iAvardST{width: 100%; height: auto; font-size: 24px; color: #fff; font-weight: 100; padding-top: 10px;}
.iAvardLk{width: 100%; height: auto; font-size: 24px; color: #fff; font-weight: 100; padding-top: 10px;}
.iAvardIC{width: 100%; padding: 50px 0;}

.iAboutLLCon{width: 100%; height: auto; padding:80px;}
.iAboutLCon{width: 100%; height: auto; padding:130px 80px 20px 80px; position: relative;}
.iAboutRCon{height: auto; padding:10px 0 0 80px; position: relative; width: 410px;}

.iSolutionC{width: 100%; height: auto; background:rgb(242,242,242, 0.28);}
.iSolutionCn{width: 141px; height: 141px; background:#011E65; display: inline-block; display: flex; align-items: center; justify-content: center; float: right;}
.iSolutionCnn{width: 100%; display: block; height: auto; padding: 90px 30px 50px 30px;}

.iWhyBImg{width: 130%; z-index: 1; position: absolute; height: 100%; object-fit: cover;}
.iWhySubT{width: 60%; padding: 30px 10px 30px 90px; font-size:16px; font-weight: 100; color: #FFFFFF; line-height: 25px;}
.iWhyTT{width: 100%; height: auto; font-size:22px; color:#6C6C6C; line-height: 25px; padding-top: 120px;}
.iWhyTTS{width: 100%; whyBulutBnImgheight: auto; font-size:44px; font-weight: 600; line-height: 50px; color:#001341; padding-top: 10px;}

.iProT{width: 100%; height: auto; text-align: center; font-size: 44px; color: #001341; font-weight: bold;}

.pT50{padding-top: 50px;}
.pB50{padding-bottom: 50px;}
.pT90{height: 90px;}
.pT70{height: 70px;}
.pT60{height: 60px;}
.pT90W{height: 90px;}
.pT450{height: 450px;}
.pT0{height: 0;}
.pT100{height: 100px;}
.pT120{height: 120px;}
.pT150{height: 150px;}
.proNumT{width: 100%; height: auto; font-size:53px; color: #fff; font-weight: 600; text-align:center; padding-top: 20px;}
.proNumTx{width: 100%; height: auto; font-size:20px; color: #fff; font-weight: 300; text-align:center; padding-top: 30px; padding-bottom: 20px;}
.border-r1{border-right: 1px solid #D2D2D2;}
.border-r2{border-right: 1px solid #D2D2D2;}

.iProBg{width: 100%; position: relative; height: 630px;}

.tchNC{width: 100%; height: auto; min-height: 794px; background-color:  #E82C52 ; background-image:url('../img/story-bg.png'); background-repeat: no-repeat; background-position: -500px -450px;}
.tchNTC{width: 120%; height: auto; position: absolute;}
.tchNTCT1{width:175px; height: 175px; display: inline-block; float: left;}
.tchNTCTR{width:107px; height: 107px; display: inline-block; float: left; margin: 25px 20px 0 20px;}
.tchNTCTRR{width: 100%; height: auto; position: relative;}








#slider {
    position: relative;
    display: block;
    background-color: #333399;
    background-size: cover;
    color: #fff;
 
    margin-top: 140px;
}
#slider .header-slider {
    width: 514px;
    margin: 103px 0 170px;
    padding: 60px 0 60px 0
}
#slider .header-slider-title {
    line-height: 55px;
    letter-spacing: -0.5px;
    margin-bottom: 34px;
    opacity: 0
}
#slider .header-slider-text {
    font-size: 16px;
    margin-bottom: 29px;
    letter-spacing: .3px;
    padding-left: 5px;
    line-height: 1.88;
    opacity: 0
}
#slider .header-slider .btn-border-ice {
    color: #fff;
    font-family: "Montserrat Bold", sans-serif;
    font-size: 13px;
    padding: 15px 38px 10px;
    transition: opacity 250ms ease;
    opacity: 0
}
#slider .header-slider .btn-secondaryb {
    font-family: "Montserrat Bold", sans-serif;
    font-size: 13px;
    padding: 15px 38px 10px;
    transition: opacity 250ms ease;
    opacity: 0
}


@media(max-width: 1440px)and (min-width: 1199px) {
    #slider .swiper-container {
        max-height: calc(100vh - 120px)
    }
}

@media(max-width: 1199px)and (min-width: 992px) {

    #slider .swiper-container {
        max-height: calc(100vh - 120px)
    }
}


#slider .swiper-container {
    width: 100%;
    height: 100vh;
    max-height: calc(100vh - 140px);
}
#slider .swiper-container.swiper-container-vertical > .swiper-pagination-bullets {
    right: auto !important;
    left: 50px !important
}
#slider .swiper-container.swiper-container-vertical .swiper-pagination-bullet {
    opacity: .3;
    background: transparent !important;
    border-radius: 0 !important;
    height: 26px !important;
    font-family: "Montserrat Regular", sans-serif !important;
    font-size: 13px
}
#slider .swiper-container.swiper-container-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1 !important
}
#slider .swiper-container.swiper-container-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    content: " ";
    border-bottom: 1px solid #fff;
    width: 30px;
    margin-left: -50px;
    position: absolute;
    margin-top: 8px
}
#slider .swiper-container .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: hidden
}
#slider .swiper-container .swiper-slide.swiper-slide-active .video {
    display: block !important
}
#slider .swiper-container .swiper-slide .video {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}
#slider .swiper-container .swiper-slide .video #uxr-fp-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden
}
#slider .swiper-container .swiper-slide .container-fluid {
    z-index: 1
}
#slider .swiper-slide-active .header-slider-title {
    -webkit-animation: banner-title ease-in .7s forwards;
    -o-animation: banner-title ease-in .7s forwards;
    animation: banner-title ease-in .7s forwards;
    animation-delay: .4s;
    opacity: 0
}
#slider .swiper-slide-active .header-slider-text {
    -webkit-animation: banner-title-desc ease-in .7s forwards;
    -o-animation: banner-title ease-in .7s forwards;
    animation: banner-title ease-in .7s forwards;
    animation-delay: .7s;
    opacity: 0
}
#slider .swiper-slide-active .header-slider .btn-border-ice {
	width: auto; border:1px solid #fff; padding: 10px 30px; font-size: 14px; display: inline-block;
    -webkit-animation: banner-button ease-in .7s forwards;
    -o-animation: banner-button ease-in .7s forwards;
    animation: banner-button ease-in .7s forwards;
    animation-delay: 1s;
    opacity: 0
}
#slider .swiper-slide-active .header-slider .bannerSliderBtn {
	
    -webkit-animation: banner-button ease-in .7s forwards;
    -o-animation: banner-button ease-in .7s forwards;
    animation: banner-button ease-in .7s forwards;
    animation-delay: 1s;
    opacity: 0
}
#slider .swiper-slide-active .header-slider .btn-secondaryb {
    -webkit-animation: banner-button ease-in .7s forwards;
    -o-animation: banner-button ease-in .7s forwards;
    animation: banner-button ease-in .7s forwards;
    animation-delay: 1.2s;
    opacity: 0
}
#slider .swiper-slide-active .header-slider .text-right {
    -webkit-animation: banner-desc ease-in .4s forwards;
    -o-animation: banner-desc ease-in .4s forwards;
    animation: banner-desc ease-in .4s forwards;
    animation-delay: 1.2s;
    opacity: 0
}
#slider .swiper-slide-active .header-slider .text-left {
    -webkit-animation: banner-desc ease-in .4s forwards;
    -o-animation: banner-desc ease-in .4s forwards;
    animation: banner-desc ease-in .4s forwards;
    animation-delay: 1.2s;
    opacity: 0
}
#slider .swiper-slide-active .header-slider .text-leftLands {
    -webkit-animation: banner-descLands ease-in .4s forwards;
    -o-animation: banner-descLands ease-in .4s forwards;
    animation: banner-descLands ease-in .4s forwards;
    animation-delay: 1.2s;
    opacity: 0
}
#slider .swiper-slide-active .header-slider .bannerLogo {
    -webkit-animation: banner-desc ease-in .4s forwards;
    -o-animation: banner-desc ease-in .4s forwards;
    animation: banner-desc ease-in .4s forwards;
    animation-delay: 1.2s;
    opacity: 0
}
#slider .swiper-slide-active .header-slider .bannerLogo img{ width:50%; padding-top: 30px;}

@media(max-width: 450px) {

#slider .swiper-slide-active .header-slider .text-right {

    animation: none;
    opacity: 1;
}
#slider .swiper-slide-active .header-slider .text-left {

    animation: none;
    opacity: 1;
}

#slider .swiper-slide-active .header-slider .bannerLogo {
    animation: none;
    opacity: 1;
}
#slider .swiper-slide-active .header-slider .text-leftLands {

    animation: none;
    opacity: 1;
}	
    #slider {
        background-position: bottom;
        background-size: cover;
        padding-top: 0 !important;
        height: 400px;
		margin-top: 80px;
       
    }
    #slider .swiper-container {
        height: 400px
    }
    #slider .swiper-pagination {
        display: none
    }
    #slider .header-slider {
        margin: 0 0 80px;
        max-width: 555px;
        width: 100%;
        height: 400px
    }
    #slider .header-slider-title {
        font-size: 47px;
        line-height: 50px;
        letter-spacing: -0.5px;
        margin: 0 12px 13px
    }
    #slider .header-slider-text {
        padding-left: 12px;
        font-size: 10px;
        margin-bottom: 22px;
        font-family: "Roboto Regular", sans-serif
    }
    #slider .header-slider .btn-border-ice {
        display: block;
        margin-left: 12px;
        width: 130px;
        height: 30px;
        font-size: 10px;
        padding: 6px 20px !important;
    }
    #slider .header-slider .icon-down {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -4px;
        font-size: 55px;
        display: block;
        margin: 0 auto;
        width: 54px
    }
}

.iBlogT{width: 100%; height: auto; font-size: 44px; font-weight: 600; line-height: 50px; color: #fff; padding-top: 40px;}


	
@keyframes banner-title {
    from {
        transform: translateX(500px);
        opacity: .1
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes banner-desc {
    from {
        transform: translateY(100px);
        opacity: .1
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}
@keyframes banner-descLands {
    from {
        transform: translateY(120px);
        opacity: .1
    }
    to {
        transform: translateY(60px);
        opacity: 1
    }
}
@keyframes banner-descM {
    from {
        transform: translateY(95px);
        opacity: .1
    }
    to {
        transform: translateX(-20px);
        opacity: 1
    }
}
@keyframes banner-button {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}


.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.contact-popup {
    right: 10px;
    bottom: 0;
    z-index: 999;
    width: 25%;
    max-width: 337px;
    min-width: 337px;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
.position-fixed {
    position: fixed !important;
}
.border-0 {
    border: 0 !important;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.m-0 {
    margin: 0 !important;
}

.text-white {
    color: #fff !important;
}


.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.contact-popup .card-header {
    background-color: #011E65;
}

.contact-popup .toggle-contact i {
    margin-top: 3px;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.pb-2, .py-2 {
    padding-bottom: 0.5rem !important;
}

.contact-popup .card-body {
    display: none;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.cool-input {
    position: relative;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control {
    border-radius: 0;
    border: 1px solid #f1f1f1;
    outline: none;
}

textarea, input:not([type=checkbox]) {
    min-height: 60px;
    padding: 18px 10px;
    margin-bottom: 20px;
    outline: none;
    color: #1b1c21;
    font-size: 14px;
}

.contact-popup .form-control {
    font-size: 14px;
}

.contact-popup .card-body input:not([type=checkbox]) {
    min-height: auto;
}




.contact-popup .toggle-contact {
    cursor: pointer;
}

.contact-popup.open .card-body {
    display: block;
}


.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.cool-input textarea {
    height: 100px;
    resize: none;
}

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

.form-control {
    border-radius: 0;
    border: 1px solid #f1f1f1;
    outline: none;
	color: #1b1c21;
}
.select-form select {
    color: #707080;
    height: 60px;
    margin: 0 0 20px 0;
    padding-left: 21px;
}
.contact-popup .card-body .select-form select {
    height: calc(1.5em + 0.75rem + 2px);
}


	
.custom-checkbox {
    line-height: 18px;
    min-height: 30px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}
.custom-checkbox span {
    display: inline;
    float: left
}
.custom-checkbox input {
    display: none
}
.custom-checkbox input + span {
    border: 1px solid #e3e3e3;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    max-width: 30px;
    flex: 0 0 30px
}
.custom-checkbox input:checked + span {
    background-color: #4ec9f9
}
.custom-checkbox.danger .error {
    display: none
}
.custom-checkbox.danger span {
    color: #aa7476 !important
}
.custom-checkbox.danger input {
    display: none
}
.custom-checkbox.danger input + span {
    border: 1px solid #aa7476
}



.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-link {
    background-color: #0031a8;
    color: #fff;
}

.btn {
    border-radius: 50px;
}

.careerTabSSg{font-size: 18px; color: #001341; font-weight: 600;}

#careerTabS{ width:100%; margin:0 auto; height:85px; display: inline-block; text-align: center;}
#careerTabS li{ display:inline-block; width:auto; height:50px; padding:0 30px;}
#careerTabS a{ font-size:16px; color: #001341; font-weight:400; display:inline-block; text-align:center; width:auto; height:85px; line-height:40px; transition: all 0.4s ease-in-out; padding:0 15px; margin:0 20px;}
#careerTabS a:hover{ color: rgb(108,108,108,1); border-bottom: 8px solid #E72856;}
#careerTabS a.active{color: rgb(108,108,108,1); border-bottom: 8px solid #E72856;}

.bulutCloudProduct .swiper-slide{width: 397px;}
.bulutCloudProductNLoop .swiper-slide{width: 397px;}

.tbH70{height: 70px;}

.careerContentS { width:100%; min-height:420px; float:left; position:relative; padding:120px 0; margin:0 0 0 0;}
#careerContentS { width:100%; position:relative; padding:0;}

.careerContentS p{font-size: 16px; color: rgba(0,19,65,0.5); padding: 0 0 20px 0; line-height: 25px; font-weight: 400;}

.careerIBox{width: 101px; height: 101px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #FCFCFC; margin: 0 60px 33px 0;}
.careerIBox img{width:60%;}

.careerIBoxCon{width: 100%; display: flex; flex-wrap: wrap;  align-items: center; justify-content: center;}

.careerJbTitle{width: 100%; height: 90px; font-size: 16px; color: #001341; display:flex; justify-content: center; align-items: center;}
.careerJbTitleL{width: 100%; height: 90px; font-size: 16px; color: #001341; display:flex; justify-content: left; align-items: center;}

.careerJBTxt{width: 100%; height: 100%; font-size: 20px; color: #001341; font-weight: 600; display:flex; justify-content: left; align-items: center;}
.careerJBTxtC{width: 100%; height: 100%; font-size: 16px; color: #001341; font-weight: 400; display:flex; justify-content: center; align-items: center;}
a.careerApB{display: inline-block; font-size: 16px; color: #001341; border: 1px solid #001341; padding: 12px 15px; transition: all 0.3s ease-in-out; float: right;}
a.careerApB:hover{ color: #fff; border: 1px solid #001341; background: #001341;}

.careerPIBox{width: 100%; height: 100%; background: linear-gradient(-90deg, rgba(0,166,226,1) 0%, rgba(0,166,226,1) 25%, rgba(121,50,130,1) 55%, rgba(229,0,102,1) 81%, rgba(232,60,77,1) 100%); padding: 125px 42px 20px 42px;}

.subPageH{height: 140px;}

.jobList > .col-md-12 > .row{ border-bottom:1px solid rgb(112,112,112, 0.25); padding-top: 20px; padding-bottom: 20px;}
.careerJBTxtR{ justify-content:flex-end;}

a.jobApp{width: auto; display: inline-block; color: #fff; background: #E31B5D; border-radius: 25px; font-size: 16px; font-weight: bold; padding: 17px 20px 15px 20px;  transition: all 0.3s ease-in-out;}
a.jobApp:hover{ background: #001341;}


a.jobAppSoc{ color: #8089A0; font-size: 25px; padding: 0 10px; line-height: 28px; transition: all 0.3s ease-in-out;}
a.jobAppSoc:hover{ color: #E31B5D;}

.jobShareC{width: 100%; height: auto; text-align: center;}

a.eventBanerBtnC{width: auto; display: inline-block; color: #fff; background: #E31B5D; border-radius: 25px; font-size: 16px; font-weight: bold; padding: 17px 40px 15px 40px;  transition: all 0.3s ease-in-out;  border: 1px solid #E31B5D;}
a.eventBanerBtnC:hover{ background: none; color: #E31B5D;}

a.eventBanerBtnW{width: auto; display: inline-block; color: #fff; border-radius: 25px; font-size: 16px; font-weight: bold; padding: 17px 40px 15px 40px;  transition: all 0.3s ease-in-out; border: 1px solid #fff;}
a.eventBanerBtnW:hover{ background: #fff; color: #8089A0;}

.eventCBannerRB{width: 500px; height: 300px; padding: 60px 45px; position: absolute; right: 0; bottom:0; border-radius: 50px 0 0 0; z-index: 2; background: rgba(0,0,0,0.7); backdrop-filter: blur(25px);}

ul.eventMenu{ margin: 0; padding: 0; list-style: none; width: 100%;}
ul.eventMenu li{float: left;}
ul.eventMenu li a{ display: inline-block; height: 80px; line-height: 80px; font-size: 16px; color: #0A1738; padding: 0 50px; transition: all 0.3s ease-in-out;}
ul.eventMenu li a:hover{background: #E31B5D; color: #fff;}
ul.eventMenu li a.selected{background: #E31B5D; color: #fff;}

a.eventFBox{display: block; width: 100%; height: auto; transition: all 0.3s ease-in-out; margin-bottom: 50px;}

.eventFBox .imgB{width: 100%; height: auto; }
.eventFBox .imgB img{width: 100%; transition: all 0.3s ease-in-out; }
.eventFBox .imgD{width: 100%; height: auto; padding: 0 20px; }
.eventFBox .imgD img{width: 100%; transition: all 0.3s ease-in-out; }
.eventFBox .imgC{width: 100%; height: auto; }
.eventFBox .imgC img{width: 100%; transition: all 0.3s ease-in-out; filter: grayscale(100%) }
.eventFBox .etitle{width: 100%; height: auto; font-size: 20px; color: #001341; font-weight: 600; padding: 15px 0; line-height: 24px;}
.eventFBox .etext{width: 100%; height: auto; font-size:16px; color: rgb(0,19,65,0.5); line-height: 25px; padding: 5px 0;}
.eventFBox .etextt{width: 100%; height: auto; font-size:16px; color: #BEBEBE; line-height: 25px; padding: 5px 0;}
.eventFBox .edate{width: auto; display: inline-block; height: 100%; font-size:16px; color: rgb(0,19,65,0.5); line-height: 25px; line-height: 40px;}
.eventFBox .ebtnC{width: auto; display: inline-block; height: 100%; float: right;}
.eventFBox .ebtn{width: auto; display: inline-block; color: #000000; border: 1px solid rgb(1,30,101, 0.20); height: 40px; line-height: 40px; padding: 0 20px; border-radius: 24px; transition: all 0.3s ease-in-out;}


.eventCDtSbCn{width: 100%;  position: relative; display: flex}
.eventCDtSbCnn{width: 100%; height:100%; position: relative; display: flex; padding-bottom: 70px;}
.evenCDTT150{padding-top:150px;}
.eventCdTmTitle{width: 100%; height: auto; font-size: 38px; color: #000; font-weight: 500; line-height: 50px;}

.eventCDtSbCnnimgMi{width: 100%; height: auto; position: absolute; top: 150px;}
.eventCDtSbCnnimgC{width: 100%; height: auto; position: relative;}
.evenCDTT50{height:50px;}

a.eventFBox:hover .ebtn{ background: #001341; color: #fff;}
a.eventFBox:hover .imgB img{  filter: grayscale(100%) blur(1.2px);}
a.eventFBox:hover .imgC img{  filter:none;}

.evenMenuCon{width: 100%; height: auto; position: relative; border-top:1px solid rgb(112,112,112, 0.08); border-bottom:1px solid rgb(112,112,112, 0.08);}

ul.eventDetailMenu{ margin: 0; padding: 0; list-style: none; width:auto; display: inline-block; }
ul.eventDetailMenu li{float: left;}
ul.eventDetailMenu li a{ display: inline-block; height: 60px; line-height: 64px; font-size: 16px; color: #BEBEBE; padding: 0 50px 0 0; transition: all 0.3s ease-in-out;}
ul.eventDetailMenu li a:hover{ color: #E31B5D;}
ul.eventDetailMenu li a.selected{ color: #E31B5D;}

a.eventContact{display: inline-block; border-left:1px solid rgb(112,112,112, 0.08); border-right:1px solid rgb(112,112,112, 0.08); float: right; line-height: 64px; color: #BEBEBE; padding: 0 30px; transition: all 0.3s ease-in-out;}
a.eventContact:hover{background: #E31B5D; color: #fff;}

.eventVideoCon{width: 100%; height: auto; padding: 30px 0;}
.eventVideoCon img{width: 70%;}
.eventJBTxt{width: 100%; height: 100%; font-size: 18px; color: #E31B5D; font-weight: 400; display:flex; float: left; justify-content: flex-start;  align-items: center;}
.eventJBTxtC{width: 100%; height: 100%; font-size: 18px; color: #001341; font-weight: 600; display:flex; float: left; justify-content: flex-start;  align-items: center;}
.eventList > .col-md-12 > .row{ border-bottom:1px solid rgb(112,112,112, 0.25); padding-top: 20px; padding-bottom: 20px; height: 70px;}
.eventList > .col-md-12 { height: 70px;}


.eventDFC{width: 100%; height: auto; padding: 170px 30px;}
.ept60{height: 60px;}
.ept170{height: 170px;}
.ept50{height: 50px;}
.lectJBTxt{width: 100%; height: 100%; font-size: 18px; color: #E31B5D; font-weight: 400; display:flex; float: left; justify-content: flex-start;  align-items: center;}
.lectJBTxtC{width: 100%; height: 100%; font-size: 18px; color: #001341; font-weight: 600; float: left; padding-top: 25px;}
.lectList > .col-md-12 > .row{ border-bottom:1px solid rgb(112,112,112, 0.25); padding-top: 20px; padding-bottom: 20px;}

.newsSubMC{width: 100%; height: auto; background: #F5F5F5; padding: 50px;}
.newsBnn{width: 100%; height:590px; position: relative;}
.newSubRT{width: 300px; height: 31px; min-height: 31px; border-bottom: 1px solid #707070; background: none;}
.newSubRC{width: auto; display: inline-block; float: left; padding-left: 30px;}
.newSubFC{width: auto; display: inline-block; float: left;}

.newsDowniTC{width:auto; height: auto; text-align: center; font-size: 16px; color: rgb(0,19,65,0.5); padding:  0; display: inline-block; float: left;}
.newsMICon{width: auto; display: inline-block; float: left; font-size: 16px; color: #747474; line-height: 38px;}
.newsDwBCn{width: auto; display: inline-block; float: left; font-size: 16px; color: #747474; padding-left: 20px;}
.newsSocCon{width: auto; display: inline-block; float: right; padding-top: 0; line-height: 38px;}

.newsSBanerTT{width: 100%; height: auto; font-size:38px; color:#fff; font-weight: 500; line-height: 50px; padding: 150px 0 0 100px;}
.newsSBanerTxC{width: 100%; height: auto; font-size: 16px; color: rgba(255,255,255,0.5); line-height: 21px; padding: 30px 200px 0 100px;}
.newsSBanerTBC{width: 100%; height: auto; padding: 25px 0 0 100px;}

.sStoryBanerST{width: 100%; height: auto; font-size:18px; color:#fff; font-weight: 400; line-height: 20px; padding: 70px 0 30px 0;}
.sStoryBanerTT{width: 100%; height: auto; font-size:30px; color:#fff; font-weight: 600; line-height: 40px; padding: 0 0 40px 0;}
.sStoryBanerTxC{width: 100%; height: auto; font-size: 16px; color: rgba(255,255,255,1); line-height: 21px; padding: 30px 200px 0 0;}
.sStoryBanerTBC{width: 100%; height: auto; padding: 45px 0 0 0;}


ul.newsMenu{ margin: 0; padding: 0; list-style: none; width: 100%; display: inline-block; text-align: center;}
ul.newsMenu li{ display: inline-block;}
ul.newsMenu li a{ display: inline-block; height: 57px; line-height: 57px; font-size: 14px; color:rgba(255,255,255,0.31); padding: 0 50px; transition: all 0.3s ease-in-out; font-weight: 500;}
ul.newsMenu li a:hover{background:rgba(0,0,0,0.16); color: #fff;}
ul.newsMenu li a.selected{background:rgba(0,0,0,0.16); color: #fff;}

.newsSM  .swiper-pagination-bullet{
	width:6px !important;
	height:6px !important;
	background:rgba(255,255,255,0.55) !important;
	opacity: 1 !important;
	cursor: pointer;
	position: relative !important;
	border-radius: 100% !important; right: 15px;
	border:1px dotted transparent;
	box-sizing:content-box; transition:all .3s;	
	margin: 0 20px 0 0 !important;
	
}
.newsSM  .swiper-pagination-bullet-active{
	background: #fff !important;
}
.newsSM  .swiper-pagination-bullet-active:before{
	content: "";
	position: absolute;
	padding: 10px;
	border-radius: 100%;
	left: -8px;
	top: -8px;
	border:1px dashed #73E9F2;	
}

.newsSM  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 30px;
    width: 400px;
}

.newsSM .swiper-pagination {
    position: absolute;
    text-align: left;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}

a.newsListBtn{}
.newsListBtnS1{width: 100%; height: auto; font-size: 16px; color: #BEBEBE;}
.newsListBtnS2{width: 100%; height: auto; font-size: 24px; font-weight: 600; color: #001341; padding: 25px 0;}
.newsListBtnS3{width: 100%; height: auto; font-size: 16px; color: rgb(0,19,65,0.5); padding: 10px 0;}
.newsListBtnS4{width: 100%; height: auto; font-size: 16px; color: rgb(0,19,65,0.5); line-height: 25px;}

.newsListSep{width: 100%; height: 1px; background: rgb(112,112,112,0.12); margin: 80px 0;}

a.newsDown{width: auto; display: inline-block; line-height: 42px; color: #fff; background: #E31B5D; border-radius: 25px; font-size: 16px; font-weight: bold; padding: 0 30px; height: 38px;  transition: all 0.3s ease-in-out;}
a.newsDown:hover{ background: #001341;}

.newsCatBanner{width: 100%; height: auto; position: relative; background: #011E65; padding: 0 0 200px 0;}
.newsSpBg{width: 592px; height: 184px; position: absolute; right: -200px; top: 70%;}

.newsCatMNL{width: 100%; height: 100%; position: relative; display: block;}


.newxSCon{width: 100%; height: auto; position: relative; top: -50px;}

.newxTbox{width: 100%; height: 51px; border: 1px solid rgb(112,112,112,0.15); line-height: 51px; padding:  0 15px; font-size: 16px; color:#505050; margin: 0; min-height: 51px !important;}
.newxSbox{width: 100%; height: 51px; border: 1px solid rgb(112,112,112,0.15); line-height: 51px; padding:  0 15px; font-size: 16px; color:#505050;}

#aboutTabS{ width:100%; margin:0 auto; height:85px; display: inline-block; text-align: center;}
#aboutTabS a{ font-size:18px; color: #000; font-weight:400; display:inline-block; text-align:center; width:100%; height:69px; line-height:69px; transition: all 0.4s ease-in-out; padding:0 15px; margin:0 20px; border: 1px solid rgb(112,112,112,0.1); margin-bottom: 20px;}
#aboutTabS a:hover{ color: #fff; background: #11A4E0;  border: 1px solid #11A4E0;}
#aboutTabS a.active{ color: #fff; background: #11A4E0;  border: 1px solid #11A4E0;}


.aboutContentS { width:100%; min-height:420px; float:left; position:relative; padding:0 0 0 30px; margin:0 0 0 0;}
#aboutContentS { width:100%; position:relative; padding:0;}

.aboutTeamC{width: 100%; height: 340px; background: #F3F3F3; position: relative; margin-bottom: 30px;}
.aboutTeamCL{width: 100%; height: 300px; background: #F3F3F3; position: relative; margin-bottom: 30px;}
a.aboutTeamS{width: 37px; height: 37px; background: #011E65; text-align: center; line-height: 37px; color: #fff; font-size:20px; float: right; display: block;}
.aboutTeamI{width: 100%; height: auto; text-align: center;}
.aboutTeamI img{width: 152px;}
.aboutTeamNC{width: 100%; text-align: center; padding: 20px 20px;}
.aboutTeamT{width: 100%; font-size:16px; color: rgb(0,19,65,0.5); min-height: 50px;}
.aboutTeamN{width: 100%; font-size:18px; color:#001341; font-weight: 600; padding-top: 20px;}

.aboutLogo{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.aboutLogo img{ height: 55px;}

.aboutTeamVT{width:100%; font-size: 20px; font-weight: 500; color: #11A4E0; padding-bottom: 15px;}
.aboutTeamVTx{width:100%;  font-size:16px; color: rgb(0,19,65,0.5); line-height: 25px; padding-bottom: 15px;}


a.refBtn{width: auto; height:48px; display: block; font-size: 16px; color: #fff; font-weight: 600; padding:0 40px; line-height: 50px; border-radius: 24px; text-align: center; background: #E31B5D; border:1px solid #E31B5D; transition: all 0.3s ease-in-out;}
a.refBtn:hover{border:1px solid #E31B5D; background: none; color: #E31B5D;}

.refLogoCon{width: 100%; height: 313px; display: flex; justify-content: center; align-items: center;}
.refLogoCon img{ width: 80%; }
.refBg1{ background: #1D1D1D;}
.refBg2{ background-image: url(../img/zorlu-bg.png); background-size: cover; background-repeat: no-repeat;}
.refBg3{ background: #E91B8C;}
.refBg4{ background: #BAD7E7;}
.refBg5{ background: #FF0005;}
.refBg6{ background: #fff;}
.refBg7{ background: #fff;}
.refBg8{ background: #EA6012;}
.refBg9{ background: #23203E;}

.refLogoConn{width: 100%; height: 313px; background: #11A4E0; padding: 50px; position: relative;}
.refLTitle{width: 100%; height: auto; font-size: 45px; color: #000000; line-height: 70px; font-weight: 700;}
.refLTitle1{width: 100%; height: auto; font-size: 38px; color: #000; font-weight: 500; line-height: 50px; text-align: center;}
.refLTitle2{width: 100%; height: auto; font-size: 45px; color: #fff; font-weight: 600; line-height: 50px; text-align: center;}
.refSmitC1{width: 100%; height: auto; padding-top: 25px;}
.refSmitC2{width: 100%; height: auto; padding-top: 25px; display: none;}

a.refLogoConnn{width: 100%; height: 313px; background: #11A4E0; padding: 50px; position: relative; display: block;}

a.refRead{width: auto; display: inline-block; line-height: 48px; color: #fff; background: #E31B5D; border-radius: 25px; font-size: 16px; font-weight: bold; padding: 0 30px; height: 48px;  transition: all 0.3s ease-in-out;}
a.refRead:hover{ background: #001341;}


.refLogov2{width: 197px; height: 77px; background: #fff; box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.11); border-radius: 10px; text-align: center; display: flex; align-items: center; justify-content: center; margin: 30px; overflow: hidden;}

.refLogov2 img{ max-width: 60%}

.refTextBox{width: 100%; height: 68px; border-radius: 34px; background: rgba(255,255,255,0.3); padding: 0 30px !important; color: #fff !important; font-size: 16px !important; line-height: 68px;}
.refTextBox::placeholder{ color: #fff;}

.refTextA{width: 100%; height: 193px; border-radius: 34px; background: rgba(255,255,255,0.3); padding: 20px 30px !important; color: #fff !important; font-size: 16px !important; line-height: 25px;}
.refTextA::placeholder{ color: #fff;}


.whyBulutBannerC{width: 100%; height: 1367px; background:#011E65; position: relative; z-index: 1; padding: 120px 0;}
.whyBulutBnTitle{width: 100%; height: auto; padding: 25px 0; font-size: 60px; line-height: 70px; font-weight: 600; color: #FFF;}
.whyBulutBnSTx{width: 50%; height: auto; padding: 25px 0; font-size: 16px; line-height: 25px; color:rgba(255,255,255,0.5);}

.whyBulutBnImg{width: 100%; height:100%; position: relative; left: -35%;}

.whyBulutSSTt{width: 100%; height: auto; font-size: 25px; color: #11A4E0; font-weight: 600;}

.whPT300{height: 300px;}
.whyBulutISet1{width: 100%; height: 201px; background: #fff; display: flex; justify-content: center; align-items: center;}
.whyBulutISetTx{width: 100%; font-size: 16px; font-weight: 400; line-height: 25px; color:rgba(255,255,255,0.8); padding-top: 20px}
.whyBulutSbx{width: 100%; height: auto; padding: 25px 0; font-size: 45px; line-height: 70px; font-weight: 600; color: #FFF;}
.whyBulutSbx1{width: 100%; height:100%; position: relative; left: -35%;}
.whyBulutSbx2{width: 100%; height: auto; padding: 25px 0; font-size: 45px; line-height: 70px; font-weight: 600; color: #000;}
.whyBulutSbx3{width: 100%; height: auto; padding: 5px 0 30px 0; font-size: 16px; line-height: 25px; color:rgba(0,19,65,0.5);}

a.whyBulutProduct{width: 100%; height: auto; display: block; padding: 80px 30px; border-right: 1px solid #fff; border-top: 1px solid #fff;  transition: all 0.3s ease-in-out; position: relative;}
.whyBulutProductI{width: 100%; height: auto; text-align: center;}
.whyBulutProductI img{ width: 70%;}
.whyBulutProductTt{width:100%; height:auto; font-size:25px; font-weight:600; padding: 35px 0 20px 0; color:#fff;}
.whyBulutProductTx{width:100%; height:auto; font-size:25px; font-weight:300; padding: 0 0 60px 0; color:#fff;}
.whyBulutProductIc{width:63px; height:63px; border-radius: 100%; border:1px solid #fff; text-align: center; line-height:66px; color:#fff; font-size: 25px;  transition: all 0.3s ease-in-out;}

a.whyBulutProduct:hover{background: #011E65; height: 130%;  border-right: 1px solid #011E65; border-top: 1px solid #011E65;}

a.whyBulutProduct:hover .whyBulutProductIc{border:1px solid #11A4E0; color:#11A4E0;}
/*a.whyBulutProduct:before{
	content: "";
	position: absolute; 
	width: 100%;
	height: 10px;
	top: -10px;
	background: #efefef;
}*/

.whyBulutProduct{padding: 30px 0;}
.whyBulutProduct .swiper-slide{width: 405px;}

.refBt{width:100%; height: 313px; background: #011E65; padding:120px 50px;}
.refBt1{width: auto; display: inline-block; float: left; font-size: 60px; color: #fff; font-weight: 600;}
.refBt2{width: auto; display: inline-block; float: left; font-size: 60px; color: #fff; font-weight: 600; padding-left: 50px;}


ul.blueUl{ margin: 0 0 0 5px; padding:0; list-style: none;}
ul.blueUl li{display: block; position: relative; padding:11px 27px;}

ul.blueUl li:before{
	content: "";
	width: 8px; height: 8px;
	background: #E82C52;
	border-radius: 100%;
	position: absolute; left: 1px; top: 19px;
}
ul.blueUl li:after{
	content: "";
	width: 21px; height: 22px;
	border: 1px  dashed #011E65;
	border-radius: 100%;
	position: absolute; left: -5px; top: 12px;
}

ul.WhUl{ margin: 0 0 0 5px; padding:0; list-style: none;}
ul.WhUl li{display: block; position: relative; padding:11px 27px; color:rgba(255,255,255,0.8); font-size: 16px; line-height: 25px; }

ul.WhUl li:before{
	content: "";
	width: 8px; height: 8px;
	background: #fff;
	border-radius: 100%;
	position: absolute; left: 1px; top: 19px;
}
ul.WhUl li:after{
	content: "";
	width: 21px; height: 22px;
	border: 1px  dashed #011E65;
	border-radius: 100%;
	position: absolute; left: -5px; top: 12px;
}









.pressvideorow {
}
.pressvideorow .pressvideo {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 40px;
    position: relative
}
.pressvideorow .pressvideo:before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    font-size: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    color: #fff;
    line-height: 50px
}




.ekBannerCon{width: 100%; min-height:565px; background: rgb(0,166,226); position: relative;
background: linear-gradient(-90deg, rgba(0,166,226,1) 0%, rgba(0,166,226,1) 25%, rgba(121,50,130,1) 55%, rgba(229,0,102,1) 81%, rgba(232,60,77,1) 100%);}

.ekBannerShape1{width: 50%; height: 90%; background: #fff; border-radius: 0 0 0 500px ; position: absolute; right: 0; top: 0;}
.ekBannerShape2{width: 47%; height: 100%; background: #11A4E0; border-radius:  500px 0 0 0  ; position: absolute; right: 0; top: 0;}

.eBook  .swiper-pagination-bullet{
	width:6px !important;
	height:6px !important;
	background:rgba(255,255,255,0.55) !important;
	opacity: 1 !important;
	cursor: pointer;
	position: relative !important;
	border-radius: 100% !important; right: 15px;
	border:1px dotted transparent;
	box-sizing:content-box; transition:all .3s;	
	margin: 0 20px 0 0 !important;
	
}
.eBook  .swiper-pagination-bullet-active{
	background: #fff !important;
}
.eBook  .swiper-pagination-bullet-active:before{
	content: "";
	position: absolute;
	padding: 10px;
	border-radius: 100%;
	left: -8px;
	top: -8px;
	border:1px dashed #73E9F2;	
}

.eBook  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 100px;
    left: 22px;
    width: 400px;
}

.eBook .swiper-pagination {
    position: absolute;
    text-align: left;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}


.ebookBanerTT{width: 100%; height: auto; font-size:52px; color:#fff; font-weight: 600; line-height: 81px; padding: 150px 0 0 0px;}
.ebookBanerTxC{width: 100%; height: auto; font-size: 16px; color: rgba(255,255,255,0.5); line-height: 25px; padding: 30px 0px 0 0px;}
.ebookBanerTBC{width: 100%; height: auto; padding: 45px 0 0 0;}

a.ebookBanerBtnC{width: auto; display: inline-block; color: #000000; background: #fff; border-radius: 25px; font-size: 16px; font-weight: bold; padding: 17px 40px 15px 40px;  transition: all 0.3s ease-in-out;  border: 1px solid #fff;}
a.ebookBanerBtnC:hover{ background: #E31B5D; color: #fff;}


.bookListImgCon{width: 100%; height: auto; text-align: center; background: #F5F4F2; position: relative;}
.bookListImgCon:before{
	content: "";
	width: 100%; height: 60%;
	left: 0; top: 0;
	background: #fff;
	position: absolute; z-index: 0;
}

.bookListImgCon img{width: 50%; position: relative; z-index: 1;}


a.bookList{display: block; width: 100%; height: auto; transition: all 0.3s ease-in-out; margin-bottom: 20px;}

.bookList .etitle{width: 100%; height: auto; font-size: 24px; color: #001341; font-weight: 600; padding: 35px 0 15px 0;}
.bookList .etext{width: 100%; height: auto; font-size:16px; color: rgb(0,19,65,0.5); line-height: 25px; padding: 5px 0;}
.bookList .etextt{width: 100%; height: auto; font-size:16px; color: #BEBEBE; line-height: 25px; padding: 5px 0;}
.bookList .edate{width: auto; display: inline-block; height: 100%; font-size:16px; color: rgb(0,19,65,0.5); line-height: 25px; line-height: 40px;}
.bookList .ebtnC{width: auto; display: inline-block; height: 100%; float: right;}
.bookList .ebtn{width: auto; display: inline-block; color: #000000; border: 1px solid rgb(1,30,101, 0.20); height: 40px; line-height: 40px; padding: 0 20px; border-radius: 24px; transition: all 0.3s ease-in-out;}



a.bookList:hover .ebtn{ background: #001341; color: #fff;}


.ebookLCont{padding-left: 18%;}

.ebookBanerTTT{width: 100%; height: auto; font-size:52px; color:#000; font-weight: 600; line-height: 81px; padding: 100px 0 0 0px;}
.ebookBanerTxCC{width: 100%; height: auto; font-size: 16px; color: rgba(0,19,65,0.5); line-height: 25px; padding: 30px 0px 0 0px;}
.ebookBanerTBCC{width: 100%; height: auto; padding: 45px 0 0 0;}

a.ebookBanerBtnCC{width: auto; display: inline-block; color:#FFF; background: #E31B5D; border-radius: 25px; font-size: 16px; font-weight: bold; padding: 17px 40px 15px 40px;  transition: all 0.3s ease-in-out;  border: 1px solid #E31B5D;}
a.ebookBanerBtnCC:hover{ background: #fff; color: #E31B5D;}


a.ebookBanerBtnCCW{width: auto; display: inline-block; color:#000; background: #fff; border-radius: 25px; font-size: 16px; font-weight: bold; padding: 17px 40px 15px 40px;  transition: all 0.3s ease-in-out;  border: 1px solid #fff;}
a.ebookBanerBtnCCW:hover{   border: 1px solid #E31B5D;}


.bookListTitleCon{width:40%; height:100%; background:#011E65; position:absolute; left:0; top:-200px; z-index:0; padding:80px 0 0 8.33333333%;}

.bookIList{width:634px; height:481px; background:#F5F4F2; padding:114px 42px; position:relative;}
.bookIListNumb{width:118px; height:118px; background:#fff; border-radius:100%; position:absolute; top:-59px; left:50px; font-size:34px; color:#84D0EF; text-align:center; line-height:118px; font-weight:600;}
.bookIListTit{width:100%; height:auto; font-size:38px; color:#000000; font-weight:600; line-height:76px;}
.bookIListTxt{width:100%; height:auto; font-size:16px; color:rgba(0,19,65,0.5); font-weight:600; line-height:25px; padding-top:30px;}



.ebookInf .swiper-slide{width: 634px;}


.swiper-button-nextt {
  margin-top: 0px;
  position: absolute;
  top: 0;
  right: 50px;
  width: 100px;
  height: 45px;
  color: #767676;
  font-size: 50px;
  cursor: pointer;

}
.swiper-button-prevv {
  position: absolute;
  top: 0;
  right: 170px;
  width: 100px;
  height: 45px;
  color: #767676;
  font-size: 50px;
  cursor: pointer;
}


.swiper-button-nexttH {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 70px;
  height: 70px;
  color: #011E65;
  font-size: 60px;
  line-height: 80px;
  margin-top: -35px;
  background: rgba(255, 255, 255, .5);
  cursor: pointer;  z-index: 500;
  text-align: center;

}
.swiper-button-prevvH {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 70px;
  height: 70px;
  color: #011E65;
  font-size: 60px;
  cursor: pointer;
  z-index: 500;
  line-height: 80px;
  background: rgba(255, 255, 255, .5);
  margin-top: -35px;
  text-align: center;
}

.swiper-button-nextmin {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 40px;
  height: 40px;
  color: #011E65;
  font-size: 24px;
  line-height: 46px;
  margin-top: -20px;
  background: rgba(255,255,255, .5);
  cursor: pointer;  z-index: 500;
  text-align: center;	
  transition: all 0.3s ease-in-out;	

}
.swiper-button-nextmin:hover{background:#011E65; color: #fff; }
.swiper-button-prevmin {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 40px;
  height: 40px;
  color: #011E65;
  font-size: 24px;
  cursor: pointer;
  z-index: 500;
  line-height: 46px;
  background: rgba(255,255,255, .5);
  margin-top: -20px;
  text-align: center;
  transition: all 0.3s ease-in-out;	
	
}
.swiper-button-prevmin:hover{background:#011E65; color: #fff; }


.swiper-button-nextBn {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 60px;
  height: 60px;
  color: #011E65;
  font-size: 40px;
  line-height: 70px;
  margin-top: -30px;
  background: rgba(255,255,255, .3);
  cursor: pointer;  z-index: 500;
  text-align: center;	
  transition: all 0.3s ease-in-out;	

}
.swiper-button-nextBn:hover{background:#011E65; color: #fff; }
.swiper-button-prevBn {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 60px;
  height: 60px;
  color: #011E65;
  font-size: 40px;
  cursor: pointer;
  z-index: 500;
  line-height: 70px;
  background: rgba(255,255,255, .3);
  margin-top: -30px;
  text-align: center;
  transition: all 0.3s ease-in-out;	
	
}
.swiper-button-prevBn:hover{background:#011E65; color: #fff; }

.cd-overlay-book {
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: auto;
    background-color: rgba(0, 0, 0, 0.73);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}

.cd-overlay-book.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}


.regFormContainer{width: 500px; height: auto; background: #fff; border-radius: 30px; position: fixed; left: 50%; top: 50%; margin-top: -400px; margin-left:-250px; z-index:99999; padding: 50px 30px 20px 30px; display:none; transition: all .4s ease-in-out; overflow: auto;}
.regvisibleForm{display:block !important;}

.bookFormCn{width: 100%; height: auto; margin-top: 20px;}
.bookFormInp{width: 100%; height: 50px !important; border:1px solid rgba(0,0,0,0.12); line-height: 50px; padding: 0 15px !important; font-size: 16px; color: #000; border-radius: 34px; margin-bottom: 10px !important;}
.bookFormCn label{ width: 100%; height: auto; border: none; color: #aa7476; font-size: 12px;}
	
.kvkkContainer{width: 100%; height: auto; font-size: 15px; line-height: 20px; color: rgb(0,19,65,0.5);  margin-top: 25px;}
.kvkkContainer label{display: none !important;}


.frmBtn {
    display: inline-block;
    width: auto;
	margin: 20px 0;
    border-radius: 40px;
    padding: 5px 50px !important;
    font-size: 16px !important;
    color: #fff !important;
	height: 60px;
    border: 1px solid #2BCCEB;
    font-weight: 600;
    transition: all .4s ease-in-out;
    position: relative;
	background: #2BCCEB;
}
.frmBtn:hover {
    color: #2BCCEB !important;
    background: #fff;
}

a.closeReg{font-size:30px; color:rgba(0,0,0,0.27); transition: all .4s ease-in-out;}
a.closeReg:hover{font-size:30px; color:#2BCCEB;}

.error {
		border: 1px solid #aa7476;
	}

.bkCTitle{width:100%; height:auto; font-size:45px; color:#fff; font-weight:600;}
.bkBnImg{width: 100%; height: auto; text-align: center; padding:0; position: relative;z-index: 1;}
.bkBnImg img{width: 100%;}


.contentCon p{font-size:16px; color: rgb(0,19,65,0.5); line-height: 25px; padding-top: 25px;}

.contentCon ul{ margin: 25px 0 0 5px; padding:0; list-style: none;}
.contentCon li{display: block; position: relative; padding:11px 27px; font-size:16px; line-height: 25px; color: rgb(0,19,65,0.5);}
.contentCon ul ul{ margin: 15px 0 0 25px; padding:0; list-style: none;}
.contentCon li:before{
	content: "";
	width: 8px; height: 8px;
	background: #E82C52;
	border-radius: 100%;
	position: absolute; left: 1px; top: 19px;
}
.contentCon li:after{
	content: "";
	width: 21px; height: 22px;
	border: 1px  dashed #011E65;
	border-radius: 100%;
	position: absolute; left: -5px; top: 12px;
}



.swipperBanner .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{width: 30px;}
.swipperBanner  .swiper-pagination-bullet{
	width:6px !important;
	height:6px !important;
	background:#E31B5D !important;
	opacity: 1 !important;
	cursor: pointer;
	position: relative !important;
	border-radius: 100% !important; left: 0;
	border:1px dotted transparent;
	box-sizing:content-box; transition:all .3s;	
	margin: 30px 0 !important;
	display: block
	
}
.swipperBanner  .swiper-pagination-bullet-active{
	background: #fff !important;
}
.swipperBanner  .swiper-pagination-bullet-active:before{
	content: "";
	position: absolute;
	padding: 10px;
	border-radius: 100%;
	left: -8px;
	top: -8px;
	border:1px dashed #73E9F2;	
}

.footerPads{padding:0 100px;}


.prevWhy {
  margin-top: 0px;
  position: absolute;
  bottom: 0;
  right: 46px;
    width: 45px;
    height: 30px;
    color: #fff;
    background: #011E65;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    display: block;
    cursor: pointer;

}
.nextWhy {
  position: absolute;
  bottom: 0;
  right: 0;
    width: 45px;
    height: 30px;
    color: #fff;
    background: #011E65;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    display: block;
    cursor: pointer;
}

.prevRef {
  margin-top: 0px;
  position: absolute;
  bottom: 0;
  left: 50%;
    margin-left: -46px;
    width: 45px;
    height: 30px;
    color: #fff;
    background: #011E65;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    display: block;
    cursor: pointer;

}
.nextRef {
  position: absolute;
  bottom: 0;
  right: 50%;
    margin-right: -46px;
    width: 45px;
    height: 30px;
    color: #fff;
    background: #011E65;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    display: block;
    cursor: pointer;
}


.subPageBannerBg{width:100%; height:auto; min-height: 385px; padding:0; background: linear-gradient(-90deg, rgba(0,166,226,1) 0%, rgba(0,166,226,1) 25%, rgba(121,50,130,1) 55%, rgba(229,0,102,1) 81%, rgba(232,60,77,1) 100%); position:relative;}
.subPageBannerBgMask{width: 100%; min-height: 385px;  background-image: url(../img/bannerSubPageMask.png);  background-repeat: no-repeat; padding:70px 0; background-position: right top;}

a.subBannerBtn{width: auto; font-size: 13px; color: #fff; border: 1px solid #fff; border-radius:15px; padding: 8px 28px 5px 10px;}

.subPageBannerTitle{width: 100%; font-size: 40px; color: #fff; padding: 50px 0;}

.subPageStandart{position: relative; top: -50px;}
.subPageStandart h3{font-size:16px; color: #011E65; line-height: 29px; padding-top: 25px; padding-left: 10px; text-align: left; font-weight: 600;}
.subPageStandart p{font-size:16px; color: rgb(0,19,65,0.5); line-height: 29px; padding-top: 25px; padding-left: 10px; text-align: left;}
.subPageStandart ul{margin: 0; padding: 0 0 0 40px; list-style: circle;}
.subPageStandart ul li{font-size:16px; color: rgb(0,19,65,0.5); line-height: 29px; padding-top: 15px; padding-left: 10px;}
.subPageStandart iframe{width: 70%; height: 450px; border: 5px solid #011E65;}

.subPageImgC{width: 100%; height: auto; position: relative; top: -100px;}
.subPageImgC img{width: 100%; display: block;}

.sStoryNumberC{width: 100%; min-height: 50px; background: #fff; border-radius: 20px; padding: 30px; position: relative; top:-50px; box-shadow: 0px 11px 20px -4px rgba(0,0,0,0.1);}
.sStoryNumberSC{width: 100%; height: auto; padding:0 30px;}
.sStoryNumber{width: 100%; height: auto; font-size:40px; font-weight: 500; color: #11A4E0; padding-top: 5;}
.sStoryNumberT{width: 100%; height: auto; font-size:18px; font-weight: 500; color: #000; padding-top: 5px;}

.sStoryNumberC .col-md-3{border-right: 1px solid rgba(112, 112, 112, .22);}
.sStoryNumberC .col-md-3:last-child{border-right: none;}

a.sStoryBtnC{width: auto; display: inline-block; color: #fff; background: #011E65; border-radius: 25px; font-size: 16px; font-weight: bold; padding: 17px 30px 15px 30px;  transition: all 0.3s ease-in-out;  border: 1px solid #011E65;}
a.sStoryBtnC:hover{ background: none; color: #011E65;}



ul.ncaseMidMenu{ display:inline-block; padding:10px 0; list-style: none; text-align: center; width: 100%;}
ul.ncaseMidMenu li{ display: inline-block; color:#000; position:relative; padding:0 80px 0 0;}
ul.ncaseMidMenu li a{ color:#000; padding:32px 0 10px 0; letter-spacing:0.2px; font-size:18px;   position:relative; transition: all 0.4s ease-in-out; }
ul.ncaseMidMenu li a:hover{  color:#011E65;}
ul.ncaseMidMenu li a.selected{  color:#011E65; transition: all 0.4s ease-in-out;}
ul.ncaseMidMenu li:before{
	content:"";
	position:absolute;
	width:1px;
	height:26px;
	border-radius:6px; background:rgba(112, 112, 112, .22);; right:34px; top:-4px; margin-top:-1px;  transition: all 0.4s ease-in-out;
}
ul.ncaseMidMenu li a:before{
	content:"";
	position:absolute;
	width:0;
	height:1px;
	border-radius:6px; background:#011E65; left:0; bottom:0; margin-top:-1px;   transition: all 0.4s ease-in-out;
}
ul.ncaseMidMenu li a:hover:before{
	content:"";
	position:absolute;
	width:100%;
}
ul.ncaseMidMenu li a.selected:before{
	content:"";
	position:absolute;
	width:100%;
}

ul.ncaseMidMenu li:last-child:before{
display:none;
}

.fixedM{ position:fixed;  top:0; left:0; z-index:9; transition: all 0.4s ease-in-out;}

ul.caseDetailN{margin:10px 25px; padding:0 0; display:block;}
ul.caseDetailN li{ color:rgba(0, 19, 65, 0.5); padding:10px 0; list-style:none; font-size:16px; letter-spacing: .2px; line-height: 1.5em; position:relative;}

ul.caseDetailN li:before {
    position: absolute;
    left: -25px;
    top: 10px;
    font-weight: 900;
    font-family: 'Line Awesome Free';
	color:#0031a8;
	content: '\f00c';
}

.caseBulutSw .swiper-slide {
    width: 483px;
}



.cFormContainer{width: 336px; height: auto; background: #fff; border-radius: 30px; position: fixed; right: 40px; bottom: 120px;  z-index:99999; padding: 50px 30px 20px 30px; display:none; transition: all .4s ease-in-out; box-shadow: 0px 11px 20px -4px rgba(0,0,0,0.1);}

.cFormContainer:after{
	position: absolute;
	content: "";
	bottom: -17px;
	right: 25px;
	width: 0;
height: 0;
border-style: solid;
border-width: 18px 12px 0 12px;
border-color: #fff transparent transparent transparent;}

.openCBox {
    display: block;
}

.cFormInp{width: 100%; height: 36px !important; min-height: 36px !important; border:1px solid rgba(0,0,0,0.12); line-height: 36px; padding: 0 15px !important; font-size: 14px; color: #000; border-radius: 10px; margin-bottom: 10px !important;}
.cFormInpTa{width: 100%; height: 140px !important; min-height: 36px !important; border:1px solid rgba(0,0,0,0.12); line-height: 16px; padding: 10px 15px !important; font-size: 14px; color: #000; border-radius: 10px; margin-bottom: 10px !important;}

.cFormCn{width: 100%; height: auto; margin-top: 10px;}
.cFormCn label{ width: 100%; height: auto; border: none; color: #aa7476; font-size: 12px;}


.frmBtnC {
    display: inline-block;
    width: 100%;
	margin: 20px 0;
    border-radius: 40px;
    padding: 5px 50px !important;
    font-size: 16px !important;
    color: #fff !important;
	height: 40px;
    border: 1px solid #E31B5D;
    font-weight: 600;
    transition: all .4s ease-in-out;
    position: relative;
	background: #E31B5D;
}
.frmBtnC:hover {
    color: #E31B5D !important;
    background: #fff;
}

.contactUsPp{width: 74px; height: 74px; border-radius: 74px; position: fixed; right:40px; bottom: 50px; z-index: 99; cursor: pointer;}

.contactUsPpI{width: 74px; height: 74px; border-radius: 74px; background: #fff; position: absolute; right:0; bottom: 0; z-index: 99; text-align: center; padding-top: 22px; cursor: pointer;box-shadow: -2px 2px 5px 1px rgba(0,0,0,0.2);
}

.contactUsPpt{width: 250px; display: inline-block; border-radius: 30px; background: #fff; font-size: 16px; position: absolute; right: 40px; top: 20px; padding:10px 30px 10px 20px; box-shadow: 0px 11px 5px -4px rgba(0,0,0,0.1);}

.disPlayN{display: none;}