@import url(fonts.css);
@import url(select2.css);

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
*:first-child + html .clearfix { zoom: 1; }

.bg-temp{ z-index: 970; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:url(../../temp/bg.jpg) no-repeat center top;}
.Custom-overlay { z-index: 980; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.Lightbox-Wrap { 
 	z-index: 981;
	 
	 top:55% !important; 
	 -ms-transform:translateY(-55%);
	 transform:translateY(-55%);
	  
	width: 725px; 
	height: auto; 
	min-height: 150px;
     position: absolute; 
	 left:50%; 
	 margin:0 0 0 -340px; 
	 background: #FFFFFF; 
	 font-family: 'CentraleSansMedium';
	  font-size: 12px;
      line-height: 1.2; 
      color: #002854;
     border-radius: 0px 25px 0px 25px;
       }
.Lightbox-Wrap .inner { width: 100%; height: 100%; padding: 0 0 30px 0; display: block; position: relative; }

.Lightbox-Wrap .inner a.close-icon {   position: absolute; top: 30px; right: 30px; cursor: pointer;z-index: 1; }
.Lightbox-Wrap .inner a.close-success-icon { width: 33px; height: 33px; background: url(../img/lightbox-sprite.png) no-repeat -45px 0; position: absolute; top: -40px; right: -40px; cursor: pointer; }
.Lightbox-Wrap .inner a.close-iconAndLogOff { width: 33px; height: 33px; background: url(../img/lightbox-sprite.png) no-repeat -45px 0; position: absolute; top: -40px; right: -40px; cursor: pointer; }
.Lightbox-Wrap .fl-right { float: right; }
.Lightbox-Wrap .fl-left { float: left; }
.Lightbox-Wrap .fl-center { text-align: center; }

.Lightbox-Wrap .inner .static-content-v1 { width: 100%; height: 380px; background: url(../img/static-content-v1.jpg) no-repeat center center; display: block; overflow:hidden; }
.Lightbox-Wrap .inner .static-content-v2 { width: 100%; height:auto; display:block; position:relative; overflow:hidden;}
.Lightbox-Wrap .inner .static-content-v3 { overflow:hidden;}

.Lightbox-Wrap .inner .v-mobil{}

.Lightbox-Wrap .inner .tooltip-header{ position:absolute; bottom:0; left:0; width:100%; height:100%; background:url(../img/tooltip-bg.png) no-repeat left top;  }
.Lightbox-Wrap .inner .static-content-v2 .tooltip-header { height:230px; background:url(../img/v2-bg.png) no-repeat left -3px; }

.Lightbox-Wrap .inner .tooltip-header span{ max-width:200px;  position:absolute; bottom:25px; left:30px; color:#FFFFFF; line-height:1.2; font-size:27px; font-family: 'CentraleSansXBold';}
.Lightbox-Wrap .inner .tooltip-header.type02{ width:100%; height:100%; background:url(../img/v3-bg.png) no-repeat left 7px;} 
.Lightbox-Wrap .inner .tooltip-header.type02 span{font-size:20px; max-width:435px; font-family:'CentraleSansBold'; line-height:1.2;}

.Lightbox-Wrap .inner .top-text-area { width: 260px; height: 285px; min-height: 270px; margin: 30px; padding: 25px 30px; background: rgba(255,255,255,0.9); display: inline-block; overflow-y: scroll;}
.Lightbox-Wrap .inner .top-text-area p { font-size: 18px; font-family: 'CentraleSansBook'; line-height: 1.2; margin: 0; padding:0;text-align:left;}
.Lightbox-Wrap .inner .top-text-area p strong { font-family: 'CentraleSansBold'; display: block; margin-top: 5px; }

.Lightbox-Wrap .inner .Options-Area { display:block; margin:10px 0 0;float: left;}
.Lightbox-Wrap .inner .Options-Area span { display: block; margin: 8px 0 0 0; }
.Lightbox-Wrap .inner .Options-Area span label {font-size: 14px; font-family: 'CentraleSansMedium';line-height: 1.8;padding: 0 0 0 3px;cursor: pointer;position: relative;top: -1px;float: left;min-width: 200px;text-align:left;}

.Lightbox-Wrap .inner .row { display: block; padding: 20px 30px 0 30px; margin: 0; }
.Lightbox-Wrap .inner .row p{ margin:0; padding:0; font-size:15px; color:#012754; line-height:22px; font-family: 'CentraleSansMedium';}
 #idOfferBaslikText{ margin:0px 10px 15px 0px; padding:0; font-size:20px; color:#012754; line-height:22px; font-family: Mulish; text-align: center; font-weight: bold;}
 #idOfferNoteText{ margin:0px 10px 16px 0px; padding:0; font-size:14px; color:#515151; line-height:22px; font-family: Mulish ; text-align: center; font-weight: bold;}
 #idGoldenQuestionText{ margin:0px 10px 16px 0px; padding:0; font-size:14px; color:#515151; line-height:22px; font-family: Mulish ; text-align: center; font-weight: bold;}
 
 #cezaBedeliMetinId{ margin:0; padding:0; font-size:15px; color:#012754; line-height:22px; font-family: 'Mulish !important'; font-weight: bold;}

.Lightbox-Wrap .inner .row .button { display: inline-block; padding: 17px 20px 17px 20px; margin:0 30px 0 0; font-size: 14px; font-family: 'CentraleSansBold'; line-height: 1.2; border: 0; outline: none; position: relative; cursor: pointer; }
.Lightbox-Wrap .inner .row .button:last-child {margin:0;}
.Lightbox-Wrap .inner .row .blue { color: #FFFFFF; background: #05bec8; padding-right: 48px; }
.Lightbox-Wrap .inner .row .blue:before { content: ""; width: 7px; height: 9px; top: 20px; right: 20px; background: url(../img/lightbox-sprite.png) no-repeat right 0; position: absolute; }
.Lightbox-Wrap .inner .row .dark { color: #012754; background: #cccccc; }
.Lightbox-Wrap .inner .row .dark2 { color: #012754; background: #cccccc; padding-right: 40px;}
.Lightbox-Wrap .inner .row .dark2:before { content: ""; width: 7px; height: 9px; top: 20px; right: 20px; background: url(../img/lightbox-sprite.png) no-repeat right -16px; position: absolute; }

.Lightbox-Wrap .inner .row .optionsWrapper { width:308px; display:inline-block; margin-top:5px; border:1px solid #dddddd;}
.Lightbox-Wrap .inner .row .optionsWrapper .option-check{ width:90%; padding:11px 5%; display:block; font-size:14px; font-family: 'CentraleSansBook'; color:#767676; line-height:1.2; text-align:left; position:relative; cursor:pointer; }
.Lightbox-Wrap .inner .row .optionsWrapper .option-check:before{content: "";width: 24px;height: 24px;top: 7px;right: 10px;background: url(../img/lightbox-sprite.png) no-repeat left bottom;position: absolute;}
.Lightbox-Wrap .inner .row .optionsWrapper .option-check.active:before{content: "";width: 24px;height: 24px;top: 7px;right: 10px;background: url(../img/lightbox-sprite.png) no-repeat -45px bottom;position: absolute;}

.Lightbox-Wrap .inner .row ul.optionselectWrapper{ display:none; position: absolute;bottom: 75px; width:290px; margin:0; padding:10px 9px 10px;  background:#FFFFFF; border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd; min-height:100px;  }
.Lightbox-Wrap .inner .row ul.optionselectWrapper li { margin:0; padding:20px 0 ; list-style-type:none;border-top:1px solid #dddddd; cursor:pointer; }
.Lightbox-Wrap .inner .row ul.optionselectWrapper li:first-child{ border:0;}
.Lightbox-Wrap .inner .row ul.optionselectWrapper li:hover{ background:#eeeeee; }
.Lightbox-Wrap .inner .row ul.optionselectWrapper li span{ display: inline-block;width: 10%;height: 100%;text-align:center; position:relative; top:5px; }
.Lightbox-Wrap .inner .row ul.optionselectWrapper li label {cursor:pointer;}
.Lightbox-Wrap .inner .row ul.optionselectWrapper li table{ width:88%; display:inline-block; vertical-align:middle; }
.Lightbox-Wrap .inner .row ul.optionselectWrapper li table tbody{width:100%; }
.Lightbox-Wrap .inner .row ul.optionselectWrapper li table tr{  width:100%; }
.Lightbox-Wrap .inner .row ul.optionselectWrapper li table tr td{ width:50%; font-size:12px; color:#767676; line-height:1.5; font-family: 'CentraleSansMedium';}
.Lightbox-Wrap .inner .row ul.optionselectWrapper li table tr td:last-child{ text-align:right; font-weight:bold; }

.Lightbox-Wrap .inner .Success-Text{ display:block; text-align:center; padding:120px 0; }
.Lightbox-Wrap .inner .Success-Text span.positive-img{ width:92px; height:68px; margin:0 0 50px; background:url(../img/lightbox-sprite.png) no-repeat right bottom; display:inline-block;}
.Lightbox-Wrap .inner .Success-Text p{ font-size:24px; line-height:1.3; color:#002854; font-family:'CentraleSansLight'; padding:0; margin:0;}
.Lightbox-Wrap .inner .Success-Text p span{ display:block; margin:25px 0 0; font-size:19px; line-height:1.2; color:#05bec8; font-family:'CentraleSansBold';}

.Lightbox-Wrap .Custom-Select { display: block; width: 205px; height: 38px; border: 1px solid #ddd; background: #FFFFFF; position: relative; float: left; }
.Lightbox-Wrap .Custom-Select span{ margin:0!important; }
.Lightbox-Wrap .Custom-Select input { display: block; width: 88%; border: none; background: #FFFFFF; padding: 18px 6% 19px; font: normal 12px/1.2 'CentraleSansMedium', Arial, Helvetica, sans-serif;  color: #767676;border-radius:4px; }
.Lightbox-Wrap .Custom-Select select { display: block; width: 100%; height: 100%; font: normal 12px/1.2 'CentraleSansMedium', Arial, Helvetica, sans-serif; color: #767676; border: none; background: #FFFFFF; opacity:0; }
.Lightbox-Wrap .Custom-Select select option{padding:10px 15px;font-size:12px;line-height:1.2;}
.Lightbox-Wrap .Custom-Select .customSelect { padding: 0; font: normal 12px/1.2 'CentraleSansMedium', Arial, Helvetica, sans-serif; color: #767676; box-sizing: border-box; }
.Lightbox-Wrap .Custom-Select .select2-container .select2-choice{ width: 96%;padding: 13px 0 0px 4%;font: normal 12px/1.2 'CentraleSansMedium', Arial, Helvetica, sans-serif;color: #767676;border: none;}
.Lightbox-Wrap .Custom-Select .select2-container .select2-choice .select2-arrow{width: 24px;background: url(../img/lightbox-sprite.png) no-repeat left bottom;border: 0;height: 24px;top: 7px;right: 13px;}
.Lightbox-Wrap .Custom-Select .select2-container{ display:block; }
.select2-results .select2-highlighted{ background:#05bec8; color:#FFFFFF; }
.select2-results .select2-result-label{ padding:7px 7px 4px; font: normal 12px/1.2 'CentraleSansMedium', Arial, Helvetica, sans-serif; }




@media (max-width:1370px)
{
    .Lightbox-Wrap{ top:60px; }

}

@media (max-width:768px)
{
    .Lightbox-Wrap{ width:490px; margin:0 0 0 -245px; }
    .Lightbox-Wrap .inner{ padding:0 0 20px 0; }
    .Lightbox-Wrap .inner .static-content-v1
    .Lightbox-Wrap .inner .tooltip-header span, .Lightbox-Wrap .inner .tooltip-header.type02 span{ font-size:100%; max-width:200px; bottom:5px; left:5px; }
    .Lightbox-Wrap .inner .static-content-v2{ height:auto; }
    .Lightbox-Wrap .inner .static-content-v2 img{ max-width:100%;  }
    .Lightbox-Wrap .inner .static-content-v2  .tooltip-header { height:100%!important; background:#FFFFFF; position: relative;display: block;top: inherit;left: inherit;bottom: inherit;width: 100%;margin: 0 0 0 0; }
	.Lightbox-Wrap .inner .static-content-v2  .tooltip-header span{ position: relative;display: block;top: inherit;left: inherit;bottom: inherit;width: 92%; max-width:100%; margin: 0 0 0 0;padding: 4%; font-size:15px; color:#012754;}
    .Lightbox-Wrap .inner .tooltip-header{ width:100%; height:100%; }
    .Lightbox-Wrap .inner .row .button, .Lightbox-Wrap .inner .row .optionsWrapper { margin:0 0 15px 0; float:inherit; }
    .Lightbox-Wrap .inner .row{ padding:20px 10px 0 10px; text-align:center; }
    .Lightbox-Wrap .inner .row p{ font-size:13px; text-align:left; }
    .Lightbox-Wrap .inner .Success-Text p{ font-size:20px;}
    .Lightbox-Wrap .inner .Success-Text{ padding:60px 15px; }
    .Lightbox-Wrap .inner .row ul.optionselectWrapper{ width:calc(92% - 2px); padding:10px 2% 10px; bottom:125px; }
    .Lightbox-Wrap .inner .row .optionsWrapper{ width: calc(100% - 2px); }
    .Lightbox-Wrap .inner .row ul.optionselectWrapper li{ padding:10px 0; }
    .Lightbox-Wrap .inner .v-mobil {height:auto!important; background:url(../img/static-content-v1.jpg) no-repeat center top; }
    .Lightbox-Wrap .inner .v-mobil .top-text-area{ margin:5px; }
}
@media (max-width:580px)
{
    .Lightbox-Wrap{top:20% !important ; width:400px; margin:0 0 0 -200px; }
    .Lightbox-Wrap .inner{ padding:0 0 10px 0; }
    .Lightbox-Wrap .inner .static-content-v1 { height:130px;}
	.Lightbox-Wrap .inner .top-text-area p { padding:0 55px 0 0;}
    .Lightbox-Wrap .inner .row .button{ min-width:100%; text-align:left; }
    .Lightbox-Wrap .inner a.close-icon{ position: absolute;top: 5px;right: 25px;  padding:10px; z-index: 1;}
    .Lightbox-Wrap .inner a.close-iconAndLogOff{ width: 20px;   height: 20px; position: absolute;top: 0;right: 0;  padding:10px; background-color: #05bec8;z-index: 982;background-position: -50px -6px;}
    .Lightbox-Wrap .inner .row p{ font-size:12px; }
    .Lightbox-Wrap .inner .Success-Text p{ font-size:16px;}
    .Lightbox-Wrap .inner .Success-Text p span{ font-size:14px; }
    .Lightbox-Wrap .inner .tooltip-header, .Lightbox-Wrap .inner .tooltip-header.type02{background:rgba(255,255,255,0.5); }
    .Lightbox-Wrap .inner .tooltip-header span{max-width:100%; width: 90%; height: 80%; color: #012754; bottom:0; left:0; padding:5%;}
    .Lightbox-Wrap .inner .row ul.optionselectWrapper{ width:calc(91% - 2px); bottom:115px; }
    .Lightbox-Wrap .inner .row ul.optionselectWrapper li{ padding:5px 0; }
    .Lightbox-Wrap .inner .v-mobil { background:url(../img/static-content-v1.jpg) no-repeat left top; }
    .Lightbox-Wrap .inner .v-mobil .top-text-area{width: 96%;padding: 2%;margin: 0;float: left;}
    .Lightbox-Wrap{ top:5px; }
    .Lightbox-Wrap.v1 .inner a.close-icon{ left:0; right:inherit; }
    .Lightbox-Wrap.v1 .inner a.close-iconAndLogOff{ left:0; right:inherit; }
}
@media (max-width:413px)
{
    .Lightbox-Wrap .inner .row ul.optionselectWrapper {width: calc(90% - 4px);}
    .Lightbox-Wrap{ top:20% !important;  width:300px; margin:0 0 0 -150px; }
}

main {
	margin-bottom: 10px;
}


.loadingDiv{     
	 position: fixed;
     z-index: 1000;
     background : url(../../assets/i/clrbox/loading_new.gif) 50% 50% no-repeat;
     background-color: #fff;
     opacity: 0.6;
     background-repeat: no-repeat;
     background-position: center 10%;
     left: 0;
     bottom: 0;
     right: 0;
     top: 0;
     background-size:128px 128px;
}

.no-spacing-width{
	padding-left : 0 !important;
    padding-right : 0 !important;	
}

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

.p-t-0{
    padding-top : 0 !important;
}
