@font-face {
  font-family: 'Montserrat Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Montserrat Regular'), url('font/Montserrat-Regular.woff') format('woff');
}


@font-face {
  font-family: 'Montserrat SemiBold';
  font-style: normal;
  font-weight: normal;
  src: local('Montserrat SemiBold'), url('font/Montserrat-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'Montserrat Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Montserrat Bold'), url('font/Montserrat-Bold.woff') format('woff');
}

@font-face {
font-family: 'Montserrat Light';
font-style: normal;
font-weight: normal;
src: local('Montserrat Light'), url('font/Montserrat-Light.woff') format('woff');
}
    

.productBanner{width: 100%; height: calc(100vh - 220px); padding: 0 0 0 0; background-repeat: no-repeat; background-size: cover; position: relative;}

.productNewBannerImage{
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;    
}

.productBannerVh{height: calc(100vh - 220px);}

.bannerTitleV2 .productBannerTitle{font-family: 'Montserrat Bold',sans-serif; font-size: 53px; color: #fff; line-height: 64px; padding-top: 40px;}

.productBannerSubC{font-family: 'Montserrat Light',sans-serif; font-size: 20px; color: #fff; line-height: 24px; padding-top: 35px;}
.pBannerBCon{margin-top: 20px; width: 100%;}

a.contactCall{padding: 14px 43px;}

.bannerLogoCon{position: absolute; bottom:10px;}

.pBannerLtitle{width: auto; display: inline-block;font-family: 'Montserrat SemiBold',sans-serif; font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding:0 0 5px 0; margin: 0 0 0 0;}

.pBannerLCon{display: flex; margin-top: 5px;}
.pBannerL{padding: 10px 15px 0 0;}
.pBannerLB{padding: 40px 0 0 0;}
a.bannerLT{font-family: 'Montserrat Regular',sans-serif; font-size: 13px; color: #fff; padding: 10px 23px;
    border-radius: 50px; background-color: #0ad4ef;}



.proSection{width:100%; height:auto; min-height: 385px; padding:60px 0 100px 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;}
.proSectionW{width:100%; height:auto; padding:90px 0 10px 0; position:relative;}
.proSection50{width:100%; height:auto; padding:5px 0; position:relative;}
.proSection60{width:100%; height:auto; padding:40px 0; background:#FCFCFC; position:relative;}
.proSection60W{width:100%; height:auto; padding:20px 0 !important; position:relative; z-index: 10;}
.proSection65W{width:100%; height:auto; padding:65px 0; position:relative;}
.proSectionBlue{width:100%; height:auto; padding:20px 0; background:#011E65; position:relative;}


.proFBl{width:100%; height:auto; padding-top:30px;}
.proFBlt{font-size:16px; display:block; color:#fff; font-family: 'Montserrat Bold',sans-serif;}
.proFBltx{font-size:18px; line-height: 22px; padding-top: 20px; display:block; color:#fff; font-family: 'Montserrat Regular',sans-serif;}

.proFBI{font-family: 'Montserrat Bold',sans-serif; font-size: 25px; color: #fff;}
.proFBT{display: block; margin-top: 20px; font-family: 'Montserrat Light',sans-serif; line-height:24px; font-size:16px; color:#fff;}

.proSemiBold{font-family: 'Montserrat SemiBold',sans-serif;}

.proVideoC{width: 550px; position: absolute; left:-50px; top: -200px; z-index: 50;}
.proVideoC img {width: 100%;}
.proVideoPl{width: 78px; position: absolute; text-align: center; top: 50%; left: 37%;}


.proCaseT{font-family: 'Montserrat Bold',sans-serif; font-size: 25px; color: #0031A7;}
.proCaseTxL{font-family: 'Montserrat Light',sans-serif; font-size: 25px; color: #333333;}

.proCaseTx{font-family: 'Montserrat Light',sans-serif; font-size: 16px; color: #6C6C6C; padding-top: 15px;}
a.proCaseL{font-family: 'Montserrat Light',sans-serif; text-decoration: underline !important; color:#0031a8;}
.proCaseLg{padding:35px; width:100%; background: #fff; box-shadow: 0px 0px 28px 4px rgb(170 167 167 / 37%); margin: 0 0 20px  30px; text-align: center; border-radius: 7px;}

.proCaseLgx{padding:0; width:100%; margin: 0 0 0  30px; border-radius: 7px;}


.proMainTitle{font-family: 'Montserrat Bold',sans-serif; font-size: 25px; color:#011E65; line-height: 30px; text-align:center;}
.proMainTitleSub{font-family: 'Montserrat Light',sans-serif; font-size: 16px; color:#6C6C6C; text-align:center; padding-top: 5px;}
ul.proMainList{margin: 0; padding: 0; counter-reset: my-awesome-counter;}
ul.proMainList li{ padding: 10px 0 0 35px; position: relative; counter-increment: my-awesome-counter;}
ul.proMainList li:before{
	content: counter(my-awesome-counter);
	position: absolute;
	left: 0;
	top: 14px;
	width: 20px;
	height: 20px;
	background: #0031A7;
	border-radius: 100%;
	color: #fff;
	text-align: center; line-height: 20px;
	font: 9px; font-family: 'Montserrat Bold',sans-serif; 
}


.proIconCon{width: 78px; height: 78px; background:#0031A7; border-radius: 14px; text-align: center; padding: 16px 0;}
.proBTitle{
    font-family: 'Montserrat Bold',sans-serif;
    font-size: 20px;
    color: #011E65;
    text-align: left;
    padding: 0 0;
    margin-left: 95px;
    display: flex;
    align-items: center;
    height: 79px;
}
.proBTxt{font-family: 'Montserrat Light',sans-serif; font-size: 16px; color: #6C6C6C; text-align:left; width: 100%; clear: both; float: none;  margin-top:30px; line-height: 19px;}

.productTh { padding-top: 25px !important; }
.productTh .proIconCon{width: 78px; height: 78px; background:#011E65; border-radius: 14px; text-align: center; padding: 19px 0; float: left;}

.proIconCon img{height: 40px;}

a.readMorePro{ display:block; width: 144px; height: 44px; background: #0475DF; border:1px solid #0475DF; border-radius: 15px;  line-height: 44px; text-align: center; color: #FFFFFF; font-family: 'Montserrat Light',sans-serif; font-size: 16px; margin-top: 25px; }


.proCallme{margin:0 !important; background-image: url('/assets/images/midbg.png'); background-position: right; background-size: cover; background-repeat: no-repeat; background-color: #0031a8;    padding: 40px;
   }
.proCallmeLogo{width: auto; display: inline-block; float: left; padding: 15px 15px 0;}
.proCallmeText{width:100% !important; font-family: 'Montserrat Regular',sans-serif !important; font-size: 20px !important; line-height: 1.5;
    color: #fff;}
a.contactCall{padding: 14px 43px;}

a.proCall{ display: block; width: 225px; height: 50px; border: 1px solid #1BD4EF; font-family: 'Montserrat Regular',sans-serif; color: #fff; font-size: 16px; text-align: center; line-height: auto; border-radius: 50px;transition: all 0.3s ease-in-out;}
a.proCall:hover{ background:#1BD4EF; opacity: 1; }


.proMidAcTitlec{width:100%; height:auto; padding:60px 0;  margin-top: 13px;}
.proMidAcTitle{font-size:16px; letter-spacing:1px; display:block; color:#0031A7; font-family: 'Montserrat Light',sans-serif;}
.proMidAcTx{font-size:25px; display:block; color:#001341; font-family: 'Montserrat Regular',sans-serif; padding-top: 10px;}
.proMidAcTx  strong{font-family: 'Montserrat Bold',sans-serif;}

.proMidBxTitle{font-size:39px; letter-spacing:1px; display:block; color:#001341; padding-top:320px; font-family: 'Montserrat Bold',sans-serif; line-height: 49px;}
.proMidBxTx{color: #6C6C6C; width: 100%; font-family: 'Montserrat Light',sans-serif; font-size: 16px; line-height: 19px; padding-top: 20px;}

.accordionOne{


	height: auto;
	width: 100%;
	font-size:20px;
	color: #001341;
	padding: 0 0 10px 10px;
	text-align:left;
	position: relative;
	display: block;
	font-family: 'Montserrat Bold',sans-serif;
	transition: all 0.3s ease-in-out;
    cursor: default;
}

.accordionCon {
	margin:0 0 20px 0; padding:10px 10px;
	overflow: hidden;
	clear: both;
	text-align:justify;
	font-size:16px; color:#001341; line-height:19px; font-weight:300;
	
}
.accordionCon p{ color:#001341; font-family: 'Montserrat Light',sans-serif;}

.accordionCon:last-child{margin: 0; padding:10px 0 0 10px;}

.pro4i .proCloI{height: 200px; background:rgba(255,255,255,0.17); padding: 70px 15px; text-align: center; flex-basis: 100px;}
.pro4i  .proCloI img{width:80px;}

.proCloBNICon{width: 100%; min-height: 200px; background: #333333; border-radius: 15px; display: flex; align-items: stretch; flex-direction: row; margin-bottom: 30px;}
a.readMoreProBNIcon{ display:block; position: absolute; width: 144px; height: 44px; background: #0475DF; border:1px solid #0475DF; border-radius: 15px;  line-height: 44px; text-align: center; color: #FFFFFF; font-family: 'Montserrat Light',sans-serif; font-size: 16px; bottom: 40px; }

.proCloB{width: 100%; min-height: 200px; background: #333333; border-radius: 15px; display: flex; align-items: stretch; flex-direction: row;}
.proCloC{padding: 20px 25px;}
.proCloT{color: #FFFFFF; font-family: 'Montserrat Bold',sans-serif; font-size: 18px; min-height: 50px;}
.proCloT a{color: #fff;}
.proCloTx{color: #FFFFFF; font-family: 'Montserrat Light',sans-serif; font-size: 16px; line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 60px;
   

}
.proCloI{height: 200px; background:rgba(255,255,255,0.17); padding: 60px 15px; text-align: center; flex-basis: 100px;}
.proCloI img{width:50px;}
a.proSS{font-family: 'Montserrat Light',sans-serif; text-decoration: underline !important; color:#0031a8;}

.proMidBxTitle{font-size:39px; letter-spacing:1px; display:block; color:#001341; padding-top:320px; font-family: 'Montserrat Bold',sans-serif; line-height: 49px;}
.proMidBxTx{color: #6C6C6C; width: 100%; font-family: 'Montserrat Light',sans-serif; font-size: 16px; line-height: 19px; padding-top: 20px;}

.proWhyBx{width: 100%; height: auto; min-height: 460px; padding: 0 0; margin-bottom: 30px; background: rgb(242,242,242);
background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,0.7707457983193278) 100%); backdrop-filter: blur(25px);}

.productBl .proWhyBx{ min-height: 400px;}
.productBl .proMidBxTitle{ padding-top:260px; }

.proWhySv{width: 106px; height: 106px; text-align: center; padding: 28px 0; position: relative; right: 0; top: 0; background: #011E65; float: right;}
.proWhySv img{ height: 50px;}
.proWhyTitle{width: 100%; height: auto; font-family: 'Montserrat Bold',sans-serif; font-size: 20px; color:#001341; text-align: center; line-height: 24px; min-height: 48px; clear: both; padding: 35px 25px 20px 25px;}
.proWhyTx{width: 100%; height: auto; font-family: 'Montserrat Light',sans-serif; font-size: 14px; text-align: center; color: #001341; line-height: 20px; padding: 0 25px;}



a.proBlogBox{width: 100%; position: relative; top:-70px; display: block; opacity: 1;}
a.proBlogBox img{border-radius: 15px; width: 100%; opacity: 1;}

.proSectionBlue:hover a.proBlogBox img{filter: grayscale(100%) blur(1px);
    -webkit-filter: grayscale(100%) blur(2px); opacity: 1;}


.proSectionBlue a.proBlogBox:hover img{
 -webkit-filter:none; 
}




.proBlogL{ display:block; width: 100%; color: #FFFFFF; font-family: 'Montserrat Bold',sans-serif; font-size: 18px; margin-top: 25px; line-height: 22px; text-align: center;}


.iProBgP{width: 100%; position: relative; height: 630px;}

.indexProductBgP{
	position: absolute;
	left:-10%;
	padding: 0 10%;
	top:-110px;
	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: 621px;
	border-radius: 50% / 30%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;	
	
}
.indexProductMaskP{background: url(../img/index-news-mask.png) no-repeat right; min-height:621px; 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;
}


.padM{margin-bottom: 60px;}
.h120{width: 100%; height: 120px;}
.pad60{padding-bottom:60px;}



.proFormTxBox{width: 100%; height: 61px; line-height: 60px; padding: 0 20px; font-size: 16px !important; color: #6C6C6C !important; border-radius: 8px; border: none;}

.proFormTxBoxx{width: 100%; height: 156px; line-height: 22px; padding: 15px 20px; font-size: 16px !important; color: #6C6C6C !important; border-radius: 8px; border: none;}

.proFrmSmit{width: 200px; height: 44px; background: #E72E53; border:none; color: #fff !important; line-height: 44px; font-size: 16px !important; border-radius: 12px; padding: 0 !important; cursor: pointer;}
.proFormTxBox::placeholder{ color: #6C6C6C !important; opacity: 1 !important;}
.proFormTxBoxx::placeholder{ color: #6C6C6C !important; opacity: 1 !important;}

.proFrmSC{height: 20px; position: relative;}
.proFrmSSC{position: absolute; top: -100px;}

.proFormKvk{width: 20px !important; height: 20px !important; border: none;}
.danger .proFormTxBox {
    border: 4px solid #aa7476 !important;
}

.danger .proFormTxBoxx {
    border: 4px solid #aa7476 !important;
}

.danger .proFormKvk {
    border: 4px solid #aa7476 !important;
}


@media only screen and (max-width: 1700px) {
.productBannerTitle{font-family: 'Montserrat Bold',sans-serif; font-size: 53px; color: #fff; line-height: 64px; padding-top: 60px;}

.bannerTitleV2 .productBannerTitle{font-family: 'Montserrat Bold',sans-serif; font-size: 53px; color: #fff; line-height: 64px; padding-top: 60px;}
}

@media only screen and (max-width: 1580px) {
.productBannerTitle{font-family: 'Montserrat Bold',sans-serif; font-size: 30px; color: #fff; line-height: 44px; padding-top: 40px;}

.bannerTitleV2 .productBannerTitle{font-family: 'Montserrat Bold',sans-serif; font-size: 30px; color: #fff; line-height: 43px; padding-top: 40px;}
    .productBannerSubC{font-family: 'Montserrat Light',sans-serif; font-size: 12px; color: #fff; line-height: 22px; padding-top: 15px;}
    a.proCall{font-size:14px; height: 35px; width: 170px; padding: 6px 20px; line-height: auto;}
.bannerLogoCon {
    position: absolute;
    bottom: 20px;
} 
    .pBannerBCon{margin-top: 15px;}
}

@media only screen and (max-width: 1520px) {
    .proOthCon{min-height: 360px;}
    .proOthR{height: 360px;    padding: 124px 15px;}
    .productMainBoxText{min-height: 120px;}
    .productMainBLTitle{    padding: 130px 120px 0 20px;}
}

@media only screen and (max-width: 1400px) {
	.proWhyBx{min-height:500px;}
	.proWhyTitle{font-size:23px;}
	.proWhyTx{ font-size: 13px;    text-overflow: ellipsis; height: 225px;
    display: -webkit-box;
    -webkit-line-clamp: 10;     overflow: hidden;
    -webkit-box-orient: vertical;}
    
.productBanner {
    width: 100%;
    height: calc(100vh - 170px);
}
.productBannerVh {
    height: calc(100vh - 170px);
    padding-left: 10px !important;
    padding-right: 10px !important;
    
}
  
    
.pBannerLB {
    padding: 20px 0 0 0;
}    
    
a.bannerLT {
    font-size: 12px;
    padding: 10px 13px;
    border-radius: 50px;
    width: 130px;
    display: block;
    text-align: center;
    margin-top: 10px;
}    
  
    .proOthCon{height: 420px;}    
    .proOthR{height: 420px;padding: 164px 15px;}
    #product-tab a{ font-size: 14px;}
    .productTabRBox{font-size: 14px;}
    .productTabLBox{font-size: 13px;}
    .productMainBC{margin-left: 0; margin-top: 70px;}
    .productMainBLTitle{width: 100%;  height: auto; padding:60px 120px 0 50px;}
    .productMainBoxTitle{font-size: 17px;}
    .productMainBox{padding: 40px 25px 30px 25px}
    .productMainBoxText{min-height: 136px;}

}

@media only screen and (max-width: 1250px) {

 .proMidBxTitle {
    font-size: 30px!important;
    line-height: 32px !important;
}
    
.accordionOne {
    border-bottom: 1px solid #D2D2D2;
    height: auto;
    line-height: 20px;
    width: 100%;
    font-size: 17px;
    color: #333;
    padding: 5px 60px 5px 5px;
    text-align: left;
    position: relative;
    display: block;
    font-family: 'Montserrat Bold',sans-serif;
    transition: all 0.3s ease-in-out;
} 
    
.accordionCon {
    margin: 0 0 15px 0;
    padding: 15px 10px;
    overflow: hidden;
    clear: both;
    text-align: justify;
    font-size: 14px;
    color: #333;
    line-height: 16px;
    font-weight: 300;
} 
    
    
.proMidAcTx {
    font-size: 20px;

}    
    
}
@media (max-width: 1000px){
.iProBgP{height: 600px;}
	.indexProductBgP{width: 100%; left: 0; border-radius: 50% / 15%; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0; height: 600px}
	.indexProductBgP{top:-100px;}
	
	.indexProductMaskP{width: 100%; left: 0; border-radius: 50% / 15%; border-top-left-radius: 0; border-top-right-radius: 0; padding: 75px 15px; height: 600px; min-height: 600px;}
	
	.indexProductMaskP .col-md-3{margin-bottom: 20px;}
	
}

@media (max-width: 768px){

    #otherPro-Head a{ font-size:16px; margin: 0; padding: 0 10px; }
    
	#services-detail .context-block {
		padding: 23px 5px; 
	}
	#blog-detail {
    padding: 0 0 0;
}
#blog-detail .blog-content {
    padding: 23px 20px;
}	
#services-detail .gray-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9;
    display: block;
    width: 200%;
    height: 100%;
}

.detail-container {
    padding-top: 60px;
	

}	

.mobileRow{
	  -webkit-flex-direction: column-reverse; 
  flex-direction: column-reverse; 
}

#header-content .header-block-title {
    min-height: 52px;
    font-size: 33px;
}
#header-content .header-block-spot-not {
    margin: 20px 0 20px
}
#header-article .header-content-title{ font-size:33px;}
#header-article, #header-content {
    padding-bottom: 10px !important;
}
#header-article .header-article-content {
    margin: 30px auto 0 !important;
}
#header-article .header-content-title {
    margin-bottom: 29px;
}
}


@media only screen and (max-width: 700px) {
.slide1Text{font-weight:300; font-family: 'Roboto Light',sans-serif !important; line-height:20px;}
	
.caseTitleC{padding: 30px 0 !important; margin: 0 auto 0;}
.caseImg{width:100%; height:auto; padding:20px 0;}
.select{ margin-bottom:15px;}
	
	.caseRight{ width:100% !important; max-width:100%; overflow:hidden; margin-top:30px;}
.fixedM{ top:80px;}
.midMenuContainer{ padding:5px 0;}
ul.caseMidMenu{ display:inline-block; padding:10px 0 0 0; text-align:center;}
ul.caseMidMenu li{ float:none; color:#fff; position:relative; padding:0 30px 0 0; display:inline-block; margin-bottom:10px;}
ul.caseMidMenu li a{ color:#fff; padding:15px 0 5px 0; letter-spacing:0.2px; font-size:13px;  font-family: 'Montserrat Bold',sans-serif; position:relative; transition: all 0.4s ease-in-out; }

.grayBg{width:150%; height:100%; position:absolute; background:#f9f9f9; left:-10%; display:block; z-index:-1;}

ul.caseMidMenu li:before{
	content:"";
	position:absolute;
	width:1px;
	height:26px;
	border-radius:6px; background:#217be9; right:18px; top:0; margin-top:-1px;  transition: all 0.4s ease-in-out;
}
.testDetTxt{font-size:22px; line-height:24px; font-family: 'Libre Baskerville', serif; padding-top:0;}
.caseDSubTitle{  padding:13px 0 0 0;}

.mobile-menu-list li>a {
    padding-left: 0;
}  
.mobile-menu-list li>span {
    padding-left: 0;
} 
.mobile-menu-list li .sub-menu {
    padding-left: 0;
}    
    
}


@media only screen and (max-width: 700px) {
    
    .nFooterLogo{text-align: center;}
    .nFooterSS{margin-bottom: 40px;}
    
#nav .mobile-nav .mbl-main-logo a {
    display: block;
    background-image: url(/assets/images/bulutistan_logo.png);

}    

    .midInfCon{background:#012F9D; min-height:321px; width: 100%; height: auto; position: relative; border-radius: 10px; margin-top: 25px; padding: 30px 20px !important;}
    .midConTC{padding: 20px;}

a.bannerLT {
    font-size: 12px;
    padding: 0;
    height: 30px;  line-height: 30px !important;
    border-radius: 50px;
    width: 110px;
    display: block;
    text-align: center;
    margin-top: 30px;
}
    
 .proCallme{background-image: url('/assets/images/midbgM.png'); }   
#nav .mobile-nav {
    margin: 10px auto 0 auto;
    padding: 0;
}    
    
    .de4 a {width: 110px !important;}  
    .de4 a.btn-secondaryb{display: block !important; margin-left: -10px !important; margin-top: 7px !important;}
.productBanner{padding: 0 0 0 0; height: calc(100vh - 80px);}
.productBannerTitle{font-size: 29px; line-height: 32px;}
.productBannerSubC{font-size: 16px; line-height: 21px; padding-top: 20px;}
.pBannerLCon{display: block; margin-top: 0;}
.pBannerL{padding: 10px 5px; width: 33%; float:left;}
.pBannerL img{ width: 100%;}
.pBannerLB{padding: 40px 0 0 0; display: block; width: 100%;}
.proSection{width:100%; height:auto;  padding:50px 0; position:relative;}
.proFBl{width:100%; height:auto; padding-top:0;}
.proFBltx{padding-top: 20px;}
.proFBI{font-family: 'Montserrat Bold',sans-serif; font-size: 25px; padding-top: 50px;}
.padM {
    margin-bottom: 30px;
}	
.proVideoC{width: 100%; position: relative; left:auto; top:10px; z-index: 50;}
.proVideoC img {width: 100%;}
.proVideoPl{width: 78px; position: absolute; text-align: center; top: 50%; left: 50%; margin-left: -60px;}	

.proCaseLg{padding:50px 35px; width:100%; background: #fff; box-shadow: 0px 0px 28px 4px rgb(170 167 167 / 37%); margin: 70px 0 0  0; border-radius: 7px;}
	
	
.proCallmeLogo{width: 100%; display: inline-block; float: none; padding: 15px 0 0; text-align: center;}	
.proCallmeText{width:100% !important; font-family: 'Montserrat Regular',sans-serif !important; font-size: 20px !important; text-align: center; padding-top: 15px;}	
	
	.mblBtn{text-align: center !important; padding-top: 20px;}	
    .h120{height: 20px;}
	
	.proCallme{ margin: 0 0 20px 0 !important;}	
.bannerTitleV2 .productBannerTitle {
    font-size: 32px;
    padding-top: 50px;
}	
	
.proSection .col-md-7{border:none !important;}  
	
.accordionOne{


	height: auto; line-height:20px;
	width: 100%;
	font-size:17px;
	color: #333;
	padding: 10px 60px 10px 5px;
	text-align:left;
	position: relative;
	display: block;
	font-family: 'Montserrat Bold',sans-serif;
	transition: all 0.3s ease-in-out; 
}	
	
.proMidBxTitle{font-size:39px; letter-spacing:1px; display:block; color:#333333; padding-top:30px; font-family: 'Montserrat Bold',sans-serif; line-height: 49px;}
	.proMidBxTx{padding-bottom: 40px;}

	.proCloB{margin-bottom:20px;}
	a.readMoreProB{bottom:35px;}
	.proSection60W{padding: 43px 0 30px !important;}
	.proBdr{padding-bottom: 30px; border-right: none;}
	.proBlogBox{margin-bottom: 30px;}
    .proMidAcTitlec{border:none; padding: 0 0 30px 0;}
    .proOthCon{height: 310px; margin-bottom: 20px;}
    .proOthR{height: 310px;  padding: 122px 15px;}
    /*.clearfix{display: none !important;}*/
  .proOthTx {
    font-size: 11px;
    line-height: 17px;
}  
	
.accordionOneT{


	height: auto; line-height:20px;
	width: 100%;
	font-size:16px;

	padding: 10px 60px 10px 25px;

}	
.accordionOneT:before{
	content:"\f107";
	position:absolute; 
	font-family: 'FontAwesome';

	top:50%; 

	
	margin-top:-10px; 
	transition: all 0.3s ease-in-out;
}
	
.accordionOneTAB{


	height: auto !important; line-height:20px !important;
	width: 100%;
	font-size:16px;

	padding: 10px 60px 10px 25px !important;

}	
.accordionOneTAB:before{
	content:"\f107";
	position:absolute; 
	font-family: 'FontAwesome';

	top:50% !important; 

	
	margin-top:-10px; 
	transition: all 0.3s ease-in-out;
}	

	.pBannerLtitle{margin: 0 0 0 0 !important;}	
	.proWhyBx{min-height:auto; padding: 0 0 25px 0;}
	.proWhyTx{height: auto;
    display:block;
    overflow:auto;}
	
.proWhySv{width: 76px; height: 76px; padding: 23px 0;}
.proWhySv img{ height: 30px;}
	
	.proCaseLgx{padding:0; width:100%; margin: 30px 0 0  0; border-radius: 7px;}
	.proTTli img {
    width: 100% !important;
}
	.proTTli{text-align: center; padding: 40px 15px 0 15px !important;}
	.productBannerTitle{padding-top: 20px;}
	.bannerLogoCon{bottom:-30px;}
    
    #footer .footer-menu .menu-wrapper{width: 100% !important;}  
    
    .cookie-accept{bottom:55px;}
    #slider .header-slider .btn-border-ice {
    padding: 6px 13px 10px;
        }
 
    
    .productTabLBox{width: 100%;}
    .productTabRBox{width: 100%;  margin-top: 15px;}
    #productTab{margin-bottom: 20px;}
    .productBl .proMidBxTitle {
    padding-top: 30px; font-size: 33px; line-height: 38px;

}
    
    .productTabH50{height: 0;}
    .productMainBLTitle{padding-top: 120px;}
    .productMainBox{margin-bottom: 15px; min-height:auto;}
    .productMainBoxText{min-height: auto;}
}

@media only screen and (max-width: 500px) {
    .proSectionW{padding: 30px 0;}
    .h80{height: 10px;}
.productBl .proMidBxTitle {
    padding-top: 30px; font-size: 33px; line-height: 38px;

}
.proIconCon{  margin-bottom: 15px;}
.proBTitle{ padding: 10px 0 0 0; height: 60px;}
    .proBTxt{margin-top: 0;}
    
    
.cookie-accept {
    background: rgba(0,49,168,.7);
    display: none;
    position: fixed;
    right: 2%;
    bottom: 35px;
    padding: 10px;
    width: 96%;
    min-width: 25%;
    z-index: 120;
    border-radius: 10px;
} 
    .cookie-accept p{font-size: 11px !important; line-height: 13px;}    
.cookie-accept .btn {
    margin: 5px 0 0 0 !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: bold;
}    
.caseSpace{height: 10px;}    
    .proTTl br{display: none;}
    .proMidBxTitle br{display: none;}
    .proFBltx br{display: none;}
    .proCloTx{font-size: 13px;}
    .productBl .proWhyBx {
    min-height: auto;
}
    .productThy{padding-top: 0 !important;}  
 .productBanner {
    padding: 30px 0 150px 0;
    height: calc(100vh - 80px);
     min-height: 650px;
 }

.productBannerS {
    padding: 10px 0 150px 0;
    height: calc(100vh - 200px);
    min-height: 650px;
}    
    
.productBannerSubC{ font-size:13px;}
    .productBannerTitle {padding-top: 30px;}    
.productBannerVh {
    height: calc(100vh - 120px);
    min-height: 600px;
} 

.productBannerVhs {
    height: calc(100vh - 210px);
    min-height: 600px;
}     
    
.pBannerLtitle {
    margin: 0 0 0 0 !important;
}    
.bannerLogoCon {
    bottom: 15px;
}    
a.proCall {
    display: block;
    width: 180px;
    height: 40px; padding: 0 !important;
    border: 1px solid #1BD4EF;
    font-family: 'Montserrat Regular',sans-serif;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}
    .pBannerLCon{ margin-top: 15px;}    
    #tab-head a { font-size: 12px; padding: 0 10px;}
#blog .spot-box {
    height: 239px;
    width: 92% !important;
} 
#why-bulutistan .block-slider .slider-item {
    width: 90%;
    height: 233px;
    margin: 5px 0;
    padding: 24px;
    position: relative;
}
#bulutistan-numbers {
    padding: 55px 0 40px;
}  
#bulutistan-numbers .digit-bulutistan {
    margin: 36px 0 10px 0; height: 60px;
}    
}


@media only screen and (max-width: 700px) {
.proFrmSC{height: auto; position: relative;}
.proFrmSSC{position: relative; top:0;}
}




ul.breadcrumb{list-style: none; margin: 0; padding: 0;}
ul.breadcrumb li{float:left; padding-right: 34px; position: relative;}
ul.breadcrumb li a{font-size: 14px; color: #fff; transition: all 0.3s ease-in-out;}
ul.breadcrumb li a:hover{color: #0ad4ef;}
ul.breadcrumb li:before{
position: absolute;
    right: 12px;
    top: 1px;
    font-weight: 900;
    color: #fff;
    font-family: 'Line Awesome Free';
    content: '\f105';
    font-size: 14px;

}
ul.breadcrumb li:last-child:before{
display:none;
}

.proSection60W .col-md-4 {
    position: relative;
}