#TeklifAl{width:90%; height:470px; margin:30px; padding:0px; float:left; display:block; margin-top:50px; background:url(../images/.jpg) no-repeat center center;}
#TeklifAl_Baslik_Spot{width:47%; margin:0px; padding:0px; float:left; display:block; margin-top:128px;}
#TeklifAl_Baslik{width:100%; margin:0px; padding:0px; float:left; display:block; font-size:35px; font-weight:500; line-height:52px; color:#fff;}
#TeklifAl_Spot{width:100%; margin:0px; padding:0px; float:left; display:block; font-size:19px; font-weight:300; line-height:30px; color:#fff; margin-top:20px;}


#TeklifAl_Form{width:47%; margin:0px; padding:0px; float:right; display:block; margin-top:62px;}

#TeklifAl_Formlar{width:47%; margin:0px; padding:0px; float:left; display:block; margin-top:62px;}


#TeklifAl_Form #AyniSatir{width:100%; margin:0px; padding:0px; float:left; display:block;}
#AyniSatir{width:100%; float:left; margin:0px; padding:0px; display:block;}
#AyniSatir .Kutu:nth-child(1){width:48%; float:left;}
#AyniSatir .Kutu:nth-child(2){width:48%; float:right;}
#TeklifAl_Form .input{width:100%; margin:0px; padding:13px 17px; color:#000; font-family:Poppins; font-size:15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:none; border:1px solid #bbb; margin-bottom:12px;}
#TeklifAl_Form .input:focus{border:1px dashed #fff;}
#TeklifAl_Form .select{width:560px; margin:0px; padding:13px 17px; color:#000; font-family:Poppins; font-size:15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:none; border:1px solid #bbb; margin-bottom:12px;}
#TeklifAl_Form .select:focus{border:1px dashed #000;}
#TeklifAl_Form .checkbox{width:100%; margin:0px; padding:0px; float:left; display:block; font-size:13px; color:#000; margin-top:2px;}
#TeklifAl_Form .buton{width:100%; margin:0px; padding:16px; color:#000; font-family:Poppins; font-size:18px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#0099CC; border:0px; border-bottom:4px solid #006699; cursor:pointer; margin-top:12px;}
#TeklifAl_Form .buton:hover{background:#0099CC; border-bottom:4px solid #0099CC; color:#fff;}

#TeklifAl_Form .Kutu input:valid + label::before, #TeklifAl_Form .Kutu input:focus + label::before {line-height:22px; font-size:12px; top:-10px; left:14px; background:none; padding:0 6px;-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
#TeklifAl_Form .Kutu{width:100%; float:left; position:relative;}
#TeklifAl_Form .Kutu label::before {content:attr(title); position:absolute; top:0; left:15px; line-height:51px; font-size:14px; color:#777; transition:300ms all; cursor:text;}
#TeklifAl_Form .Kutu input {width:100%; background:none;}
#TeklifAl_Form .Kutu input:valid + label::before {content: attr(data-title); background:#fff; color:222;}
#TeklifAl_Form .Kutu input:focus + label::before {background:#fff; color:222;}





.homeOnline2 {
	width: 100%;
	height: 500px;
	background-color: #f5f7f9;	
	background-image:url(images/TeklifAl_Bg.jpg);
}


.homeOnline2 .content {
	width: 1140px;
	height:620px;
	margin-left:auto;
	margin-right:auto;
}
.homeOnline2 .title {
	height: 90px;
	padding: 40px;
	font-size: 36px;
	font-weight: 600;
	color: #676869;
	text-align: center;
}
.homeOnline2 .desc {
	height: 95px;
	padding: 20px;
	font-size: 24px;
	font-weight: 300;
	color: #989898;
	text-align: center;
}
.homeOnline2 .desc b {
	font-weight: 600;
}
.homeOnline2 .solutions {
	height: 300px;
}
.homeOnline2 .solutions .sales {
	background: url(images/b2b_box_bg.jpg) no-repeat;
}
.homeOnline2 .solutions .pay {
	background: url(images/pay_box_bg.jpg) no-repeat;
}
.homeOnline2 .solutions .return {
	background: url(images/return_box_bg.jpg) no-repeat;
}
.homeOnline2 .solutions .box {
	width: 355px;
	height: 350px;
	float: left;
	margin-right: 37px;
	background-color: #fff;
	padding-top: 110px;
	transition: .2s;
	cursor: pointer;
}
.homeOnline2 .solutions .box:hover {
	transform: scale(1.03);
}
.homeOnline2 .solutions .box:nth-child(3) {
	width: 355px;
	height: 320px;
	background-color: #fff;
	float: left;
	margin-right: 0px;
}
.homeOnline2 .solutions .name {
	height: 120px;
	padding-left : 24px;
	padding-right : 24px;
	padding-top: 130px;
	padding-bottom: 0px;
	font-size: 20px;
	font-weight: 600;
	color: #505050;
	text-align: left;
}
.homeOnline2 .solutions .text {
	padding-top: 30px;
	padding-left : 24px;
	padding-right : 24px;
	font-size: 15px;
	color: #909090;
	text-align: left;
}
.homeOnline2 .button {
	width: 208px;
	height: 68px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	border:solid 4px #126ebe;
	border-radius: 60px;
	color: #40435b;
	font-size:17px;
	font-weight: 700;
	padding: 18px;
	padding-left: 21px;
	cursor: pointer;
}
.homeOnline2 .button:hover {
	background-color: #e4ecf6;
}
.homeOnline2 .button .fa-lock {
	font-size: 20px;
	color: #126ebe;
	float: right;
	margin-top: 3px;
}
.homeOnline2 .button .LoginIcon {
	width: 20px;
	height: 22px;
	background: url(../images/lock_icon.png) no-repeat;
	background-size: cover;
	float: right;
	margin-right: 1px;
}

/*Mobil Cihazlar İçin Başlangıç*/
@media screen and (min-width:250px) and (max-width:1190px) {
	
	#TeklifAl{width:100%;  margin:0px; padding:25px 10px; float:left; display:block; background:url(.jpg) repeat center top; margin-top:30px;}
#TeklifAl_Baslik_Spot{width:100%; margin:0px; padding:0px; float:left; display:block; text-align:center;}
#TeklifAl_Baslik{width:100%; margin:0px; padding:0px; float:left; display:block; font-size:24px; font-weight:500; line-height:35px; color:#fff;}
#TeklifAl_Spot{width:100%; margin:0px; padding:0px; float:left; display:block; font-size:16px; line-height:27px; color:#fff; margin-top:12px;}
#TeklifAl_Form{width:100%; margin:0px; padding:0px; float:right; display:block; margin-top:20px;}
#TeklifAl_Form .input{width:100%; margin:0px; padding:16px 17px; color:#000; font-family:Roboto; font-size:15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:none; border:1px solid #bbb; margin-bottom:12px;}
#TeklifAl_Form .input:focus{border:1px dashed #fff;}
#TeklifAl_Form .select{width:95%; margin:0px; padding:13px 17px; color:#000; font-family:Poppins; font-size:15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:none; border:1px solid #bbb; margin-bottom:12px;}
#TeklifAl_Form .select:focus{border:1px dashed #fff;}
#TeklifAl_Form .checkbox{width:100%; margin:0px; padding:0px; float:left; display:block; font-size:13px; color:#000; margin-top:2px;}
#TeklifAl_Form .buton{width:100%; margin:0px; padding:16px; color:#000; font-family:Roboto; font-size:19px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#0099CC; border:0px; border-bottom:4px solid #0099CC; cursor:pointer; margin-top:12px;}
#TeklifAl_Form .buton:hover{background:#0099CC; border-bottom:4px solid #577112; color:#fff;}


}
/*Mobil Cihazlar İçin Bitiş*/

/*Mobil Cihazlar İçin Bitiş*/

#TeklifAl_Formlar{width:47%; margin:0px; padding:0px; float:right; display:block; margin-top:62px;}

#TeklifAl_Formlar{width:47%; margin:0px; padding:0px; float:left; display:block; margin-top:62px;}


#TeklifAl_Formlar #AyniSatir{width:100%; margin:0px; padding:0px; float:left; display:block;}
#AyniSatir{width:100%; float:left; margin:0px; padding:0px; display:block;}
#AyniSatir .Kutu:nth-child(1){width:48%; float:left;}
#AyniSatir .Kutu:nth-child(2){width:48%; float:right;}
#TeklifAl_Formlar .input{width:100%; margin:0px; padding:13px 17px; color:#000; font-family:Poppins; font-size:15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:none; border:1px solid #bbb; margin-bottom:12px;}
#TeklifAl_Formlar .input:focus{border:1px dashed #fff;}
#TeklifAl_Formlar .select{width:560px; margin:0px; padding:13px 17px; color:#000; font-family:Poppins; font-size:15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:none; border:1px solid #bbb; margin-bottom:12px;}
#TeklifAl_Formlar .select:focus{border:1px dashed #fff;}
#TeklifAl_Formlar .checkbox{width:100%; margin:0px; padding:0px; float:left; display:block; font-size:13px; color:#000; margin-top:2px;}
#TeklifAl_Formlar .buton{width:100%; margin:0px; padding:16px; color:#000; font-family:Poppins; font-size:18px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#73921f; border:0px; border-bottom:4px solid #577112; cursor:pointer; margin-top:12px;}
#TeklifAl_Formlar .buton:hover{background:#dc233d; border-bottom:4px solid #c60e27; color:#fff;}

#TeklifAl_Formlar .Kutu input:valid + label::before, #TeklifAl_Form .Kutu input:focus + label::before {line-height:22px; font-size:12px; top:-10px; left:14px; background:none; padding:0 6px;-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}

#TeklifAl_Formlar .Kutu{width:100%; float:left; position:relative;}
#TeklifAl_Formlar .Kutu label::before {content:attr(title); position:absolute; top:0; left:15px; line-height:51px; font-size:14px; color:#777; transition:300ms all; cursor:text;}
#TeklifAl_Formlar .Kutu input {width:100%; background:none;}
#TeklifAl_Formlar .Kutu input:valid + label::before {content: attr(data-title); background:#fff; color:000;}
#TeklifAl_Formlar .Kutu input:focus + label::before {background:#fff; color:000;}