html {
overflow-x: hidden;
}

.blog-content{}
.blog-content h2{
    color: #0031a8;
    font-family: "Montserrat SemiBold",sans-serif;
    padding: 20px 0 20px 0;
}

.blog-content p {
    display: block;
    margin-bottom: 20px;
    letter-spacing: .2px;
    line-height: 1.6em;
    text-align: justify;
    color: #6c6c6c;
}

.blog-content h4 {
    font-family: "Montserrat Bold",sans-serif;
    font-size: 22px;
    margin-bottom: 16px;
    line-height: 1.4;
    color: #333;
}
.blog-content h3 {
    font-family: "Montserrat Bold",sans-serif;
    font-size: 22px;
    margin-bottom: 16px;
    line-height: 1.4;
    color: #333;
}

.blog-content ul{margin:10px 0 20px 0 !important; }
.blog-content ul li{margin-bottom: 14px !important; }
.blog-content ol{margin:10px 0 20px 0 !important; position: relative;     padding: 0;
    display: block;
  
    width: 100%;}
.blog-content ol li{ position: relative; padding-left: 39px; }

.blog-content ol li:before {
    content: counter(li);
    position: absolute;
    display: block;
    float: left;
    width: 10px;
    height: 10px;

    color: #0031a8;

    top: 0;
    left: 0;
}

.caseSpace{height: 30px;}

.blog-content ol li {counter-increment: li}


#tabHead{ width:100%; height:49px; }
#tab-head{ width:100%; margin:0 auto; height:49px; text-align: center;}
#tab-head li{float:left; display:inline-block; width:auto; height:50px; padding:0 10px;}
#tab-head a{ font-size:13px; color:#0031a8  !important; font-weight:500; text-decoration:none; display:inline-block; 
     text-align:center; width:auto; height:40px; line-height:36px; transition: all 0.4s ease-in-out; 
    padding:0 15px; margin:0 5px 0 0; letter-spacing:1px; border-radius:3px;  border:1px solid #0031a8; }
#tab-head a:hover{ text-decoration:none; color:#fff !important; background:#0031a8;}
#tab-head a.active2{ text-decoration:none; color:#fff !important; background:#0031a8;}


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


#otherProHead{ width:100%; height:auto; text-align: center; display: inline-block;}
#otherPro-Head{ width:100%; margin:0 auto; height:auto; display: inline-block; text-align: center;}
#otherPro-Head li{ display:inline-block; width:auto; height:50px; padding:0 10px;}
#otherPro-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;}
#otherPro-Head a:hover{ color: rgb(108,108,108,1);}
#otherPro-Head a.active{color: rgb(108,108,108,1);}



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


#productTab{ width:100%; height:auto; }
#product-tab{ width:100%; margin:0 auto; height:auto; text-align: center;}
#product-tab li{float:none; display:inline-block; width:100%; height:50px; padding:0;}
#product-tab a{ font-size:16px; color:rgba(51,51,51,0.57) !important; text-decoration:none; display:block;  width:100%;  font-family: 'Montserrat Regular',sans-serif; 
     text-align:left; height:35px; line-height:35px; transition: all 0.4s ease-in-out; 
    padding:0 15px; margin:0; border-left: 5px solid #E3E3E3; cursor: default;}
#product-tab a:hover{ text-decoration:none;cursor: default;}
#product-tab a.activeTab{ text-decoration:none;cursor: default;}

.productTabH50{clear: both; float: none; height: 50px;}
.productTabContent { width:100%; min-height:420px; background:#fff; float:left; position:relative; padding:25px 0 0 0; margin:0 0 0 0;}
#tabContent { width:100%; position:relative; padding:0;}

.productTabLBox{width: 40%; background: #333333; padding: 35px; min-height: 220px; border-radius: 16px; font-size: 18px; color: #fff; float: left; font-family: 'Montserrat Light',sans-serif;}
.productTabRBox{width: 57%; background: #F2F2F2; padding:60px 35px; min-height: 220px; border-radius: 16px; font-size: 18px; color:rgba(0,0,0,0.60); float: right;  font-family: 'Montserrat Semibold',sans-serif;}

.productLefBgC{background: url(../images/product/cloud-left-bg.png) no-repeat right; width: 100%; height: 441px;}
.productLefBgTitle{ font-family: 'Montserrat Bold',sans-serif; font-size: 39px; color: #fff;}
.productLefBgText{ font-family: 'Montserrat Light',sans-serif; font-size: 16px; color: #fff;}

.productMainBC{margin-left: -150px; margin-top: 70px;}
.productMainBLTitle{width: 100%;  height: auto; padding:130px 120px 0 50px;}
.productMainBox{width: 100%; min-height: 220px; border: 2px solid #707070; padding:70px 25px 30px 25px; background: #fff;}
.productMainBoxTitle{ color: #0031A7; font-family: 'Montserrat Bold',sans-serif; font-size: 20px;}
.productMainBoxText{ color: #000000;font-family: 'Montserrat Light',sans-serif; font-size: 13px;padding-top: 20px; min-height: 97px;}
.proReadMore{color:rgba(0,0,0,0.35) !important; font-family: 'Montserrat Light',sans-serif; font-size: 13px;}

a.etn1{border:1px solid #efefef; padding:15px; display:block; width:100%; transition: all 0.4s ease-in-out;}
.etn2{border-right:1px solid #efefef; padding-top:10px; padding-bottom:10px; transition: all 0.4s ease-in-out;}
.etn3{width:100%; font-size:22px; font-weight:700; color:#333; transition: all 0.4s ease-in-out;}
.etn4{width:100%; font-size:15px; font-weight:700; padding-top:5px; color:#333; transition: all 0.4s ease-in-out;}
.etn5{width:20%; height:2px; background:#333; margin:15px 0; color:#fff; transition: all 0.4s ease-in-out;}
.etn6{width:100%;  font-size:22px; font-weight:700; color:#333; transition: all 0.4s ease-in-out;}
.etn7{width:100%;  font-size:16px; font-weight:300; margin-top:5px; color:#626262; transition: all 0.4s ease-in-out;}
.etn8{width:100%; font-size:18px; font-weight:500; padding-bottom:10px; line-height:24px; padding-top:0; color:#000; transition: all 0.4s ease-in-out; min-height:58px;}
.etn9{width:100%; font-size:13px; line-height:20px; font-weight:400; color:#626262; transition: all 0.4s ease-in-out; min-height:110px;}
.etn10{width:100%; font-size:14px; line-height:23px; font-weight:400; color:#626262; margin-top:15px; transition: all 0.4s ease-in-out;}

.detailAcv{ display:inline-block; width:auto; padding:6px 35px; background:#083f88; border:1px solid #083f88; color:#fff; font-weight:300; font-size:13px; transition: all 0.4s ease-in-out; border-radius:3px; letter-spacing:1px;}

.caseLT{height:auto; width:100%; padding:0 0; font-family: 'Montserrat Bold',sans-serif; font-size:15px; font-weight:400; color:#333; text-align:left;}
.caseLTi{display:block; width:100%; padding:15px 0; font-family: 'Montserrat Bold',sans-serif; font-size:30px; line-height:38px; font-weight:600; color:#333; text-align:left;}
.caseLText{height:auto; width:100%; padding:15px 0; font-family: 'Montserrat Bold',sans-serif; font-size:14px; line-height:22px; font-weight:300; color:#333; text-align:left;}

a.etn1:hover{ background:#f6f6f6;}
a.etn1:hover .etn3{ color:#083f88;}
a.etn1:hover .etn4{ color:#083f88;}
a.etn1:hover .etn5{ background:#083f88;}
a.etn1:hover .etn6{ color:#083f88;}
a.etn1:hover .etn7{ color:#083f88;}
a.etn1:hover .etn8{ color:#083f88;}
a.etn1:hover .etn9{ color:#083f88;}
a.etn1:hover .etn10{ color:#083f88;}
a.etn1:hover .detailAcv{background:#fff; color:#083f88;}

.h80{height: 80px;}



.headeMail{width:auto; height:34px; float:left; display:inline-block; line-height:34px; font-size:13px; color:#fff ; font-weight:300; transition: all 0.3s ease-in-out;}
.headPhone{width:auto; height:34px; float:left; display:inline-block; line-height:34px; font-size:13px; color:#fff ; margin-left:15px; font-weight:300; transition: all 0.3s ease-in-out;}

a.mailHead{ color: #fff; }
a.mailHead:hover{ color: #007bff; }

.headSep {
    float: left;
    width: 1px;
    height: 17px;
    border-right: 1px solid rgba(0,0,0,0.2);
    margin: 11px 15px 0 7px;
}


#header-case {
    position: relative;
    display: block;
    background-color: #f3f3f3;
    background-size: cover;
    background-position: center;
    padding-bottom: 61px;
    color: #fff;
}

a.btn-blue {
    color: #fff;
    font-family: "Montserrat Bold",sans-serif;
    font-size: 13px;
    padding: 13px 40px;
    transition: opacity 250ms ease;
    background-color: #0031a8;
}
a.btn-blue:hover {
    color: #fff;

}

.caseCLogo{padding:25px 30px;}
.caseCLogo img{ width:100%; height:auto; transition: all 0.4s ease-in-out;}
.caseCLogo:hover img{ opacity:0.7;}

.select select {
  /* Reset Select */
  appearance: none;
  outline: 0;
  box-shadow: none;
  /* Personalize */
  flex: 1;
  padding: 0 1em;
  color: #a5a5a5;
  background-color: #fff;
  background-image: none;
  font-weight:300; font-size:14px; letter-spacing:0.5px;
  border:0;
  cursor: pointer;
}



/* Remove IE arrow */
.select select::-ms-expand {
  display: none;
}
/* Custom Select wrapper */
.select {
  position: relative;
  display: flex;
  width: 100%;
  height: 50px;
  border-radius: 5px;
  overflow: hidden;
  border:1px solid #d5d3d3;
}
/* Arrow */
.select::after {
 font-family: "bulutistan" !important;
  content: '\67';
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 10px;
  background-color: #fff;
  transition: .25s all ease;
  pointer-events: none;
  color:#555555;
  font-size:30px; line-height:50px;
  
}
/* Transition */
.select:hover::after {
  color: #d5d3d3;
}


.caseContainer{width:100%; height:auto; border-radius:10px; background:#fff; margin-bottom:20px; border-bottom:5px solid #aaa7a7;box-shadow: 0px 0px 28px 4px rgba(170,167,167,0.37);}
.caseLogo{width:100%; height:auto; padding:25px 15px; border-bottom:1px solid #e3e3e3;}
.caseLogo img{ height:30px;}
.caseTCon{width:100%; height:auto; padding:15px;}
.caseLTitle{display:block; font-size:18px; color:#333; line-height:24px; font-family: 'Montserrat Bold',sans-serif; padding:15px 0 10px 0;}
.caseLTxt{font-size:15px; color:#7d7d7d; padding:20px 0 30px 0; line-height:24px; font-weight:300; font-family: "Roboto Light",sans-serif;}
.caseBtnC{padding:10px 0;}

.pad60{padding-bottom:60px;}
.caseTitle{width:100%; display:block; text-align:center; font-size:35px; font-weight:600; font-family: 'Montserrat Bold',sans-serif; letter-spacing:0.5;}
.caseSubTitle{width:100%; display:block; text-align:center; font-size:15px; font-weight:300;letter-spacing:0.5; padding:15px 0;}

#caseTabHead{ width:100%; height:auto; margin-top:50px; }
#caseTab{ width:100%; margin:40px auto; height:auto; text-align: center;   display: flex;  flex-wrap: nowrap; justify-content: center; justify-content: space-between;}
#caseTab a{ font-size:13px; font-weight:500; display: flex;  flex-wrap: nowrap; 
     text-align:center; width:32%; height:auto; transition: all 0.4s ease-in-out; 
    padding:5px 0; margin:0;  border-top:1px solid #a5a7a8; }
#caseTab a > .image{width:75px; height:75px; border-radius:10px; opacity:0.4; transition: all 0.4s ease-in-out; }	
#caseTab a > .image img{width:75px; border-radius:10px;}
#caseTab a > .textCon{text-align:left; padding-left:10px; opacity:0.4; transition: all 0.4s ease-in-out; }
#caseTab a > .textCon > .name {font-size:16px; color:#333;  font-family: 'Montserrat Bold',sans-serif;}
#caseTab a > .textCon > .subtitle {font-size:13px; color:#333;}
#caseTab a > .textCon > .title {font-size:14px; color:#333;  font-family: 'Montserrat Bold',sans-serif;}


#caseTab a:hover{  border-top:1px solid #2d8cfc; }
#caseTab a:hover .image { opacity:1;}
#caseTab a:hover .textCon{opacity:1;}

#caseTab a.caseActive{ border-top:1px solid #2d8cfc;}
#caseTab a.caseActive > .image { opacity:1;}
#caseTab a.caseActive > .textCon{opacity:1;}


.caseTabContent { width:100%; height:autp; float:left; position:relative; padding:25px 0 0 0; margin:0 0 40px 0;}
#caseTabContent { width:100%; position:relative; padding:0;}

.testimContainer{width:100%; min-height:700px; padding:65px 0;background:#eef1f3; position:relative;}
.testimContainer p{ font-size:18px;}
.testimTabText{width:100%; height:auto; background:#fff; box-shadow: 0px 0px 24px 4px rgba(160,160,160,0.34); border-radius:15px; padding:35px; text-align:center; color:#333; font-weight:300;}



#header-article .header-content .case-breadcrumb {
    color: #000;
    font-size: 12px;
    margin-top: 9px;
    margin-top: 45px;
    font-family: "Montserrat SemiBold",sans-serif;
}
#header-article .header-content .case-breadcrumb .item {
    position: relative;
    display: inline-block;
    margin-right: 28px;
}
#header-article .header-content .case-breadcrumb .item a {
    position: relative;
    display: inline-block;
	color:#ffff;
	text-decoration:underline;
}

#header-article .header-content .case-breadcrumb .item a::after {
    content: "/";
    display: block;
    height: 10px;
    width: 1px;
    position: absolute;
    right: -15px;
    top: 0;
	color:#ffff;
}

.midMenuContainer{width:100%; height:auto; padding:15px 0; background:#0031a8; position:relative; transition: all 0.4s ease-in-out;}
ul.caseMidMenu{ display:inline-block; padding:10px 0;}
ul.caseMidMenu li{ float:left; color:#fff; position:relative; padding:0 60px 0 0;}
ul.caseMidMenu li a{ color:#fff; padding:15px 0 10px 0; letter-spacing:0.2px; font-size:15px;  font-family: 'Montserrat Bold',sans-serif; position:relative; transition: all 0.4s ease-in-out; }
ul.caseMidMenu li a:hover{  color:#217be9;}
ul.caseMidMenu li a.selected{  color:#217be9; transition: all 0.4s ease-in-out;}
ul.caseMidMenu li:before{
	content:"";
	position:absolute;
	width:1px;
	height:26px;
	border-radius:6px; background:#217be9; right:28px; top:0; margin-top:-1px;  transition: all 0.4s ease-in-out;
}
ul.caseMidMenu li a:before{
	content:"";
	position:absolute;
	width:0;
	height:2px;
	border-radius:6px; background:#217be9; left:0; bottom:0; margin-top:-1px;   transition: all 0.4s ease-in-out;
}
ul.caseMidMenu li a:hover:before{
	content:"";
	position:absolute;
	width:100%;
}
ul.caseMidMenu li a.selected:before{
	content:"";
	position:absolute;
	width:100%;
}

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

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

.caseDetailTitle{width:auto; display:inline-block; text-align:left; color:#505050; font-size:40px; font-weight:600; line-height:50px; font-family: 'Montserrat Bold',sans-serif; letter-spacing:0.5; float:left;}
.caseDSubTitle{ width:auto; float:left; display:inline-block; text-align:left; color:#505050; font-size:22px; font-weight:400; line-height:25px; padding:13px 0 0 30px;}
.caseDTitC{border-bottom:1px solid #c7c7c7; padding-bottom:25px; display:block; width:100%;}

.caseRight{ width:100%; max-width:300px; display:block; position:relative; padding:25px;box-shadow: 0px 0px 3px 1px #e3e3e3; border-top:3px solid #0031a8; }
 
.caseDetailStitle{font-size:20px; color:#0031a8; font-family: 'Montserrat Bold',sans-serif; margin-bottom:16px;}
.caseDetailMtitle{font-size:17px; color:#333; padding-top:15px;}
.caseDRightT{font-size:16px; color:#2b2b2b; padding:25px 0 0 0;  font-family: 'Montserrat Bold',sans-serif;}
.caseDRightTx{font-size:14px; color:#2b2b2b; padding:10px 0 0 0;}
.caseDRightTx span{ font-family: 'Montserrat Bold',sans-serif;}
a.caseBtn{color:#fff; background:#0031a8; display:inline-block; font-size:13px; border-radius:5px; padding:5px 25px; margin-top:1px; margin-left:10px;}
.padT50{ padding-top:30px;}

.caseDetailCnt{}
.caseDetailCnt p{ margin-bottom: 20px; font-size:16px; letter-spacing: .2px; line-height: 1.5em;}
.caseDetailCnt ul{margin:10px 25px; padding:0 0; display:block; list-style:disc !important;}
.caseDetailCnt ul li{color:#333; padding:10px 0; list-style:none; font-size:16px; letter-spacing: .2px; line-height: 1.5em; position:relative;}

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


.caseDetailCnt ul li > ul{margin:5px 25px; padding:0 0; display:block; list-style:circle !important;}
.caseDetailCnt ul li> ul li{ color:#333; padding:5px 0; font-size:16px; letter-spacing: .2px; line-height: 1.5em; position:relative; list-style:circle !important;}
.caseDetailCnt ul li> ul li:before {
    position: absolute;
    left: -25px;
    top: 10px;
    font-weight: 900;
    font-family: 'Line Awesome Free';
	color:#0031a8;
	content:"";
}

.caseAds{width:100%; max-width:300px; height:auto; background:#999; position:relative; margin-top:50px; transition: all 0.4s ease-in-out;}

.affix{ position:fixed;}

a.cadeRead{color:#fff; background:#0031a8; border:1px solid #0031a8; display:inline-block; font-size:13px; border-radius:30px; padding:5px 25px; margin-top:1px; margin-left:10px; transition: all 0.4s ease-in-out;}
a.cadeRead:hover{ background:#fff; color:#0031a8;}



.testDetDot{width:100%; height:auto; font-size:125px; color:#0031a8; text-align:center; padding:50px 0 0 0; line-height:0px; font-family: 'Libre Baskerville', serif;}
.testDetTxt{font-size:32px; line-height:44px; font-family: 'Libre Baskerville', serif; padding-top:0;}
.test10Sep{width:100%; height:10px;}

.testDetConC{width:100%; height:auto; display:block;}
.testDetPCon{width:75px; height:75px; float:left; display:inline-block; margin-right:15px; background:#efefef; border-radius:15px;}
.testDetPCon img{width:75px; border-radius:15px;}
.testDetName{width:100%; height:auto; padding:10px 0 0 0; color:#2b2b2b; font-family: 'Montserrat Bold',sans-serif; text-align:left;}
.testDetTit{width:100%; height:auto; padding:3px 0; text-align:left;}


.grayBg{width:150%; height:100%; position:absolute; background:#f9f9f9; left:-50%; display:block; z-index:-1;}

.caseTitleC{padding: 30px 0 !important; margin: 70px auto 0;}
.caseImg{width:100%; height:auto; padding:0 15px;}

/**/

.slide1Text{font-weight:300; font-family: 'Roboto Light',sans-serif !important; line-height:40px;}




a.textLink{ width:100%; display:block; border:1px solid #0031a8; color:#0031a8; border-radius:15px; padding:15px 0; margin-top:25px; transition: all 0.4s ease-in-out;}
a.textLink:hover{ background:#0031a8; color:#fff;}


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

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;}

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

.accordionOne{


	height: 48px; line-height:48px;
	width: 100%;
	font-size:20px;
	color: #333;
	padding: 0 60px 0 5px;
	text-align:left;
	position: relative;
	display: block;
	font-family: 'Montserrat Bold',sans-serif;
	transition: all 0.3s ease-in-out;
    cursor: default;
}





.iconnnn{font-size:25px; float:left; padding-top:10px; color:#fff; padding-right:20px; position:absolute; left:22px;}


a.accActive {color:#333333; border-color:#F2F2F2; opacity: 1;}
a.accActive:before{
	content:"\f107";
	position:absolute; 
	font-family: 'FontAwesome';
	right:13px; 
	font-size:20px; 
	top:50%; 
	color: #0031A7;
	
	margin-top:-25px;
	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:16px; color:#333; line-height:19px; font-weight:300;
	
}
.accordionCon p{ color:#333; font-family: 'Montserrat Light',sans-serif;}

#proNew .slider-item {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 0 35px -5px rgb(223 223 223 / 50%);
    background-color: #0031a8;
    margin: 41px 20px 41px 0;
    padding: 20px 20px;
}
#proNew .slider-item-icon {
    display: block;
    width: 70px;
    height: 70px;
    margin-bottom: 61px;
}
#proNew .slider-item-title {
    font-family: "Montserrat SemiBold",sans-serif;
    font-size: 21px;
    color: #fff;
    margin-bottom: 21px;
}
#proNew .slider-item-text {
    opacity: .7;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .3px;
    color: #fff;
    margin-bottom: 27px;
}
#proNew .slider-item-view {
    color: #fff;
}





.accordionOneT{



	height: 60px; line-height:60px;
	width: 100%;
	font-size:15px;
	color: #000;
	background: #F5F6F9;
	padding: 0 60px 0 15px;
	text-align:left;
	position: relative;
	display: block;
    cursor:default;
	font-family: 'Montserrat Bold',sans-serif;
	transition: all 0.3s ease-in-out; 
}



.accordionOneT:nth-child(1) {
  border-radius: 10px 10px 0 0;
}
.accordionOneT:last-child {
  
}


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

	transition: all 0.3s ease-in-out;
}


.accordionConT {
	margin:0 0 0 0; padding:25px 15px;
	overflow: hidden;
	clear: both;
	text-align:justify; background: #fff;
	font-size:14px; color:#333; line-height:18px; font-family: 'Montserrat Regular',sans-serif;
	
}
.accordionConT p{ color:#333;}


/*****/

a.accordionOneTAB{

	height: 60px; line-height:60px;
	width: 100%;
	font-size:15px;
	color: #000;
	background: #F5F6F9;
	padding: 0 60px 0 15px;
	text-align:left;
	position: relative;
	display: block;
	font-family: 'Montserrat Bold',sans-serif;
	transition: all 0.3s ease-in-out; 
	border-bottom: 1px solid #fff;
}



a.accordionOneTAB:nth-child(1) {
  border-radius: 10px 10px 0 0;
}
a.accordionOneTAB:last-child {
  
}

a.accordionOneTAB:before{
	content:"\f105";
	position:absolute; 
	font-family: 'FontAwesome';
	right:13px; 
	font-size:20px; 
	top:0; 

	transition: all 0.3s ease-in-out;
}

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

	transition: all 0.3s ease-in-out;
}

.accordionConTAB {
	margin:0 0 0 0; padding:25px 15px;
	overflow: hidden;
	clear: both;
	text-align:justify; background: #fff;
	font-size:14px; color:#333; line-height:18px; font-family: 'Montserrat Regular',sans-serif;
	
}
.accordionConTAB ul{margin: 0; padding: 0 0 0 20px; list-style: disc;}
.accordionConTAB ul li{padding: 3px 0; list-style: disc;}
.accordionConTAB p{ color:#333;}
.accordionConTAB a{color:#0031A7; }
/****/



.proIconCon{width: 79px; height: 79px; background:#0031A7; border-radius: 14px; text-align: center; padding: 16px 0; float: left;}
.proBTitle{font-family: 'Montserrat Bold',sans-serif; font-size: 20px; color: #333333; 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;}

.productTh {background: #f2f2f2; padding-top: 25px !important; }
.productTh .proIconCon{width: 79px; height: 79px; background:#0031A7; border-radius: 14px; text-align: center; padding: 11px 0; float: left;}

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; }





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;}

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; }



.productNewBanner{width: 100%; height: calc(100vh - 270px); padding: 0 0 0 0;}
.productNewBannerImage{
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;    
}


.productBanner{width: 100%; height: calc(100vh - 270px); padding: 0 0 0 0; background-repeat: no-repeat; background-size: cover; position: relative;}
.productBannerVh{height: calc(100vh - 270px);}
.productBannerTitle{font-family: 'Montserrat Bold',sans-serif; font-size: 53px; color: #fff; line-height: 64px; padding-top: 90px;}

.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%;}

.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:#f9fafb; 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:20px 0; background:#F2F2F2; position:relative;}
.proSection60W{width:100%; height:auto; padding:20px 0 !important; position:relative;}
.proSection65W{width:100%; height:auto; padding:65px 0; position:relative;}
.proSectionBlue{width:100%; height:auto; padding:20px 0; background:#0031A7; position:relative;}

.proFBl{width:100%; height:auto; padding-top:30px;}
.proFBlt{font-size:16px; display:block; color:#0031a8; font-family: 'Montserrat Bold',sans-serif;}
.proFBltx{font-size:18px; line-height: 22px; padding-top: 20px; display:block; color:#333333; font-family: 'Montserrat Regular',sans-serif;}

.proFBI{font-family: 'Montserrat Bold',sans-serif; font-size: 25px;}
.proFBT{display: block; margin-top: 20px; font-family: 'Montserrat Light',sans-serif; line-height:24px; font-size:16px; color:#6C6C6C;}

.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: #333333; 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; 
}

.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;}

.proMidAcTitlec{width:100%; height:auto; padding:60px 0; border-right: 1px solid #D2D2D2; margin-top: 13px;}
.proMidAcTitle{font-size:16px; letter-spacing:1px; display:block; color:#0031A7; font-family: 'Montserrat Bold',sans-serif;}
.proMidAcTx{font-size:25px; display:block; color:#333333; font-family: 'Montserrat Bold',sans-serif;}
.proMidAcTx  strong{font-family: 'Montserrat Bold',sans-serif;}

.proMidBxTitle{font-size:39px; letter-spacing:1px; display:block; color:#333333; 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; border-radius: 15px; padding: 15px 25px; background:#0031A7; margin-bottom: 30px;}

.productBl .proWhyBx{ min-height: 400px;}
.productBl .proMidBxTitle{ padding-top:260px; }


.proWhySv{width: 100%; height: auto; text-align: center; padding: 25px 0;}
.proWhyTitle{width: 100%; height: auto; font-family: 'Montserrat Bold',sans-serif; font-size: 20px; color: #fff; text-align: center; line-height: 24px; min-height: 48px;}
.proWhyTx{width: 100%; height: auto; font-family: 'Montserrat Light',sans-serif; font-size: 14px; text-align: center; color: #fff; line-height: 20px; padding-top: 25px;}

.proBdr{border-right: 1px solid #D2D2D2;}
.proNmb{font-family: 'Montserrat Bold',sans-serif; font-size: 39px; color: #0031A7; text-align:center; padding-bottom: 15px;}
.proNmbT{font-family: 'Montserrat Light',sans-serif; font-size: 20px; color:#6C6C6C; text-align:center;}
.proNmbTx{font-family: 'Montserrat SemiBold',sans-serif; font-size: 20px; color: #6C6C6C; text-align:center;}

.proTTl{font-family: 'Montserrat Bold',sans-serif; font-size: 30px; color: #333333; letter-spacing: .5px;}
.proTTlx{display: block; margin-top: 20px; font-family: 'Montserrat Light',sans-serif;font-size:16px; line-height: 24px; color:#6C6C6C; text-align:left;}
.proTTli{width:100%; height:auto; padding:110px 15px 0 15px;}
.proTTli img{width: 100%;}


.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;}
.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;}


.proOthCon{width: 100%; min-height: 280px; background: #333333; border-radius: 15px; display: flex; align-items: stretch; flex-direction: row;}
.proOthR{height: 280px; background:rgba(255,255,255,0.17); padding: 94px 15px; text-align: center; margin-left: auto; width: 145px;}
.proOthTx{color: #FFFFFF; font-family: 'Montserrat Light',sans-serif; font-size: 12px; line-height: 19px;}

.proCloR img{width:70px;}
a.proSS{font-family: 'Montserrat Light',sans-serif; text-decoration: underline !important; color:#0031a8;}


.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;}

a.readMoreProB{ 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: 20px; }

#footer{margin-top: 0 !important;}

.padM{margin-bottom: 60px;}
.h120{width: 100%; height: 120px;}



.h-170{ padding: 130px 0 0 0 !important;}

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

.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;}
.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;}


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;
}

@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: 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;
}    
    
}

.mblBtn a{background-color:transparent !important; border:1px  solid  #1BD4EF;}
.mblBtn a:hover{background-color:#1BD4EF !important; opacity: 1 !important;}



@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;}
    .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; background:#f9fafb; 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: 15px 25px 35px 25px;}
	.proWhyTx{height: auto;
    display:block;
    overflow:auto;}
	.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: 0 0 0 0; margin-left: 95px; height: 79px;}
    .proBTxt{margin-top: 25px;}
    
    
.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;
}    
}



.cd-overlay {
    position: fixed;
    z-index: 99999;
    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.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;
}
.productForm{right:50%; bottom:50%; display:none;  position: fixed; z-index: 9999999; height: 650px;margin-right:-170px;  margin-bottom:  -320px;}
.visibleForm{display:block !important;}

.footerLeftSocial .socail-medias li a {
    color: #fff;
    font-size: 25px;
    line-height: 0;
}
.footerLeftSocial .socail-medias li {
    width: 30px !important;
    padding-right: 25px !important;
}
#footer .footer-menu ul li {
    width: 100%;
    display: block;
    margin-bottom: 18px;
    line-height: 1;
}

#slider .header-slider .btn-border-ice {
    padding: 12px 38px 10px;
}

@media only screen and (max-width: 700px) {
#slider .header-slider .btn-border-ice {
    padding: 6px 13px 10px;
}
}

.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: 700px) {
.proFrmSC{height: auto; position: relative;}
.proFrmSSC{position: relative; top:0;}
}