/* CSS Document */

@font-face {
    font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat-Regular.woff") format('woff');
}

@font-face {
    font-family: "Montserrat SemiBold";
    src: url("../fonts/Montserrat-SemiBold.woff") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "Montserrat Bold";
    src: url("../fonts/Montserrat-Bold.woff") format('woff');
    font-weight: bold;
    font-style: italic;
}


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

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


*, *: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;}

a{  transition: all 0.3s linear;}

strong{font-family: "Montserrat Bold";}



.acLeftCon{width: 100%; height: auto; padding-top: 180px;}
.acLTitle{width: 100%; height: auto; font-size: 47px; color: #fff;}
.acLTitle span{font-size: 40px; font-family: "Montserrat SemiBold";}
.acLText{width: 100%; font-size: 14px; line-height: 18px; padding: 40px 0 20px 0; color: #fff;}

.accordionContainer{display: inline-block; width: auto; float: right;}

a.blueButton{display: inline-block; padding: 13px 18px; background: #0F6FFF; border:1px solid #0F6FFF; color: #fff; font-size: 13px; border-radius: 11px; text-align: center;}
a.blueButton:hover{ border:1px solid #D3D1D1; background: none;}


.vAccordion{width: 60px; height: 600px; border: 1px solid #707070; border-radius: 23px; float: left; transition: all 0.3s linear; margin-right: 10px; overflow: hidden; position: relative;}
.vAccordionActive{width: 336px; background: #0F6FFF; border: 1px solid #0F6FFF; transition: all 0.3s linear;}

.vAccordionTitle{font-size: 20px; color: #fff; transform: rotate(270deg); text-align: left; position: absolute; transform-origin: 0 0; bottom: 0; left: 17px; width: 600px; visibility: visible; opacity: 1; transition: all 0.1s linear; cursor: pointer;}
.vAcContainer{width:336px; height: auto; padding: 40px; visibility: hidden; opacity: 0; transition: all 0.3s linear; position: relative; z-index: 10;}
.vAcSubTitle{width: 100%; height: auto; font-size: 20px; color: #fff;}
.vAcText{width: 100%; height: auto; font-size: 14px; line-height: 18px; color: #fff; padding-top: 20px;}
.vAcIcon{width: 336px; height: auto; position: absolute; bottom: 0;  visibility: hidden; opacity: 0; transition: all 0.3s linear;}

.vAccordionActive .vAccordionTitle{ visibility: hidden; opacity: 0;}
.vAccordionActive .vAcContainer{ visibility: visible; opacity: 1;}
.vAccordionActive .vAcIcon{visibility: visible; opacity: 1;}

.tabMTitle{width: 100%; height: auto; font-size: 25px; color: #fff; padding: 15px 0;}

ul.tabMenuB{display: inline-block; margin: 0; padding: 0; list-style: none; width:auto; text-align: center; float: left;}

ul.tabMenuB li{
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    color: #fff;
    padding: 2px 15px;
    cursor: pointer; border-radius:11px;
    transition: all 300ms ease; margin: 0 10px 10px 0 ; text-align: center; border: 1px solid #D3D1D1; 
	background: none;
	
    
}

ul.tabMenuB li i {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
    color: #FD9881;
    transition: all 0.3s ease-in;
}

ul.tabMenuB li:hover{
color: #fff;
	background: #0F6FFF; border: 1px solid #0F6FFF; 
}

ul.tabMenuB li:hover i{
color: #eece38;	
}



ul.tabMenuB li.active{
color: #fff;
	background: #0F6FFF; border: 1px solid #0F6FFF; 
}
ul.tabMenu li.active i{
color: #eece38;	
}


.tabContentB { width:100%; height:auto; float:left; position:relative; padding:30px 0; margin:0 0 0 0; color:#666;}
.tabContentB h3{    display: block; font-family: "Cormorant", serif;
    font-size: 52px;
    line-height: 56px;
    color: #FD9881;
    font-weight: 600;
    margin-bottom: 30px; letter-spacing: -1px;
	padding-top: 20px
}



.tbFirstCon{width: 100%; height: auto; min-height: 323px; position: relative; border-radius: 11px; overflow: hidden; margin-bottom: 20px;}
.tbImg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}

.tbContC{width: 100%; height: auto; position: absolute; left: 0; bottom: 0; z-index: 10; padding: 30px;}
.tbConTl{width: 100%; height: auto; font-size: 20px; color: #fff;}
.tbConTx{width: 100%; height: auto; font-size: 14px; color: #fff; line-height: 18px; padding: 10px 0;}
.tbConBC{width: 100%; height: auto; padding: 15px 0;}

.proWhyBx {
    height: auto;
    min-height: 323px;

    border: 1px solid #D3D1D1; border-radius: 11px; padding: 30px; position: relative; margin-bottom: 20px;
}

.proWhySv {
    width: 57px;
    height: 57px;
    text-align: center;
    padding:20px 0;
    right: 0;
    top: 0;
    background: #0F6FFF; border-radius: 11px;
    float: left;
}

.proWhySv img {
    height: 20px;
}

.proWhyTitle {
    font-family: 'Montserrat SemiBold', sans-serif;
    font-size: 20px;
    line-height: 24px;
    min-height: 48px;
    clear: both;
    padding: 15px 0;
	
    height: auto;
    color: #fff;
    width: 100%;
    text-align: left;	
}

.proWhyTx {

    font-size: 14px;
    line-height: 18px;
    padding: 0 0;
	
	height: auto;
    color: #fff;
    width: 100%;
    text-align: left;	
	
}

.proLinkC{width: 100%; height: auto; padding: 5px 0; position: absolute; bottom: 30px;}

a.proLink{font-size: 14px; color: #0F6FFF; text-decoration: underline;}
a.proLink:hover{text-decoration: none;}




.mainNewsCon{width: 100%; height: 641px; position: relative; overflow: hidden; border-radius: 11px;}
.mainNImg{width: 100%; height: 641px; position: absolute; left: 0; top: 0; object-fit: cover;}
.mainNConC{width: 100%; height: auto; position: absolute; bottom: 0; padding: 25px 30px; backdrop-filter: blur(25px); background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}

.mainNtitle{width: 100%; height: auto; font-size: 18px; color: #fff; font-family: 'Montserrat SemiBold', sans-serif; line-height: 22px;}
.mainNtext{width: 100%; height: auto; font-size: 14px; color: rgba(255,255,255,.34); line-height: 18px; padding: 10px 0 0 0;}




.mainNewsCon1{width: 100%; height: 99%; position: relative; overflow: hidden; border-radius: 11px;}
.mainNImg1{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.mainNConC1{width: 100%; height: auto; position: absolute; bottom: 0; padding: 15px 30px; backdrop-filter: blur(25px); background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);}

.mainNtitle1{width: 100%; height: auto; font-size: 18px; color: #fff; font-family: 'Montserrat SemiBold', sans-serif; line-height: 22px;}
.mainNtext1{width: 100%; height: auto; font-size: 14px; color: rgba(255,255,255,.34); line-height: 18px; padding: 10px 0 0 0;}


a.lineLink{font-size: 14px; color: #000; }
a.lineLink i{font-size:12px;}
a.lineLink:hover{ color: #0F6FFF;}

a.blueButtonM{display: inline-block; padding: 13px 18px; background: #0F6FFF; border:1px solid #0F6FFF; color: #fff; font-size: 14px; border-radius: 11px;}
a.blueButtonM:hover{ border:1px solid #D3D1D1; background: none; color: #000;}

a.lineButton{display: inline-block; padding: 8px 10px; background: none; border:1px solid #D3D1D1; color: #000; font-size: 11px; border-radius: 11px;}
a.lineButton:hover{ border:1px solid #0F6FFF; background: #0F6FFF; color: #fff;}

.sStrTitle{width: 100%; height: auto; text-align: center; font-size: 40px; color: #000; line-height: 49px;}
.sStrST{width: 100%; height: auto; text-align: center; font-size: 14px; color: #000; line-height: 18px; padding: 15px 0;}

.hSStoryCon{width: 100%; height: auto; min-height: 600px; max-width: 400px; border: 1px solid #D3D1D1; border-radius: 11px; padding: 45px; position: relative;}
.hSStoryCCon{width:100%; height: auto; position: absolute; bottom: 50px; left: 0; padding: 0 45px;}
.hSStoryCTxt{width: 100%; height: auto; font-size: 18px; line-height: 22px; color: #000; padding-bottom: 30px;}
.hSStorySTt{width: 100%; height: auto; font-size: 14px; line-height: 18px; color: #000; padding: 15px 0 0 0;}
.hSStoryBc1{width: 100%; padding: 15px 0;}
.hSStoryBc2{width: 100%; height: auto;}
.hSStoryBc2 img{height:70px;}


.successS .swiper-slide{width: 400px;}


.sStrBTitle{width: 100%; height: auto; text-align: center; font-size: 40px; color: #000; line-height: 49px; font-family: "Montserrat Bold";}
.sStrBTitle span{color: #0F6FFF}


.midBnLeftCon{width: 100%; height: auto; min-height: 456px; background: #14171B; position: relative; padding: 120px 110px;}
.midBnImg{position: absolute; right: 0; bottom: 0;}
.midBnTitle{width: 100%; height: auto; font-size: 30px; color: #fff; font-family: "Montserrat SemiBold";}
.midBnTxt{width: 100%; height: auto; font-size: 30px; color: #fff; line-height: 37px; padding: 15px 0;}
.midBnRTxt{width: 100%; height: auto; font-size: 27px; color: #fff; line-height: 37px; padding: 0 0 15px 0;}

.midBnBtCon{ width: 100%; height: auto; position: absolute; bottom: 110px;}

.midBnRightCon{width: 100%; height: auto; min-height: 456px; background: #0F6FFF; position: relative; padding: 120px 110px;}


a.lineWhiteBtn{display: inline-block; padding: 13px 22px; background: none; border:1px solid #D3D1D1; color: #fff; font-size: 14px; border-radius: 11px;}
a.lineWhiteBtn:hover{ border:1px solid #0F6FFF; background: #0F6FFF; color: #fff;}

a.lineBlueBtn{display: inline-block; padding: 13px 22px; background: none; border:1px solid #D3D1D1; color: #fff; font-size: 14px; border-radius: 11px;}
a.lineBlueBtn:hover{ border:1px solid #fff; background: #fff; color: #0F6FFF;}


.homeNewsCon{width: 100%; height: auto; margin-bottom: 30px;}
.homeNImgC{width: 100%; border-radius: 11px; position: relative; height: 215px}
.homeNImgC img{width: 100%; border-radius: 11px; position: absolute; display: block; inset: 0px; height: 100%; object-fit: cover; transition: none;}
.homeNStc{width: auto; display: inline-block; padding: 10px 20px; border-radius: 11px; font-size: 11px; color: #fff; background: rgba(255,255,255,0.3); position: absolute; left: 20px; top: 20px;}
.homeNTitle{width: 100%; height: auto; font-size: 18px; line-height: 22px; font-family: "Montserrat SemiBold"; padding: 15px 0;}
.homeNTitle a{color: #000;}
.homeNTitle a:hover{ color: #0F6FFF;}


a.lineLinkBi{font-size: 14px; color: #0F6FFF; font-family: "Montserrat SemiBold"; }
a.lineLinkBi i{font-size:12px; color: #000;}
a.lineLinkBi:hover i{ color: #0F6FFF;}


.refLogov3 {
    width: 197px;
    height: 77px;
    background: #fff;
	border: 1px solid #BAB9B9;
    border-radius: 69px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px;
    overflow: hidden; transition: all 0.3s linear;
}

.refLogov3 img {
    max-width: 60%; filter: grayscale(1); transition: all 0.3s linear;
}

.refLogov3:hover img{filter: grayscale(0);}



.bulutRef .swiper-slide{width: 200px;}
.bulutRef .swiper-slide .col-md-12:nth-child(2) { padding-left: 90px;}


.footerTitle{width: 100%; height: auto; text-align: center; font-size: 50px; color: #000; line-height: 59px; }
.footerTitle span{ color: #0F6FFF;}


a.fWhiteBtn{display: inline-block; padding: 13px 22px; background: none; border:1px solid #BAB9B9; color: #0F6FFF; font-size: 16px; border-radius: 11px;}
a.fWhiteBtn:hover{ border:1px solid #0F6FFF; background: #0F6FFF; color: #fff;}

a.fBlueBtn{display: inline-block; padding: 13px 22px; background: #0F6FFF; border:1px solid #0F6FFF; color: #fff; font-size: 16px; border-radius: 11px;}
a.fBlueBtn:hover{ border:1px solid #BAB9B9; background: none; color: #0F6FFF;}


#footer {
    background-color: #1b1c21;
    width: 100%;
    margin-top: 0;
}


#footer, .nFooterT {
    font-size: 13px;
    color: rgba(255,255,255,0.47);
}
.nFooterT {
    font-weight: 300;
    line-height: 25px;
}

.nFooterIC {
    margin-top: 20px;
    width: 100%;
}

.nFooterSS {
    width: 100%;
    margin-top: 22px;
}

#footer .footer-menu ul {
    color: #6c6c6c;
    display: block;
}

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

#footer a {
    color: rgba(255,255,255,0.47);
    font-weight: 300;
    transition: color .3s linear;
}
#footer a:hover {
    color: rgba(255,255,255,1);
    font-weight: 300;
    transition: color .3s linear;
}

.footer-menu-title{font-size: 18px; color: #fff; padding-bottom: 15px;}


.nmbMainTitle{width: 100%; height: auto; font-size: 25px; color: #000; padding: 15px 0 10px 0;}
.nmbMainSbTxt{width: 100%; height: auto; font-size: 14px; color: #000; line-height: 18px; padding: 0 0 30px 0;}


.nmberMCn{width: auto; display: inline-block; float: right; padding: 15px 0;}

.nmbrCon{width: auto; display: inline-block; border-right: 1px solid rgba(0,0,0,.14); text-align: center; padding: 0 25px;}
.nbrConPad{padding: 0 70px;}
.nmbr1{width: auto; font-size: 22px; font-family: "Montserrat SemiBold";}
.nmbr2{width: auto; font-size: 26px; padding-top: 5px;}

.mapContainer{width: 100%; height: auto; text-align: center; padding: 40px 0;}
.mapContainer img{width: 80%;}

.languagepicker {
	background-color: #fff;
	display: inline-block;
	padding: 0;
	height: 38px;
	overflow: hidden;
	transition: all 0.3s ease;
	margin: 0 10px 0 0;
	vertical-align: top;
	float: left; position: absolute; z-index: 80;
}

.languagepicker:hover {
	/* don't forget the 1px border */
	height: 71px;
}

.languagepicker a {
	color: rgba(0, 0, 0, .7);
	text-decoration: none; font-size: 14px;
}

.languagepicker li {
	display: block;
	background: transparent;
	width: 68px;
	padding: 0px 10px;
	border-top: 1px solid #eee;
}

.languagepicker li span{padding-top: 13px; display: inline-block; float: right;}

.languagepicker li:hover {
	color: #0F6FFF;
}

.languagepicker a:first-child li {
	border: none;

}

.languagepicker li img {
	margin-right: 5px;
	width: 20px; border-radius: 5px; float: left; padding: 9px 0 0 0;
}

.roundborders {
	border-radius: 5px;
}

.large:hover {
	/* 
	don't forget the 1px border!
	The first language is 40px heigh, 
	the others are 41px
	*/
	height: 123px;
}

.hRConSub{position: relative; }
.headerSub .languagepicker{position: absolute; right: 0;}
.headerSub .languagepicker a:first-child li {


}

.h30{height: 30px;}
.h100{height: 100px;}

.sec1Contanier{width: 100%; height: auto; background: #14171B; min-height: 400px; padding: 200px 0;}
.sec2Contanier{width: 100%; height: auto; background: #14171B; min-height: 400px; padding: 0 0 50px 0;}