/* CSS Document */

/* CSS Document */
@media only screen and (max-width: 1104px) {
	.mainHeader{display: none;}
}
@media only screen and (max-width: 1700px) {
	.tchNTC{top: -30px;}
}
@media only screen and (max-width: 1640px) {
	.tchNTC{top: -50px;}
}
@media only screen and (max-width: 1590px) {
	.midSStrSTx{font-size: 40px; line-height:46px;}
}
@media only screen and (max-width: 1560px) {
	.tchNTCT1{width:130px; height: 130px; display: inline-block; float: none; text-align: left;}
	.tchNTCT1 img{width: 100%;}
	.tchNTCTR{width:100px; height: 100px; display: inline-block; float: none; margin: 15px 5px 0 5px; text-align: left;}
	.tchNTCTR img{width: 100%;}
	.tchNTCTRR{width: 100%; height: auto; position: relative; text-align: left; top: -30px;}
	.tchNTC{top: -40px;}
	.bookListTitleCon{top:-120px; width: 50%;}

}


@media only screen and (max-width: 1510px) {
	.header__nav .nav__link{margin: 0 10px;}
	.header__nav .nav__link:before {
    right: -10px; }
	
	.iAvardT{font-size: 20px; padding-top: 32px;}
	.iAvardST{font-size: 20px; padding-top: 10px;}

	.midSStrIB{width: 120%;}
	.midSStrST{padding: 15px 0 10px 15%;}
	.midSStrSTx{font-size: 30px; padding: 10px 0 10px 15%;}
	.midSStrSTxx{padding: 0 0 30px 15%;}

}
@media only screen and (max-width: 1520px) {


}

@media only screen and (max-width: 1440px) {
	.header__nav .nav__link{margin: 0 10px; padding: 0 7px;}
	.contactUsCon{width:200px;}
	a.contacUs{width: 100%;}
	.ofstt4{margin-left: 15% !important; width: 85% !important;}
	
}
@media only screen and (max-width: 1400px) {
	.tp-bullets{transform:matrix(1, 0, 0, 1, 30, 200) !important;}
	.midSStrSTx{font-size: 27px; padding: 10px 0 10px 15%; line-height: 34px;}
	.midSStrSTxx{padding: 0 0 10px 15%;}
		.ebookBanerTT{width: 100%; height: auto; font-size:45px; color:#fff; font-weight: 600; line-height: 50px; padding: 110px 0 0 0px;}

	
}
@media only screen and (max-width: 1394px) {
	.ebookBanerTTT{font-size:42px; line-height: 61px;}
}

@media only screen and (max-width: 1280px) {
	.headerNew{padding: 0 0 0 30px;}
	.header__nav .nav__link{margin: 0 5px; padding: 0 4px;}
	.header__nav .nav__link:before {
    right: -5px; }
	.contactUsCon{width:150px;}
}
@media only screen and (max-width: 1260px) {
	.iAvardT{font-size: 20px; padding-top: 10px; line-height: 24px;}
	.iAvardST{font-size: 20px; padding-top: 10px; line-height: 24px;}
	.iAvardIC{padding: 60px 0;}
}
@media only screen and (max-width: 1230px) {
	.respLeft{width: 80% !important; margin-left: 20%;}
}
@media only screen and (max-width: 1200px) {
	.midSStrST{padding: 20px 0 10px 15%;}
	.iWhySubT{width: 80%;}
}
@media only screen and (max-width: 1190px) {
	.ebookBanerTTT{ padding: 70px 0 0 0px;}
	.ebookLCont{padding-left: 10%;}	
}
@media only screen and (max-width: 1130px) {
	.ebookBanerTBCC{padding: 20px 0 0 0;}
}
@media only screen and (max-width: 1100px) {
	.pT100{height: 50px;}
}

@media only screen and (max-width: 1104px) {
	#slider{margin-top: 80px;}
#slider .swiper-container {
        max-height: calc(100vh - 40px)
    }	
}

@media only screen and (max-width: 1000px) {
		.ofstt4{margin-left: 0% !important; width: 100% !important;}

	.midSStrST{padding: 15px 0 10px 10px;}
	.midSStrSTx{font-size: 30px; padding: 10px 0 10px 10px;}
	.midSStrSTxx{padding: 0 0 30px 10px;}
	.respLeft{width: 100%!important; margin-left: 10px!important;}
	
	.iBannerB{ position: relative; top: 0;}
	.sStory{width: 100%; min-height: 180px; padding-top: 20px;}
	.iEventC{ margin-top: 0;}
	.iAvardC{ margin-top: 0; height: auto;}
	
	.iAvardT{padding-top: 17px;}
	.iAvardIC{width: 100%; padding: 30px 0 0 0;}
	.iAboutLLCon{width: 100%; height: auto; padding:30px 10px 10px 10px; border-bottom: 1px solid rgba(255,255,255,0.1);}
	.iAboutLCon{width: 100%; height: auto; padding:20px 0 20px 0; position: relative;}
	.iAboutRCon{height: auto; padding:10px 0 0 0; position: relative; width: 100%;}
	.bulutMVSN{display: none;}
	.indexNewsMask{padding: 40px 0;}
	a.aboutLink{ margin-bottom: 30px;}
	.iSolutionC{margin-bottom: 20px;}
	
	.iWhyBImg{width: 100%; height: auto; position: relative;}
	.iWhyTT{padding: 30px 10px 10px 10px;}
	.iWhyTTS{padding: 10px 10px 30px 10px;}
	.midBg{width: 100%; bottom: -40px; height: 400px;}
	.iWhySubT{width: 100%; padding: 20px 15px;}
	.midBgMask{background: url(../img/index-news-mask.png) no-repeat right; min-height:400px; width: 100%; height: auto;}
	
	.wyhBulutSw{margin-top: 180px;}
	.wyhBulutSw .swiper-slide{width: 100%; padding: 0 20px;}
	
	.iProT{line-height: 54px;}
	.pT50{padding-top: 20px;}
	.pT90{height: 40px;}
	.pT90W{height: 20px;}
	.pT60{height: 0;}
	.pT0{height: 20px;}
	.pT100{height: 50px;}
	.newsSBanerTT{font-size: 30px;}
	
	.bulutCloudProduct .swiper-slide{width: 100%; padding: 0 15px;}
	.indexProductBg{width: 100%; left: 0; border-radius: 50% / 15%; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0; height: 900px}
	.indexProductMask{width: 100%; left: 0; border-radius: 50% / 15%; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0 15px; height: 900px}
	.pT450{height: 405px;}
	.proNumT{font-size: 35px;}
	.proNumTx{font-size: 15px;}
	.border-r2{border: none;}
	.indexProductMask .col-md-3{margin-bottom: 20px;}
	.iProBg{height: 600px;}
	.midInfCon{background:#012F9D; min-height:321px; width: 100%; height: auto; position: relative; border-radius: 10px; margin-top: 25px;}
	.midConTC{padding: 20px;}
	.midSStrB{ width: 100%; height: auto;}
	.midSStrIB{width: 100%; height: 0; overflow: hidden; padding: 0 15px; position: relative;}
	.midSStrIB img{position: absolute; top: -120px;}
	.successSM .swiper-slide{width: 100%; padding: 0 15px;}
	.midSStrSTx{font-size:34px; color:#001341; width: 100%; height: auto; padding:10px 10px; line-height: 40px; font-weight: 600;}
	.flxOrd:nth-of-type(1) { order: 2; }
	.flxOrd:nth-of-type(2) { order: 1; }
	a.viewAll{width: 100%; min-height: 200px; background:rgba(1,30,101,1); margin-top: 15px;}
	.tchNC{width: 100%; height: auto; min-height: 794px; background-position: 0 -0;}

	.tchNTCT1{width:75px; height: 75px; display: inline-block; float: none; text-align: center;}
	.tchNTCT1 img{width: 100%;}
	.tchNTCTR{width:75px; height: 75px; display: inline-block; float: none; margin: 0 5px 0 5px; text-align: center;}
	.tchNTCTR img{width: 100%;}
	.tchNTCTRR{width: 100%; height: auto; position: relative; text-align: center; top: -30px;}
	.tchNTC{width: 100%; height: auto; position: absolute; top: -20px}
	.indexProductBg{top:-300px;}
	.iBlogT{font-size: 37px; line-height: 46px;}
	
	.indexPBoxST{font-size: 20px;}
.eventCDtSbCnnimgMi{ position:inherit; top: 0;}

a.accordionOneT{

	border-top:1px solid;
	border-right:1px solid;
	border-left:1px solid;
	border-color:#FAFBFC;
	height: auto; line-height:18px;
	width: 100%;
	font-size:14px;
	color: #000;
	background: #fff;
	padding: 10px 60px 10px 10px;
	text-align:left;
	position: relative;
	display: block;
	transition: all 0.3s ease-in-out; 
}
a.accordionOneT:before{

	
	margin-top:-10px; 
}
	
	
	
	
#footer .footer-menu .menu-wrapper {
    width: 16.666%;
    height: 280px;
    float: left;
	margin-top: 20px;
}	
.nFooterSS{margin-bottom: 22px;}	
	
	
	
	.bulutRef .swiper-slide{width:220px; height:260px; padding: 0 10px;}
	.footerLogo{margin: 30px 0; width: 100%;}
	#footer{margin-top: 50px;}
	.sStoryD{padding-top: 20px;}
	.sStoryI{ padding-top: 20px;}
	
.indexPBoxSp{display: none;}
.iSolutionCn{ float: left;}	

	
#footer .footer-menu .menu-wrapper {
    width: 100% !important;
}	
#footer .footer-menu .menu-wrapper .footer-menu-title {
    position: relative;
    display: block;
}
	
#footer .footer-menu .menu-wrapper .close-ready {
    position: absolute;
    width: 18px;
    height: 3px;
    right: 30px;
    top: 7px;
    border-radius: 4px;
    background-color: #fff;
}
	
#footer .footer-menu .menu-wrapper .open-ready {
    position: absolute;
    display: block;
    width: 18px;
    height: 3px;
    right: 30px;
    top: 7px;
    border-radius: 4px;
    background-color: #fff;
}	

#footer .footer-menu .menu-wrapper .open-ready::after {
    position: absolute;
    content: "";
    width: 3px;
    right: 7px;
    top: -7px;
    height: 18px;
    border-radius: 4px;
    background-color: #fff;
}	
#footer .footer-menu .menu-wrapper li {
    display: none;
}	

#footer .footer-menu .menu-wrapper {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #2d2d2d;
    margin-bottom: 30px;
}	

	.pT150{height: 75px;}	
	.iWhyTTS br{display: none;}
	.iSolutionCnn{padding: 40px 30px 50px 30px;}
	.pB50{padding-bottom: 0;}
	#tabHead{height: auto;}	
	#tab-head{height: auto;}	
#tab-head a{ font-size:16px; margin: 0; padding: 0 10px; }

	.careerBannerC{ padding: 120px 0 50px 0; height: auto; min-height: 420px;}
	.careerBannerT{font-size: 40px; line-height: 46px;}
	.careerBannerT br{display: none;}
	.careerTitle{font-size: 38px;}
	
	#careerTab a{ display: block; width:100%; height: auto; float: left;}

#careerTab a > .titleCon > .icon {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    line-height: 25px;
	font-size: 18px;
}	
#careerTab a > .titleCon > .title {
    margin-left: 33px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
}	
#careerTab a.active > .titleCon:before {

    border-width: 0 20px 20px 20px;
}	

	
.careerContent {
    width: 100%;
    min-height: 300px;
    background: #FCFCFC;
    padding: 20px 0 20px 0;
}	
.careerTabTCon{ padding: 15px 0px;}
.careerTabT{font-size: 30px; padding-bottom: 20px;}
	.careerTabSSg { padding-bottom: 15px; text-align: center;}	
	.careerTabSSg br{display: none;}	
	
#careerTabS{ width:100%; margin:15px auto; height:auto;}
#careerTabS a{  height:55px; line-height:55px; margin:0;}	
.tbH70{height: 20px;}
.careerContentS {padding:120px 0 30px 0;}	
.careerIBox {
    width: 81px;
    height: 81px;
    margin: 20px 30px 20px 0;
}	
	.careerIBoxCon{margin-top: 30px;}	
	.careerPIBox{ padding: 20px 25px;}
	
.careerJbTitle {
    height: 40px;
    justify-content: left;
	border-bottom: 1px solid #efefef;
}	
.careerJbTitleL {
    height: 40px;
    justify-content: left;
	border-bottom: 1px solid #efefef;
	
}	
.careerJBTxt {
    width: 100%;
    height: 40px;
    font-size: 18px;

}
.careerJBTxtC {
    width: 100%;
    height: 35px;
    font-size: 16px;
    justify-content: left;
}	
.careerJBTxtR {
    justify-content: flex-start;
	height: 50px;
}
	.subPageH{display: none;}
	
	
	
	.newsSubMC{ padding: 50px 20px;}
	.jobShareC{padding-top: 30px;}	
	.newsBnn{height: 50px;}
.newSubRT{width: 100%;}
.newSubRC{padding-left: 0;}
	.newSubFC{width: 100%;}	
	
.newsMICon{width: 100%; float: none; padding-bottom: 10px;}
.newsDwBCn{width: 100%; float: none; padding-left: 0;}
.newsSocCon{width: 100%; display: inline-block; float: left; padding-top: 15px; line-height: 38px;}
	
.newsCatBanner{padding: 100px 0 200px 0;}
	
ul.newsMenu li{float: none;}
ul.newsMenu li a{ float: none; width: 100%; height: 50px; line-height: 50px; font-size: 13px; padding: 0 10px;}
	
.newsSBanerTT{padding: 15px 15px;}
.newsSBanerTxC{padding: 20px 15px;}
.newsSBanerTBC{padding: 15px 0 0 15px;}

.newsSM .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 240px;
    width: 400px;
}	
.newsSpBg{right: -400px; top: 90%;}
	.newsCatMNL{min-height: 350px;}	
	
.newxSCon{top: -60px;}
	.newxSbox{margin-bottom: 20px;}	
	
	a.newsListBtn{padding: 20px 0; display: block;}
	.newsListSep{margin: 30px 0;}
	
	.iEventBnCCC{height: 1100px;}
	.iEventBnT{padding: 30px 10px 0 10px;}
	.iEventBnTT{padding: 30px 10px 0 10px;}
	.iEventBnST{padding: 15px 10px 20px 10px;}
	.iEventBnSCon{height: auto;}
	
	
ul.eventDetailMenu{ margin: 0; padding: 0; list-style: none; width:100%; display: inline-block; text-align: center;}
ul.eventDetailMenu li{float: none; display: inline-block;}
ul.eventDetailMenu li a{padding: 0 10px;}
	a.eventContact{float: none; border-top:1px solid rgb(112,112,112, 0.08); border-bottom:1px solid rgb(112,112,112, 0.08); margin: 0 auto;}	
	.evenMenuCon{text-align: center;}
	.eventVideoCon img{width: 100%; padding: 25px 0 0 0;}
	.pT120{height: 50px;}
	.pT70{height: 50px;}
	.eventJBTxt{padding: 5px 0; height: auto;}
	.eventJBTxtC{padding: 5px 0; height: auto;}
	.eventList > .col-md-12{height: auto;}
	.eventList > .col-md-12 > .row { height: auto;}
	
	.refLogov2{width: 100%;     margin: 10px 0;}
	.eventDFC{width: 100%; height: auto; padding: 30px 30px;}
	#footer{margin-top: 0;}
	.ept60{height: 0;}
	.iEventCt{height: 100vh; padding-top: 120px; align-items: flex-start; justify-content: flex-start;}
	.iEventCCT{ font-size: 40px; line-height: 45px;}
	.iEventCSTx{width: 100%;}

a.eventBanerBtnC{padding: 17px 20px 15px 20px;}


a.eventBanerBtnW{padding: 17px 20px 15px 20px;}
	.eventCBannerRB{width: 100%;}
	
ul.eventMenu{display: inline-block; text-align:center}
ul.eventMenu li{float: none;}
.evenCDTT150{padding-top:0;}
.evenCDTT50{height:5px;}
.ept170{height: 50px;}
	.ept50{height: 30px;}
	
.eventCDtSbCn{height:auto;}
.eventCDtSbCnn{top:30px; padding-bottom: 20px;}
	.eventCDtSbCnnimgC{display: none;}	
	
	.eventCdTmTitle{font-size: 32px; line-height: 40px;}
	.eventCdTmTitle br{display: none;}
	#aboutTabS{height: auto;}
	#aboutTabS a{margin: 0 0 20px 0;}
	.aboutContentS{padding: 0;}
	.aboutTeamCL{height: auto;}

	.aboutTeamVT{ text-align: center;}
	.aboutTeamVTx{ text-align: center; padding: 0 0 25px 0;}
	
	.aboutLogo{ margin-bottom: 30px;}
	
.whyBulutBnTitle{font-size: 45px; line-height: 55px;}
.whyBulutBnSTx{width: 100%; height: auto; padding: 25px 0;}
.whyBulutBnImg{left:0;}
.whyBulutSSTt{ }
	.whyBulutBannerC{height: auto; padding: 120px 0 30px 0;}
	.whyBulutISet1{margin-bottom: 10px;}
	.whyBulutISetTx{padding-bottom: 20px;}
	.whPT300{height: 50px;}
	.whyBulutSbx{padding: 25px 0; font-size: 35px; line-height: 55px;}
	.whyBulutSbx br{display: none;}
	.whyBulutSbx1{left: 0;}
	.whyBulutSbx2{font-size: 35px; line-height: 40px;}
	.whyBulutSbx2 br{display: none;}
	.wyTxp br{display: none;}
	a.refLogoConnn{ height: 240px; padding:40px 20px;}
.refBt{width:100%; height: 283px; background: #011E65; padding:120px 30px 10px 30px;}
.refBt1{width: 100%; float: none; text-align: center; font-size: 40px; padding-bottom: 20px; }
.refBt2{padding-left: 0;}
.refLogoCon{height: 240px;}
	.refLogoConn{height: 240px;}
	.refLTitle{font-size: 35px; color: #000000; line-height: 50px; font-weight: 700;}
	.refLTitle br{display: none;}
	.refLTitle1{font-size: 33px;}
	.refSmitC1{ display: none;}
.refSmitC2{ display: block;}
.refLTitle2{font-size: 40px;}

	
	
	
	
	
	.successS .swiper-pagination-horizontal{
	left: 4px !important;
    top: 30% !important;
}
	
	
	.ebookBanerTBCC{margin-bottom: 30px;}
	.bookListTitleCon{position: relative; top: 0; width: 100%; padding:50px 30px;}
	
.swiper-button-nextt {
  margin-top: 0px;
  position: absolute;
	top: 60px;
  right: 0;
  width: auto;
  height: 45px;
  color: #767676;
  font-size: 50px;
  cursor: pointer;

}
.swiper-button-prevv {
  position: absolute;
	top: 60px;
  right: 80px;
  width: auto;
  height: 45px;
  color: #767676;
  font-size: 50px;
  cursor: pointer;
}	
.ebookInf .swiper-slide {
    width: 100%;
}
	
.ekBannerShape1{display: none;}
.ekBannerShape2{display: none;}
.bookList .etitle {
	height: auto !important;
    padding: 25px 0 20px 0;
}
	.ebookBanerTT br{display: none;}
	
	.regFormContainer{width: 98%; left: 1%; margin-left: auto; height: 96%; margin-top: 0; top: 2%; overflow: hidden;}
	.ebookBanerTTT{font-size: 48px; line-height: 60px;}
	.bkCTitle{width:100%; height:auto; font-size:30px; color:#fff; font-weight:600;}
.bkBnImg{width: 100%; height: auto; text-align: center; padding:50px; position: relative;z-index: 1;}
.bkBnImg img{width: 90%;}
	.bookIList{width: 100%;}
	.bookIListTit{font-size:30px; line-height: 36px;}
	.bookFormInp{min-height:auto !important; height: 40px !important; margin-bottom: 5px !important;}
	.bookFormCn{margin-bottom: 7px;}
	.kvkkInfot{font-size: 12px;}
	
	.swiper-button-prevBn{width: 30px; height: 30px; line-height: 34px; font-size: 20px;}
	.swiper-button-nextBn{width: 30px; height: 30px; line-height: 34px; font-size: 20px;}
	
	.footerPads{padding:0 20px;}
	a.viewAllBlog {padding: 0;}
	
.contactUsPpt {
    width: 210px;
    display: inline-block;
    border-radius: 30px;
    background: #fff;
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 10px;
    padding: 10px 10px 10px 20px;
    box-shadow: 0px 11px 5px -4px rgba(0,0,0,0.1);
}	
.contactUsPpI {
    width: 54px;
    height: 54px;
    border-radius: 54px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
    text-align: center;
    padding-top: 18px;
    cursor: pointer;
    box-shadow: -2px 2px 5px 1px rgba(0,0,0,0.2);
}	
	.contactUsPpI img{height: 20px !important;}	
.contactUsPp {
    width: 54px;
    height: 54px;
    border-radius: 54px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99;
    cursor: pointer;
}	
	
.cFormContainer {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 30px;
    position: fixed;
    bottom: 100px;
    z-index: 99999;
    padding: 20px 30px 10px 30px; right: 0;
    display: none;
    transition: all .4s ease-in-out;
    box-shadow: 0px 11px 20px -4px rgba(0,0,0,0.1);
}
.cFormCn {
    width: 100%;
    height: auto;
    margin-top: 0;
}
.cFormInpTa {
    width: 100%;
    height: 70px !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;
}
.cFormInp {
    width: 100%;
    height: 30px !important;
    min-height: 30px !important;
    border: 1px solid rgba(0,0,0,0.12);
    line-height: 36px;
    padding: 0 15px !important;
    font-size: 13px;
    color: #000;
    border-radius: 10px;
    margin-bottom: 10px !important;
}	
.frmBtnC {
    display: inline-block;
    width: 100%;
    margin: 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;
}
.kvkkContainer {
    width: 100%;
    height: auto;
    font-size: 15px;
    line-height: 20px;
    color: rgb(0,19,65,0.5);
    margin-top: 5px;
}	
	
.openCBox {
    display: block;
}
.prevWhy{bottom: -35px;}
.nextWhy{bottom: -35px;}
a.indexProductBox{width: 100% !important;}
	.iProBg{height: 600px;}	
	.indexProductBg{height: 600px; top: 0;}
	.indexProductMask{height: 600px; min-height: 600px;}
	.pT450{height: 70px;}
	.proNumT{font-size: 30px;}


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

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

	.contactKvkk{line-height: 25px;}

}