body {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	margin: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-x: hidden;
	background:#F9F9F9;
  	}

	::-moz-selection {
	  background: #D7B56D;
	  color:#12467F;
	} 
	
	::selection {
	  background: #D7B56D;
	  color:#12467F;
	} 

	.m-0{margin:0px !important;}
	.m-1{margin:5px !important;}
	.m-2{margin:10px !important;}
	.m-3{margin:15px !important;}
	.m-4{margin:20px !important;}
	.m-5{margin:25px !important;}
	.m-6{margin:30px !important;}
	.m-7{margin:35px !important;}
	.m-8{margin:40px !important;}
	
	.mt-0{margin-top:0px !important;}
	.mt-1{margin-top:5px !important;}
	.mt-2{margin-top:10px !important;}
	.mt-3{margin-top:15px !important;}
	.mt-4{margin-top:20px !important;}
	.mt-5{margin-top:25px !important;}
	.mt-6{margin-top:30px !important;}
	.mt-7{margin-top:35px !important;}
	.mt-8{margin-top:40px !important;}
	
	.mb-0{margin-bottom:0px !important;}
	.mb-1{margin-bottom:5px !important;}
	.mb-2{margin-bottom:10px !important;}
	.mb-3{margin-bottom:15px !important;}
	.mb-4{margin-bottom:20px !important;}
	.mb-5{margin-bottom:25px !important;}
	.mb-6{margin-bottom:30px !important;}
	.mb-7{margin-bottom:35px !important;}
	.mb-8{margin-bottom:40px !important;}
	
	.mr-0{margin-right:0px !important;}
	.mr-1{margin-right:5px !important;}
	.mr-2{margin-right:10px !important;}
	.mr-3{margin-right:15px !important;}
	.mr-4{margin-right:20px !important;}
	.mr-5{margin-right:25px !important;}
	.mr-6{margin-right:30px !important;}
	.mr-7{margin-right:35px !important;}
	.mr-8{margin-right:40px !important;}
	
	.ml-0{margin-left:0px !important;}
	.ml-1{margin-left:5px !important;}
	.ml-2{margin-left:10px !important;}
	.ml-3{margin-left:15px !important;}
	.ml-4{margin-left:20px !important;}
	.ml-5{margin-left:25px !important;}
	.ml-6{margin-left:30px !important;}
	.ml-7{margin-left:35px !important;}
	.ml-8{margin-left:40px !important;}
	
	.p-0{padding:0px !important;}
	.p-1{padding:5px !important;}
	.p-2{padding:10px !important;}
	.p-3{padding:15px !important;}
	.p-4{padding:20px !important;}
	.p-5{padding:25px !important;}
	.p-6{padding:30px !important;}
	.p-7{padding:35px !important;}
	.p-8{padding:40px !important;}
	
	.pt-0{padding-top:0px !important;}
	.pt-1{padding-top:5px !important;}
	.pt-2{padding-top:10px !important;}
	.pt-3{padding-top:15px !important;}
	.pt-4{padding-top:20px !important;}
	.pt-5{padding-top:25px !important;}
	.pt-6{padding-top:30px !important;}
	.pt-7{padding-top:35px !important;}
	.pt-8{padding-top:40px !important;}
	
	.pb-0{padding-bottom:0px !important;}
	.pb-1{padding-bottom:5px !important;}
	.pb-2{padding-bottom:10px !important;}
	.pb-3{padding-bottom:15px !important;}
	.pb-4{padding-bottom:20px !important;}
	.pb-5{padding-bottom:25px !important;}
	.pb-6{padding-bottom:30px !important;}
	.pb-7{padding-bottom:35px !important;}
	.pb-8{padding-bottom:40px !important;}
	
	.pl-0{padding-left:0px !important;}
	.pl-1{padding-left:5px !important;}
	.pl-2{padding-left:10px !important;}
	.pl-3{padding-left:15px !important;}
	.pl-4{padding-left:20px !important;}
	.pl-5{padding-left:25px !important;}
	.pl-6{padding-left:30px !important;}
	.pl-7{padding-left:35px !important;}
	.pl-8{padding-left:40px !important;}
	
	.pr-0{padding-right:0px !important;}
	.pr-1{padding-right:5px !important;}
	.pr-2{padding-right:10px !important;}
	.pr-3{padding-right:15px !important;}
	.pr-4{padding-right:20px !important;}
	.pr-5{padding-right:25px !important;}
	.pr-6{padding-right:30px !important;}
	.pr-7{padding-right:35px !important;}
	.pr-8{padding-right:40px !important;}
	
	.fnt-s1{font-size: 10px !important}
	.fnt-s2{font-size: 15px !important}
	.fnt-s3{font-size: 20px !important}
	.fnt-s4{font-size: 25px !important}
	.fnt-s5{font-size: 30px !important}
	.fnt-s6{font-size: 35px !important}
	.fnt-s7{font-size: 40px !important}
	.fnt-s8{font-size: 45px !important}
	
	.fr{float:right !important;}
	.fl{float:left !important;}
	.clr{clear:both !important;}
	
	.ta-l{text-align:left !important;}
	.ta-c{text-align:center !important;}
	.ta-r{text-align:right !important;}
	.ta-j{text-align:justify !important;}
	
	.pst-r{position:relative !important;}
	.pst-a{position:absolute !important;}
	.dsp-f{
		display: -ms-flexbox!important;
	    display: flex!important;
	    -ms-flex-preferred-size: auto;
	    flex-basis: auto;
	}

	.flex-row {
		-ms-flex-direction: row !important;
    	flex-direction: row !important;
	}

	.SearchBox {
		width:100%;
		padding:5px 0px;
		position:relative;
		margin:30px 0px 0px 0px;
		z-index:3;
	}

		.SearchBox .SearchText {
			width:100%;
			height:33px;
			border:1px solid #ccc;
			background:#fbfbfb;
			border-radius:2px;
			padding-left:10px;
			padding-right:40px;
			z-index:3;
		}

		.SearchBox .SearchText:focus {outline:none;border:1px solid #D1101A;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4);background:#fff;}

		.SearchBox .SearchButton {
			width:33px;
			height:33px;
			position:absolute;
			top:5px;
			right:5px;
			text-align:center;
			border-left:1px solid #888;
			z-index:4;
			color:#1d1d1d;
		}

		.SearchBox .SearchButton:hover {color:#ed1c24;}

			.SearchBox .SearchButton i {line-height:33px;}

	.NewsletterBox {
		width:100%;
		padding:5px 0px;
		position:relative;
		z-index:3;
	}

		.NewsletterBox .NText {
			width:100%;
			border:1px solid #ccc;
			background:#fbfbfb;
			border-radius:2px;
			padding-top:13px;
			padding-bottom:13px;
			padding-left:10px;
			padding-right:55px;
			z-index:3;
		}

		.NewsletterBox .NText:focus {outline:none;border:1px solid #D1101A;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4);background:#fff;}

		.NewsletterBox .NButton {
			width:50px;
			height:47px;
			position:absolute;
			top:5px;
			right:5px;
			text-align:center;
			border-left:1px solid #888;
			z-index:4;
			color:#1d1d1d;
			font-size:20px;
		}

		.NewsletterBox .NButton:hover {color:#ed1c24;}

			.NewsletterBox .NButton i {line-height:47px;}

	.TopBg {
		width:100%;
		position:relative;
		background:#d1d1d1;
	}

	.TopList {
		display:inline-block;
		position:relative;
		margin:0px;
		padding:0px;
	}

	.TopList:after {content:"";display:table;clear:both;}

		.TopList li {
			list-style:none;
			padding:12px 10px;
			position:relative;
			float:left;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight:500;
			color:#414141;
		}

		.TopList li.Tel {font-size:17px;font-weight:700; padding:4px 10px;}
		.TopList li.H {display:none;}

			.TopList li i {margin-right:10px;}

	.TopList2 {
		display:inline-block;
		position:relative;
		margin:0px;
		padding:0px;
		float:right;
	}

	.TopList2:after {content:"";display:table;clear:both;}

		.TopList2 li {
			list-style:none;
			float:left;
		}

	.LogoBg {
		width:100%;
		position:relative;
		background:#fff;
	}

	.Logo {
		width:100%;
		position:relative;
		padding:10px 0px;
		z-index:3;
	}

		.Logo img {height:90px;position:relative;}

	.MenuRight {
		display:inline-block;
		position:relative;
		margin:0px;
		padding:0px;
		float:right;
	}
	
	.MenuRight:after {content:"";display:table;clear:both;}

		.MenuRight li {
			list-style:none;
			position:relative;
			float:left;
		}

			.MenuRight li .TopButon {
				color:#414141;
				font-size:13px;
				padding:15px 12px;
			}

			.MenuRight li .TopButon:hover {
				background:#3D6BB1;
				color:#fff;
				text-decoration:none;
			}

	.TopButon {
		border:none;
		background:none;
		display:inline-block;
		position:relative;
		padding:10px 10px;
		color:#000;
		font-size:13px;
		font-weight:600;
		line-height:1;
		text-align:center;
		cursor:pointer;
	}

	.TopButon:focus {
		outline:none;
		color:#A16222;
	}

	.TopButon:after {display:none;}

		.TopButon i {}

	.TopButon2 {
		border:none;
		background:none;
		display:inline-block;
		position:relative;
		padding:15px 10px;
		color:#000;
		font-size:16px;
		font-weight:600;
		line-height:1;
		text-align:center;
		cursor:pointer;
	}

	.TopButon2:focus {
		outline:none;
		color:#A16222;
	}

	.TopButon2:after {display:none;}

		.TopButon2 i {}


	.MenuBg {
		width:100%;
		position:relative;
		background:#3D6BB1;
		border-top:1px solid #f1f1f1;
		border-bottom:1px solid #f1f1f1;
		padding:0px 0px;
		z-index:10;
	}

		.MenuBg .MenuHideButton {
			width:40px;
			height:40px;
			display:none;
			position:absolute;
			top:0px;
			right:0px;
			color:#fff;
			font-size:20px;
			text-align:center;
			z-index:5;
		}

			.MenuBg .MenuHideButton i {line-height:40px;}
	
	.NewNav {
		padding:0px;
		margin-left:0px;
	}

		.NewNav .navbar-nav {}
		
			.NewNav .navbar-nav .nav-item {margin-right:5px;}
			.NewNav .navbar-nav .nav-item:last-child {margin-right:0px;}

				.NewNav .navbar-nav .nav-item .nav-link {
					padding:20px 15px;
					line-height:1;
					font-family: 'Roboto Condensed', sans-serif;
					font-size:17px;
					font-weight:700;
					color:#fff;
					transition:all 0.1s ease-in-out 0s;
					position:relative;
				}

				.NewNav .navbar-nav .nav-item .nav-link.Big {
					background:#12923C;
					font-size:19px;
					color:#fff;
					border-radius:0px 0px 40px 0px;
					padding-right:30px;
				}

				.NewNav .navbar-nav .nav-item .nav-link.Big:before {
					content:"";
					width:2000px;
					height:100%;
					position:absolute;
					background:#12923C;
					top:0px;
					right:70px;

				}

				.NewNav .navbar-nav .nav-item .nav-link.Big:after {
					content:"";
					width:100%;
					height:100%;
					position:absolute;
					background:#fff;
					top:0px;
					right:-5px;
					z-index:-1;
					border-radius:0px 0px 40px 0px;

				}

					.NewNav .navbar-nav .nav-item .nav-link.Big .Text {
						display:inline-block;
						position:relative;
						z-index:3;
					}

				.NewNav .navbar-nav .nav-item .nav-link.Hide {
					display:none;
				}

				.NewNav .navbar-nav .nav-item .nav-link:hover {color:#B7CAE6;transition:all 0.1s ease-in-out 0s;}

				.NewNav .navbar-nav .nav-item.active .nav-link {color:#B7CAE6;}

					.NewNav .navbar-nav .nav-item .nav-link .icon  {
						width:30px;
						height:30px;
						position:absolute;
						top:25px;
						left:0px;
						background-size:auto 30px !important;
						transition:all 0.2s ease-in-out 0s;
					}

					.NewNav .navbar-nav .nav-item .nav-link:hover .icon {
						background-position:-30px 0px !important;
						transition:all 0.2s ease-in-out 0s;
					}

					.NewNav .navbar-nav .nav-item .nav-link .icon.icon-1 {
						background:url(../images/i2.png) no-repeat 0px 0px transparent;
					}

					.NewNav .navbar-nav .nav-item .nav-link .icon.icon-2 {
						background:url(../images/i1.png) no-repeat 0px 0px transparent;
					}

					.NewNav .navbar-nav .nav-item .nav-link .icon.icon-3 {
						background:url(../images/i3.png) no-repeat 0px 0px transparent;
					}

					.NewNav .navbar-nav .nav-item .nav-link .icon.icon-4 {
						background:url(../images/i4.png) no-repeat 0px 0px transparent;
					}
					.NewNav .navbar-nav .nav-item .nav-link .icon.icon-5 {
						background:url(../images/i5.png) no-repeat 0px 0px transparent;
					}

					.NewNav .navbar-nav .nav-item .nav-link .icon.icon-6 {
						background:url(../images/i6.png) no-repeat 0px 0px transparent;
					}

					.NewNav .navbar-nav .nav-item .nav-link i {}
				
				.NewNav .navbar-nav .nav-item .dropdown-menu {margin-right: -40px;}

					.NewNav .navbar-nav .nav-item .dropdown-menu li {position:relative;}
					.NewNav .navbar-nav .nav-item .dropdown-menu .dropdown-item {position:relative;}

						.NewNav .navbar-nav .nav-item .DropTwo {
							position:absolute !important;
							top:0px !important;
							left:100% !important;
						}

	.TDLink {font-size:12px;color:#000;font-weight:600;}

	.TBasket {width:100%;position:relative;margin-bottom:5px;}

	.TBasket:hover {background:#f1f1f1;}

	.TBasket:after {content:"";display:table;clear:both;}

		.TBasket .Image {
			width:60px;
			height:60px;
			position:relative;
			float:left;
			overflow:hidden;
			border:2px solid #f6f6f6;
		}
		
			.TBasket .Image img {
				max-height: 100%;  
			    max-width: 100%; 
			    width: auto;
			    height: auto;
			    position: absolute;  
			    top: 0;  
			    bottom: 0;  
			    left: 0;  
			    right: 0;  
			    margin: auto;
			}

		.TBasket .Info {
			width:calc(100% - 60px);
			position:relative;
			float:right;
			padding:5px 30px 5px 5px;
		}

			.TBasket .Info h4 {
				width:100%;
				position:relative;
				margin:0px 0px 5px 0px;
				padding:0px;
				font-family: 'Open Sans', sans-serif;
				font-size:12px;
				font-weight:600;
				color:#000;
			}

				.TBasket .Info h4 a {color:#000;}

			.TBasket .Info p {
				font-family: 'Open Sans', sans-serif;
				font-size:10px;
				color:#666;
				margin:0px;
				padding:0px;
			}
			
			.TBasket .Info .PDelete {
				width:25px;
				height:25px;
				position:absolute;
				top:5px;
				right:5px;
				font-size:13px;
				color:#c30707;
				text-align:center;
			}

			.TBasket .Info .PDelete:hover {color:#FF3333;transform:scale(1.1);}

				.TBasket .Info .PDelete i {line-height:25px;}


	.Basket {width:100%;position:relative;margin:7.5px 0px;padding:10px 0px;border-bottom:1px solid #ccc;}

	.Basket:hover {background:#f1f1f1;}

	.Basket:after {content:"";display:table;clear:both;}

		.Basket .Image {
			width:100px;
			height:100px;
			position:relative;
			float:left;
			overflow:hidden;
			border:2px solid #f6f6f6;
		}
		
			.Basket .Image img {
				max-height: 100%;  
			    max-width: 100%; 
			    width: auto;
			    height: auto;
			    position: absolute;  
			    top: 0;  
			    bottom: 0;  
			    left: 0;  
			    right: 0;  
			    margin: auto;
			}

		.Basket .Info {
			width:calc(100% - 100px);
			position:relative;
			float:right;
			padding:5px 30px 5px 20px;
		}

			.Basket .Info h4 {
				width:100%;
				position:relative;
				margin:0px 0px 5px 0px;
				padding:0px;
				font-family: 'Open Sans', sans-serif;
				font-size:16px;
				font-weight:600;
				color:#000;
			}

				.Basket .Info h4 a {color:#000;}

			.Basket .Info p {
				position:relative;
				font-family: 'Open Sans', sans-serif;
				font-size:18px;
				color:#333;
				margin:10px 0px 0px 0px;
				padding:0px;
			}

			.Basket .Info p:after {content:"";display:table;clear:both;}

			.Basket .Info .BasketControl {float:left;}

			.Basket .Info .Price {
				display:inline-block;
				position:relative;
				font-size:20px;
				font-weight:600;
				line-height:35px;
				float:left;
				margin-left:10px;
			}

			
		.Basket .PDelete {
			width:40px;
			height:40px;
			background:#c30707;
			border-radius:50%;
			position:absolute;
			top:calc(50% - 20px);
			right:15px;
			font-size:13px;
			color:#fff;
			text-align:center;
		}

		.Basket .PDelete:hover {background:#FF3333;transform:scale(1.1);}

			.Basket .PDelete i {line-height:40px;}


	.form-group {width:100%;position:relative;}

		.form-group .form-label {
			font-family: 'Roboto Condensed', sans-serif;
			font-size:14px;
			font-weight:500;
			color:#333;
		}

			.form-group .form-label small {}

			.form-group .form-label input[type=checkbox] {margin-right:10px;}

			.form-group .form-label a {text-decoration:underline;}

			.form-group .form-label a:hover {color:#ff8700;}

		.form-group .controls {width:100%;position:relative;}

			.form-group .controls .form-control {
				display:inline-block;
				width:100%;
				position:relative;
				padding:10px 20px;
				background:#fff;
				border:1px solid #B9B9B9;
				border-radius:5px;
			}

			.form-group.p1 .controls .form-control {padding:5px 10px;font-size:13px;}

			.form-group .controls .form-control:disabled {background:#f1f1f1;}
			.form-group .controls select.form-control {height:auto;}

			.form-group .controls.icon .form-control {
				padding-right:30px;
			}

			.form-group .controls.icon i {
				line-height:46px;
				font-size:18px;
				color:#666;
				position:absolute;
				right:10px;
				top:0px;
			}

			.form-group .controls .form-control:focus {outline:none;}

	.form-group2 {width:100%;position:relative;margin-bottom:20px;}

		.form-group2 .form-label {
			font-size:14px;
			line-height:1;
			color:#888;
			position:absolute;
			display:inline-block;
			padding:0px 10px;
			background:#fff;
			z-index:2;
			top:0px;
			left:20px;
			font-size:15px;
			font-weight:700;
		}

			.form-group2 .form-label input[type=checkbox] {margin-right:10px;}

			.form-group2 .form-label a {text-decoration:underline;}

			.form-group2 .form-label a:hover {color:#ff8700;}

		.form-group2 .controls {width:100%;position:relative;}

			.form-group2 .controls .form-control {
				display:inline-block;
				width:100%;
				position:relative;
				padding:10px 20px;
				background:#fff;
				border:2px solid #ccc;
				border-radius:5px;
				margin-top:4px;
			}

			.form-group2.CCV .controls .form-control {width:100px;}

			.form-group2 .controls select.form-control {height:auto;}

			.form-group2 .controls.icon .form-control {
				padding-right:30px;
			}

			.form-group2 .controls.icon i {
				line-height:46px;
				font-size:18px;
				color:#666;
				position:absolute;
				right:10px;
				top:0px;
			}

			.form-group2 .controls .form-control:focus {outline:none;box-shadow:none;}	

	.FormButton {
		display:inline-block;
		padding:10px 20px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:15px;
		font-weight:500;
		background:#06A212;
		border-radius:10px;
		color:#fff;
		transition:all 0.1s ease-in-out 0s;
		border:none;
	}

	.FormButton.F2 {padding:6px 12px;}

	.FormButton.FW {width:100%;text-align:center;}

	.FormButton.Red {background:#ED1C24; color:#fff;}
	
	.FormButton:hover {background:#08D818;color:#fff;text-decoration:none;transition:all 0.1s ease-in-out 0s;}
	.FormButton.Red:hover {background:#AB0E15;color:#fff;}

		.FormButton i {margin-right:10px;}
	
	.FacebookButon {
		width:100%;
		display:block;
		padding:15px 25px;
		position:relative;
		background:#3B5998;
		color:#fff;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:17px;
		font-weight:500;
		border-radius:10px;
		transition:all 0.2s ease-in-out 0s;
		text-align:center;
	}

	.FacebookButon:hover {background:#333366;color:#fff;text-decoration:none;transition:all 0.2s ease-in-out 0s;}

		.FacebookButon i {margin-right:10px;}

	.PRenk {color:#999;}

	.TextCenter {
		width:100%;
		position:relative;
		text-align:center;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:15px;
		color:#999;
	}

	.TextCenter:before {
		content:"";
		width:100%;
		height:1px;
		background:#e5e5e5;
		position:absolute;
		top:calc(50% - 1px);
		left:0px;
	}

		.TextCenter span {display:inline-block;position:relative;padding:5px 30px;background:#fff;}

	.MCol {padding-left:5px;padding-right:5px;}
	
	.Footer {
		width:100%;
		position:relative;
		background:#252525;
		color:#fff;
		padding:15px 0px 30px 0px;
		margin-top:0px;
	}

	.Footer:before {
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		background:rgba(34,34,34,0.8);
	}

	.FooterTitle {
		width:100%;
		position:relative;
		margin-bottom:20px;
		padding-top:5px;
	}

		.FooterTitle h3 {
			font-family: 'Roboto Condensed', sans-serif;
			font-size:18px;
			font-weight:400;
			margin:0px 0px 0px 0px;
			padding:0px 0px 10px 0px;
			color:#fff;
			position:relative;
		}

		.FooterTitle h3:before {
			content:"";
			width:100%;
			height:1px;
			border-bottom:1px dashed #fff;
			position:absolute;
			bottom:0px;
			left:0px;
		}

			.FooterTitle h3 span {font-weight:700;}
            
                 .Sayfalama a{                
display: inline-block;
background-color: #3D6BB1;
color: white;
text-align: center;
text-decoration: none;
font-weight: bold;
padding:10px 25px 10px 25px;
margin:15px 2px 15px 2px;
}
 .Sayfalama a.aktif{ background-color: #12923C; }

	@media screen and (max-width: 800px) {

    .Links {display: none !important;}
	.LeftArea {
		width:100%;
		position:relative;
		margin-bottom:20px;
		padding:10px 15px;
		background:#fff;
		box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);
		 display: none; 
	}
	}

	.LeftTitle {
		width:100%;
		position:relative;
		margin-bottom:10px;
		padding-top:15px;
	}

		.LeftTitle h3 {
			font-family: 'Roboto Condensed', sans-serif;
			font-size:18px;
			font-weight:600;
			margin:0px 0px 0px 0px;
			padding:0px 0px 10px 0px;
			color:#0064A5;
			position:relative;
		}

		.LeftTitle.T2 h3 {font-size:30px;}

		.LeftTitle.Right h3 {text-align:right;}

		.LeftTitle h3:before {
			content:"";
			width:100%;
			height:1px;
			border-bottom:1px dashed #ddd;
			position:absolute;
			bottom:0px;
			left:0px;
		}

		.LeftTitle.Right h3:after {right:10px;left:auto;}

			.LeftTitle h3 span {font-weight:700;}
			
			.LeftTitle h3 .TitleButton {
				display:inline-block;
				padding:5px 5px 5px 15px; 
				margin-left:15px;
				font-size:12px;
				font-weight:600;
				border-left:2px solid #ddd;
				color:#888;
			}

		.LeftTitle .Desc {
			font-size:13px;
			color:#000;
			font-weight:700;
			margin:10px 0px 0px 0px;
		}

		.LeftTitle.T2 .Desc {}

			.LeftTitle.T2 .Desc i {color:#339933;margin-right:10px; font-size:17px;}
		
		.LeftTitle .DropIcon {
			position:absolute;
			top:10px;
			right:20px;
			font-size:20px;
		}

	.LeftList {
		display:block;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}

		.LeftList li {
			border-bottom:1px solid #ddd;
			list-style:none;
			background:#fafafa;
		}

		.LeftList li:last-child {border:none;}

			.LeftList li a {
				display:block;
				padding:8px 10px;
				font-family: 'Roboto Condensed', sans-serif;
				font-size:12px;
				color:#111;
				transition:all 0.2s ease-in-out 0s;
			}

			.LeftList li.LevelDown {padding-left:15px;background:#F0F0F0;}
			.LeftList li.LevelDown.L2 {background:#E4E4E4;}
			.LeftList li.LevelDown2 {padding-left:30px;background:#fafafa;}
			.LeftList li.LevelUp a {background:#DBDBDB;}

			.LeftList li.active a {color:#252525; font-weight:600;}

			.LeftList li:hover a {
				padding-left:17px;
				transition:all 0.2s ease-in-out 0s;
			}

			.LeftList li.LevelDown:hover a {}
			.LeftList li.LevelDown.L2:hover a {padding-left:10px;}
			.LeftList li.LevelDown2:hover a {}
			.LeftList li.LevelUp:hover a {padding-left:10px;}

			.LeftList li i {margin-right:5px; color:#A16222;}

	.AdIcon {
		position:absolute;
		top:0px;
		right:20px;
	}

	.btn1 {
		width:25px;
		height:25px;
		display:inline-block;
		background:#0A294E;
		color:#fff;
		text-align:center;
		position:relative;
		font-size:10px;
		z-index:2;
		cursor:pointer;
		transition:all 0.2s ease-in-out 0s;
	}

	.btn1:hover {
		color:#fff;
		background:#B4161B;
		transition:all 0.2s ease-in-out 0s;
	}

		.btn1 i {
			line-height:25px;
		}

	.FooterList {
		display:block;
		margin:0px;
		padding:0px;
		position:relative;
	}

		.FooterList li {
			border-bottom:1px solid #363636;
			list-style:none;
		}

		.FooterList li:last-child {border:none;}

			.FooterList li a {
				display:block;
				padding:5px 0px;
				color:#fff;
				font-size:12px;
				transition:all 0.2s ease-in-out 0s;
			}

			.FooterList li:hover a {
				text-decoration:underline;
				transition: all 0.2s ease-in-out 0s;
			}

			.FooterList li: i {margin-right:8px; color:#fff;}

	.SocialMedia {
      	display:inline-block;
		margin:10px 0px 0px 0px;
		padding:0px;
	}

	.SocialMedia:after {content:"";display:table;clear:both;}
	
		.SocialMedia li {
			list-style:none;
			position:relative;
			width:25px;
			float:left;
			margin-right:5px;
		}

		.SocialMedia li:last-child {margin-right:0px;}
		
			.SocialMedia li .Icon {
				width:25px;
				height:25px;
				position:relative;
				text-align:center;
				background:#fff;
				border-radius:50%;
				box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);
				transition:all 0.3s ease-in-out 0s;
			}
			
			.SocialMedia li:hover .Icon {
				color:#fff;
				transition:all 0.3s ease-in-out 0s;
			}

			.SocialMedia li.facebook:hover .Icon {
				background:#3C589E;
			}

			.SocialMedia li.twitter:hover .Icon {
				background:#1DA1F2;
			}

			.SocialMedia li.google:hover .Icon {
				background:#4285F4;
			}

			.SocialMedia li.youtube:hover .Icon {
				background:#FF0000;
			}

			.SocialMedia li.instagram:hover .Icon {
				background:#9E34B8;
			}

			.SocialMedia li.linkedin:hover .Icon {
				background:#006699;
			}
			
				.SocialMedia li .Icon i {
					color:#1B1B1B;
					font-size:12px;
					line-height:25px;
				}

				.SocialMedia.MSosyal li .Icon i {}
				
				.SocialMedia li:hover .Icon i {
					color:#fff;
				}

			.SocialMedia li a {
				display:block;
			}

	.FContact {
		display:block;
		margin:0px;
		padding:0px;
	}
	
		.FContact li {
			list-style:none;
			position:relative;
			padding:8px 0px 8px 35px;
			color:#fff;
			font-size:12px;
		}
		
			.FContact li i {
				position:absolute;
				top:8px;
				left:8px;
				color:#fff;
				font-size:17px;
			}

	.Copright {
		width:100%;
		padding:10px 0px;
		background:#333333;
		color:#fff;
		line-height:38px;
	}

		.Copright img {max-width:100%;}

	.ContactInfo {
		display:block;
		margin:0px;
		padding:0px;
	}
	
		.ContactInfo li {
			list-style:none;
			position:relative;
			padding:8px 0px 8px 35px;
			color:#333;
		}
		
			.ContactInfo li i {
				position:absolute;
				top:8px;
				left:8px;
				color:#ED1C24;
				font-size:17px;
			}

	.Map {
		width:100%;
		height:400px;
		position:relative;
		margin-bottom:15px;
	}

	.SliderBg {
		width:100%;
		position:relative;
		z-index:1;
		background:#fff;
		padding:20px 0px;
	}	

	.SlideImg {width:100%;position:relative;}

		.SlideImg img {width:100%;}

	#particles-js {
		width: 100%;
		height: 100%;
		background-image: url('');
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		position:absolute;
		top:0px;
		left:0px;
		z-index:3;
	}

	.Slider {
		width:100%;
		position:relative;
		z-index:2;
	}

	.SlideButton {
		display:inline-block;
		padding:10px 25px;
		background:transparent;
		border:3px solid #3D6BB1;
		border-radius:30px;
		color:#3D6BB1;
		font-family: 'Rubik', sans-serif;
		font-size:15px;
		font-weight:700;
	}

	.SlideButton:hover {
		background-color:#3D6BB1;
		color:#fff;
		text-decoration:none;
	}

	.SlideButton2 {
		display:inline-block;
		padding:15px 25px;
		background:#A16222;
		border-radius:30px;
		color:#fff;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:15px;
		font-weight:700;
	}

	.SlideButton2:hover {
		background-color:#3048BC;
		color:#fff;
		text-decoration:none;
	}

	.Button {
		display:inline-block;
		padding:15px 40px 15px 20px;
		border-radius:35px;
		border:none;
		background:#339933;
		position:relative;
		color:#fff;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:14px;
		font-weight:600;
		line-height:1;
		cursor:pointer;
		transition:all 0.2s ease-in-out 0s;
	}

	.Button.FW {width:100%;}

	.Button:hover {
		background:#336633;
		color:#fff;
		text-decoration:none;
		transition:all 0.2s ease-in-out 0s;
	}

		.Button i {position:absolute;top:0px;right:10px;font-size:27px;line-height:46px;}

	.Button2 {
		display:inline-block;
		padding:10px 45px;
		border-radius:35px;
		border:3px solid #A16222;
		background:#A16222;
		color:#fff;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:15px;
		font-weight:700;
		transition:all 0.2s ease-in-out 0s;
	}

	.Button2:hover {
		background-color:transparent;
		color:#A16222;
		text-decoration:none;
		transition:all 0.2s ease-in-out 0s;
	}

	.Button3 {
		display:inline-block;
		padding:10px 45px;
		border-radius:35px;
		border:3px solid #fff;
		background:transparent;
		color:#fff;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:15px;
		font-weight:700;
		transition:all 0.2s ease-in-out 0s;
	}

	.Button3:hover {
		background-color:#fff;
		color:#A16222;
		text-decoration:none;
		transition:all 0.2s ease-in-out 0s;
	}

	.Button4 {
		display:inline-block;
		height:40px;
		padding:0px 10px;
		border-radius:5px;
		border:none;
		background:#ED1C24;
		position:relative;
		color:#fff;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:14px;
		font-weight:500;
		line-height:40px;
		cursor:pointer;
		transition:all 0.2s ease-in-out 0s;
	}

	.Button4.FW {width:100%;}
	.Button4.Now {background:#339933;}
	.Button4.Now:hover {background:#336633;}

	.Button4:hover {
		background:#AB0E15;
		color:#fff;
		text-decoration:none;
		transition:all 0.2s ease-in-out 0s;
	}

		.Button4 i {margin-right:10px;}

	.CloseButton {
		width:30px;
		height:30px;
		background:#c30707;
		color:#fff;
		font-size:13px;
		text-align:center;
		position:absolute;
		top:15px;
		right:15px;
	}

	.CloseButton:hover {text-decoration:none;background:#FF3333;color:#fff;}

		.CloseButton i {line-height:30px;}

	.PageBg {
		width:100%;
		position:relative;
		background:url(../images/bg2.jpg) no-repeat center -150px transparent;
		background-attachment:fixed;
		background-size:100% auto;
		padding:20px 0px 20px 0px;
		z-index:1;
	}

	.PageBg:before {
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.7);
	}

	
	.PageTitle {
		width:100%;
		position:relative;
		padding-left:0px;
	}

		.PageTitle h1 {
			margin:0px;
			padding:0px;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:30px;
			font-weight:500;
			color:#fff;
			text-shadow:1px 1px 2px #000;
		}

	.PageTitle2 {
		width:100%;
		position:relative;
		padding-left:0px;
		margin-bottom:20px;
	}

		.PageTitle2 h2 {
			margin:0px;
			padding:0px;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:20px;
			font-weight:700;
			color:#000;
		}


	.PageTitle3 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:20px;
		font-weight:600;
		color:#333;
		position:relative;
		padding:0px 0px 7px 0px;
		margin:0px 0px 10px 0px;
	}

	.PageTitle3:before {
		content:"";
		width:70px;
		height:3px;
		background:#ccc;
		position:absolute;
		bottom:0px;
		left:0px;
	}

	.ui-datepicker {width:auto;}
	
		.ui-datepicker .ui-datepicker-header {}
		
			.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {height:35px;}

			.ui-datepicker .ui-datepicker-header .ui-datepicker-next {height:35px;}

			.ui-datepicker .ui-datepicker-header .ui-datepicker-title {}

				.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
					width:auto;
					display:inline-block;
					padding:8px 15px;
				}

				.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {}

				.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {}

		.ui-datepicker .ui-datepicker-calendar {}
		
			.ui-datepicker .ui-datepicker-calendar thead {}
			
				.ui-datepicker .ui-datepicker-calendar thead th {}

			.ui-datepicker .ui-datepicker-calendar td {}
			
				.ui-datepicker .ui-datepicker-calendar td a {
					padding:8px 10px;
					text-align:center;
				}

	.Breadcrumb {
		display:inline-block;
		margin:10px 0px 0px 0px;
		padding:0px;
		position:relative;
		left:0px;
		background:transparent;
	}

		.Breadcrumb li {
			list-style:none;
			padding:5px 5px;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:13px;
			color:#fff;
			float:left;
			margin-right:10px;
			text-shadow:1px 1px 1px #000;
		}

		.Breadcrumb li.Active {
			font-weight:500;
		}
		
			.Breadcrumb li a {
				display:inline-block;
				color:#fff;
				text-decoration:none;
			}

.MainArea {
		width:100%;
		position:relative;
		background:#fff;
		padding:10px 15px;
		border-radius:10px;
		box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);
	}
	.Content {
		width:100%;
		position:relative;
		background:#fff;
		padding:10px 15px;
		border-radius:0px;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);
         }

		.Content .Info {
			width:100%;
			position:relative;
			padding:20px 20px 30px 20px;
			margin-top:0px;
		}

			.Content .Info h2 {
				font-family: 'Roboto Condensed', sans-serif;
				font-weight:700;
				margin:0px 0px 20px 0px;
				padding:0px;
				font-size:20px;
			}

			.Content .Info img {
				max-width:100%;
			}

		.Content .Img {
			margin-bottom:0px; 
			width: 100%;
		}

	.Pagination {
		width:100%;
		position:relative;
		margin-top:15px;
	}
	
		.Pagination a {
			display:inline-block;
			padding:3px 6px;
			background:#F0F0F0;
			border:1px solid #ccc;
			margin-right:5px;
			color:#333;
		}
		
		.Pagination a:hover, .Pagination a.Active {
			background:#E0E0E0;
			text-decoration:none;
		}

	.BlogList {
		width:100%;
		background:#fff;
		padding:15px 15px;
		margin-bottom:30px;
		position:relative;
		transition:all 0.3s ease-in-out 0s;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);
	}

	.BlogList:hover {
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
		transition:all 0.3s ease-in-out 0s;
	}

		.BlogList .Img {
			width:100%;
			position:relative;
			overflow:hidden;
			border:1px dashed #ddd;
		}

		.BlogList:hover .Img:before {opacity:1;transition:all 0.3s ease-in-out 0s;}
		
			.BlogList .Img img {
				width: 100%;
			    position: relative;
				transition:all 0.5s ease-in-out 0s;
			}

			.BlogList:hover .Img img {transform:scale(1.1);transition:all 0.5s ease-in-out 0s;}

			.BlogList .Img .Date {
				width:70px;
				background:rgba(0,0,0,0.7);
				color:#fff;
				text-align:center;
				position:absolute;
				top:10px;
				left:10px;
				z-index:3;
				transition:all 0.3s ease-in-out 0s;
			}

			.BlogList:hover .Img .Date {
				background:rgba(255,255,255,1);
				color:#000;
				transition:all 0.3s ease-in-out 0s;
			}
			
				.BlogList .Img .Date .Day {
					display:block;
					font-family: 'Roboto', sans-serif;
					font-size:30px;
					font-weight:700;
					line-height:1;
					margin-top:10px;
				}

				.BlogList .Img .Date .Month {
					display:block;
					font-family: 'Roboto', sans-serif;
					font-size:16px;
					font-weight:600;
				}

			.BlogList .Img .See {
				width:40px;
				height:40px;
				position:absolute;
				bottom:15px;
				right:15px;
				font-family: 'Roboto', sans-serif;
				font-size:13px;
				font-weight:600;
				line-height:1;
				color:#000;
				text-align:center;
				padding:5px 0px 0px 0px;
				z-index:3;
				transition:all 0.3s ease-in-out 0s;
			}

			.BlogList:hover .Img .See {
				color:#fff;
				transition:all 0.3s ease-in-out 0s;
			}

				.BlogList .Img .See span {display:inline-block;}
				
				.BlogList .Img .See span+span {margin-top:5px;font-size:15px;}
				
				.BlogList .Img .See i {}


		.BlogList .Info {width:100%; min-height:180px; position:relative;padding-bottom:30px;}
		
			.BlogList .Info h3 {
				font-family: 'Roboto', sans-serif;
				font-size:18px;
				font-weight:700;
				color:#1D1D1B;
				margin:0px 0px 15px 0px;
				padding:0px 0px 5px 0px;
				border-bottom:1px dashed #ccc;
			}

			.BlogList .Info p {font-size:13px;margin:0px;}
			
			.BlogList .Info .Button {
				width:100%;
				position:absolute;
				bottom:0px;
				right:0px;
				border-top:1px dashed #eaeaea;
				border-radius:0;
				background:#0064A5;
				padding:15px 15px;
				margin:0px 0px -15px 0px;
				font-family: 'Roboto Condensed', sans-serif;
				font-size:14px;
				font-weight:500;
				color:#fff;
				text-align:center;
			}

			.BlogList .Info .Button:hover {background:#00538A;text-decoration:none;}
		
         .Links {width:100%; position:relative;margin-top:15px;display:none;}
	.Links.Hide {display:none;}
	
		.Links a {
        	display:inline-block;
			padding:2px 5px;
			background:#CFCFCF;
			color:#252525;
			font-size:9px;
			margin:0px 5px 5px 0px;
			transition:all 0.2s ease-in-out 0s;
		}

		.Links a:hover {background:#333399;color:#fff;text-decoration:none;transition:all 0.2s ease-in-out 0s;}
         
              


	.MainBlogList {
		width:100%;
		background:#fff;
		padding:0px 0px;
		position:relative;
		box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);
	}

		.MainBlogList .Img {
			width:100%;
			height:180px;
			position:relative;
			overflow:hidden;
		}

		.MainBlogList .Img:before {
			content:"";
			width:100%;
			height:100%;
			background:rgba(0,0,0,0.6);
			position:absolute;
			top:0px;
			left:0px;
			z-index:2;
			opacity:0;
			transition:all 0.3s ease-in-out 0s;
		}

		.MainBlogList:hover .Img:before {opacity:1;transition:all 0.3s ease-in-out 0s;}
		
			.MainBlogList .Img img {min-width:100%;width:100%;max-width:120%;min-height:180px;position:relative;z-index:1;transition:all 0.5s ease-in-out 0s;}

			.MainBlogList:hover .Img img {transform:scale(1.3);transition:all 0.5s ease-in-out 0s;}

			.MainBlogList .Img .Date {
				width:70px;
				background:rgba(0,0,0,0.7);
				color:#fff;
				text-align:center;
				position:absolute;
				top:10px;
				left:10px;
				z-index:3;
				opacity:0;
				transition:all 0.3s ease-in-out 0s;
			}

			.MainBlogList:hover .Img .Date {
				background:rgba(255,255,255,1);
				color:#000;
				opacity:1;
				transition:all 0.3s ease-in-out 0s;
			}
			
				.MainBlogList .Img .Date .Day {
					display:block;
					font-family: 'Roboto Condensed', sans-serif;
					font-size:30px;
					font-weight:700;
					line-height:1;
					margin-top:10px;
				}

				.MainBlogList .Img .Date .Month {
					display:block;
					font-family: 'Roboto Condensed', sans-serif;
					font-size:16px;
					font-weight:600;
				}

			.MainBlogList .Img .See {
				width:40px;
				height:40px;
				position:absolute;
				bottom:15px;
				right:15px;
				font-family: 'Roboto Condensed', sans-serif;
				font-size:13px;
				font-weight:600;
				line-height:1;
				color:#000;
				text-align:center;
				padding:5px 0px 0px 0px;
				z-index:3;
				transition:all 0.3s ease-in-out 0s;
			}

			.MainBlogList:hover .Img .See {
				color:#fff;
				transition:all 0.3s ease-in-out 0s;
			}

				.MainBlogList .Img .See span {display:inline-block;}
				
				.MainBlogList .Img .See span+span {margin-top:5px;font-size:15px;}
				
				.MainBlogList .Img .See i {}


		.MainBlogList .Info {
			width:100%; 
			position:relative;
			padding:15px 15px 0px 15px;
			border-left:1px solid #eee;
			border-right:1px solid #eee;
			border-bottom:1px solid #eee;
		}
		
			.MainBlogList .Info h3 {
				font-family: 'Roboto Condensed', sans-serif;
				font-size:18px;
				font-weight:600;
				color:#1D1D1B;
				margin:0px 0px 10px 0px;
				padding:0px 0px 0px 0px;
			}

			.MainBlogList .Info p {font-size:12px;margin:0px;}
			
			.MainBlogList .Info .Button {
				width:calc(100% + 30px);
				position:relative;
				bottom:0px;
				right:0px;
				border-top:1px dashed #eaeaea;
				border-radius:0;
				background:#0064A5;
				padding:15px 15px;
				margin:0px -15px 0px -15px;
				font-family: 'Roboto Condensed', sans-serif;
				font-size:14px;
				font-weight:700;
				color:#fff;
				text-align:center;
			}

			.MainBlogList .Info .Button:hover {background:#00538A;text-decoration:none;}

				.MainBlogList .Info .Button i {position:relative;font-size:14px; line-height:1;}


	.Bg1 {
		width:100%;
		position:relative;
		padding:50px 0px;
		top:0px;
		left:0px;
		background:url(../images/bg2.jpg) no-repeat 0 0 transparent;
		background-attachment:fixed;
		background-size:100% auto;
		z-index:2;
	}

	.Bg1:before {
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.7);
	}
	
	.Donation {width:100%;position:relative; text-align:center;}

		.Donation .Title {
			font-family: 'Rubik', sans-serif;
			font-size:40px;
			font-weight:700;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color:#fff;
			position:relative;
			text-align:center;
		}

		.Donation .Desc {
			font-family: 'Roboto', sans-serif;
			font-size:17px;
			font-weight:400;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color:#fff;
			position:relative;
			text-align:center;
		}

		.Donation .Btn {
			display:inline-block;
			position:relative;
			font-family: 'Rubik', sans-serif;
			font-size:14px;
			font-weight:500;
			margin:10px 0px 0px 0px;
			padding:5px 10px;
			color:#fff;
			border:2px solid #fff;
			position:relative;
		}

		.Donation .Btn:hover {background:#fff;color:#ed1c24;}

	.Bg4 {
		width:100%;
		position:relative;
		padding:30px 0px;
		top:0px;
		left:0px;
		background:url(../images/bg4.jpg) no-repeat 0 0 transparent;
		background-attachment:fixed;
		background-size:100% auto;
		z-index:2;
	}

	.Bg4:before {
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.7);
	}

	.Newsletter {width:100%;position:relative;}

		.Newsletter .Title {
			font-family: 'Rubik', sans-serif;
			font-size:30px;
			font-weight:700;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color:#fff;
			position:relative;
		}

		.Newsletter .Desc {
			font-family: 'Roboto', sans-serif;
			font-size:15px;
			font-weight:400;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color:#fff;
			position:relative;
		}

		.Newsletter .Btn {
			display:inline-block;
			position:relative;
			font-family: 'Rubik', sans-serif;
			font-size:14px;
			font-weight:500;
			margin:10px 0px 0px 0px;
			padding:5px 10px;
			color:#fff;
			border:2px solid #fff;
			position:relative;
		}

		.Newsletter .Btn:hover {background:#fff;color:#ed1c24;}

	.Bg2 {width: 100%; overflow-x: hidden; position:relative;padding:20px !important;}

	.MImg {max-width:100%;}

	.MTitle {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:33px;
		font-weight:700;
		margin:0px 0px 20px 0px;
		padding:0px 0px 5px 0px;
		color:#0064A5;
		position:relative;
		text-align:center;
	}

	.MTitle:before {
		content:"";
		width:300px;
		height:1px;
		border-bottom:1px dashed #777;
		position:absolute;
		bottom:-2px;
		left:calc(50% - 150px);
		border-radius:5px;
		overflow:hidden;
	}

	.MTitle.T2:before {width:100%;left:0px !important;}

	.MTitle2 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:35px;
		font-weight:400;
		margin:0px 0px 25px 0px;
		padding:0px 0px 5px 0px;
		color:#fff;
		position:relative;
		text-align:center;
	}

	.MTitle2.N {color:#000;}

	.MTitle2:before {
		content:"";
		width:100px;
		height:4px;
		background:#fff;
		position:absolute;
		bottom:-2px;
		left:calc(50% - 50px);
	}

	.MTitle2.N:before {background:#A16222;}

		.MTitle2 span {font-weight:700;}

	.MTitle3 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:45px;
		font-weight:400;
		margin:0px 0px 0px 0px;
		padding:0px 0px 5px 0px;
		color:#fff;
		position:relative;
		text-align:center;
	}

		.MTitle3 span {font-weight:700;}

	.MTitle4 {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:25px;
		font-weight:400;
		margin:0px 0px 20px 0px;
		padding:0px 0px 5px 0px;
		color:#fff;
		position:relative;
		text-align:center;
	}

	.MAbout {
		font-size:14px;
		line-height:1.7;
	}

	.PBList {
		display:inline-block;
		margin:0px;
		padding:0px;
	}

	.PBList:after {content:"";display:table;clear:both;}

		.PBList li {
			list-style:none;
			float:left;
			position:relative;
			margin-right:10px;
		}

			.PBList li button {
				display:inline-block;
				padding:8px 20px;
				border-radius:30px;
				background:#e5e5e5;
				border:1px solid #666;
				color:#333;
				font-family: 'Roboto Condensed', sans-serif;
				cursor:pointer;
				transition:all 0.2s ease-in-out 0s;
			}

			.PBList li button:hover, .PBList li button:focus {
				background:#666;
				color:#fff;
				outline:none;
				transition:all 0.2s ease-in-out 0s;
			}

			.PBList li button i {margin-right:5px;}

	.PList {
		width:100%;
		position:relative;
		margin-top:30px;
		min-height:500px;
	}

	.PList:after {content:"";display:table;clear:both;}

		.PList .PItem {
			width:calc(100% / 4);
			position:relative;
			float:left;
		}


	.MProject {
		width:100%;
		position:relative;
	}

		.MProject .Img {
			width:100%;
			position:relative;
			overflow:hidden;
			z-index:1;
		}
		
			.MProject .Img img {width:100%;position:relative;transition:all 0.4s ease-in-out 0s;}

			.MProject:hover .Img img {transform:scale(1.3);transition:all 0.7s ease-in-out 0s;}

		.MProject .Mask {
			width:calc(100% - 20px);
			height:calc(100% - 20px);
			position:absolute;
			top:10px;
			left:10px;
			background:rgba(0,0,0,0.7);
			z-index:2;
			transform:scale(0);
			opacity:0;
			transition:all 0.5s ease-in-out 0s;
		}

		.MProject .Mask:before {
			content:"";
			width:calc(100% - 20px);
			height:calc(100% - 20px);
			position:absolute;
			top:10px;
			left:10px;
			border:5px solid rgba(255,255,255,0.3);
			transform:scale(0);
			transition:all 0.4s ease-in-out 0s;
		}

		.MProject:hover .Mask:before {transform:scale(1);transition:all 0.5s ease-in-out 0s;}

		.MProject:hover .Mask {
			transform:scale(1);
			opacity:1;
			transition:all 0.3s ease-in-out 0s;
		}

			.MProject .Mask .Mover {
				width:100%;
				position:absolute;
				top:calc(50% - 33px);
				left:0px;
				text-align:center;
				transform:scale(0);
				transition:all 0.3s ease-in-out 0s;
			}

			.MProject:hover .Mask .Mover {transform:scale(1);transition:all 0.4s ease-in-out 0s;}

			.MProject .Mask h3 {
				width:100%;
				position:relative;
				font-family: 'Roboto Condensed', sans-serif;
				font-size:18px;
				font-weight:500;
				text-align:center;
				margin:0px 0px 10px 0px;
				padding:0px;
			}
			
				.MProject .Mask h3 a {color:#fff;}

			.MProject .Mask .Bttn {
				width:35px;
				height:35px;
				display:inline-block;
				margin:0px auto;
				background:#fff;
				border-radius:50%;
				color:#A16222;
				text-align:center;
				font-size:15px;
				transition:all 0.1s ease-in-out 0s;
			}

			.MProject .Mask .Bttn:focus {outline:none;}
			.MProject .Mask .Bttn:hover {background:#A16222;color:#fff;transition:all 0.1s ease-in-out 0s;}

				.MProject .Mask .Bttn i {line-height:35px;}


	.ProjectImg {
		width:100%;
		position:relative;
	}

		.ProjectImg img {width:100%;}

	.ProjectGallery {
		display:block;
		margin:10px -5px 0px -5px;
		padding:0px;
		position:relative;
	}

		.ProjectGallery li {
			width:calc(100% / 4);
			list-style:none;
			margin:0px;
			padding:0px;
			float:left;
		}

			.ProjectGallery li a {
				display:inline-block;
				padding:5px;
			}

				.ProjectGallery li a img {width:100%;height:60px;}

	.MImage {max-width:100%;text-align:center;}

	.References {
		width:100%;
		position:relative;
	}

	.Reference {
		width:100%;
		position:relative;
		border:1px solid #ddd;
		border-radius:5px;
		transition:all 0.2s ease-in-out 0s;
		text-align:center;
	}

	.Reference.List {
		border:none;
		border-radius:5px;
		box-shadow:0px 0px 20px -5px rgba(0,0,0,0.1);
	}

	.Reference:hover {
		box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
		transition:all 0.2s ease-in-out 0s;
	}

	.Reference.List:hover {transform:scale(1.07);}

		.Reference img {
			height:85px;
			max-width:100%;
		}

	.btn3 {
		width:30px;
		height:30px;
		position:absolute;
		top:calc(50% - 15px);
		background:#fff;
		color:#000;
		text-align:center;
		font-size:18px;
		z-index:1;
		border:1px solid #ddd;
		border-radius:50%;
		transition:all 0.2s ease-in-out 0s;
	}

	.btn3:hover {
		background:#A16222;
		color:#fff;
		border-color:transparent;
		transition:all 0.2s ease-in-out 0s;
	}

		.btn3 i {line-height:30px;}

	.btn3.prev3 {left:-30px; }

	.btn3.next3 {right:-30px;}

	.UList {width:100%;position:relative;background:#fff;}

	.UList.List {margin-bottom:30px;}

	.UList:hover {box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);}

	.UList:after {}


		.UList .Resim {width:100%;position:relative;overflow:hidden;}
		
			.UList .Resim .ImgArea {
				width:calc(100% * 2);
				position:relative;
				transition:all 0.2s ease-in-out 0s;
			}

			.UList .Resim .ImgArea:after {content:"";display:table;clear:both;}

			.UList .Resim:hover .ImgArea { margin-left:-100%;transition:all 0.2s ease-in-out 0s; }

				.UList .Resim .ImgArea .img-item {
					width:calc(100% / 2);
					position:relative;
					float:left;z-index:1;
				}
					.UList .Resim .ImgArea .img-item img {width:100%;position:relative;}
				
			.UList .Resim  img {width:100%;position:relative;}

			.UList .Resim .Mask {
				width:100%;
				height:100%;
				position:absolute;
				background:rgba(0,0,0,0.5);
				top:0px;
				left:0px;
				opacity:0;
				z-index:2;
			}

			.UList .Resim:hover .Mask {
				opacity:1;
			}

				.UList .Resim .Mask .Link {
					display:block;
					position: absolute;
				    top: 0px;
				    left: 0px;
				    width: 100%;
				    height: 100%;
				}

				.UList .Resim .Mask .ButtonsGroup {
					margin-top:calc(50% - 10px);
				}

					.UList .Resim .Mask .ButtonsGroup .UBasket {
						background:#fff;
						color:#3D6BB1;
						font-size:17px;
					}

					.UList .Resim .Mask .ButtonsGroup .UBasket:hover {
						background:#3D6BB1;
						color:#fff;
					}

		.UList .ButtonsGroup.MUBasket {display:none; margin-top:15px;opacity:1;}

			.UList .ButtonsGroup.MUBasket .UBasket {
					background:#12923C;
					color:#fff;
					font-size:14px;
				}

				.UList .ButtonsGroup.MUBasket .UBasket:hover {
					background:#3D6BB1;
					color:#fff;
				}

		.UList .Bilgi {
			width:100%;
			position:relative;
			padding:15px 10px;
			margin:0px;
			background:#fff;
			text-align:center;
			z-index:4;
			transition:all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		}

		.UList:hover .Bilgi {
			transition:all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		}

			.UList .Bilgi h3 {
				margin:0px 0px 5px 0px;
				padding:0px;
				font-family: 'Roboto Condensed', sans-serif;
				font-size:19px;
				font-weight:700;
				color:#484848;
				text-align:center;
			}

				.UList .Bilgi h3 a {color:#484848;}
				.UList .Bilgi h3 a:hover {text-decoration:none;}

			.UList .Bilgi p {
				margin:0px 0px 0px 0px;
				padding:0px;
				font-family: 'Open Sans', sans-serif;
				font-size:14px;
				color:#A16222;
				text-align:center;
			}

			.UList .Bilgi .Fiyat {
				margin:0px 0px 0px 0px;
				height:35px;
				position:relative;
				padding:0px;
				font-family: 'Roboto', sans-serif;
				line-height:35px;
				font-size:19px;
				font-weight:700;
			}

			.UList .Bilgi .Fiyat:after {content:"";display:table;clear:both;}

				.UList .Bilgi .Fiyat i {font-size:14px;}

				.UList .Bilgi .Fiyat .K {
					display:inline-block;
					position:relative;
					float:left;
					height:35px;
					line-height:35px;
					font-size:17px;
					padding:0px 10px;
					background:#ed1c24;
					color:#fff;
					margin-right:10px;
					border-radius:3px;
				}

				.UList .Bilgi .Fiyat .F {
					display:inline-block;
					height:35px;
					line-height:35px;
					font-size:22px;
					color:#3D6BB1;
				}

				.UList .Bilgi .Fiyat .F.I {
					line-height:15px;
					position:relative;
					float:left;
					text-align:left;
				}

					.UList .Bilgi .Fiyat .F.I .Ind {
						display:block;
						position:relative;
						line-height:15px;
						font-size:13px;
						color:#D0D0D0;
						text-decoration:line-through;
					}

					.UList .Bilgi .Fiyat .F.I .N {
						display:block;
						position:relative;
						margin-top:5px;
					}

		.UList .UBasket {
			display:block;
			width:100%;
			position:relative;
			background:#12923c;
			color:#fff;
			text-align:center;
			padding:5px 5px;
			border-radius: 5px 5px 5px 5px;

			bottom: 5px;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:15px;
			font-weight:400;
			transition:all 0.2s ease-in-out 0s;
		}

		.UList .UBasket:hover {
			text-decoration:none;
			background:#D5111B;
			color:#fff;
			transition:all 0.2s ease-in-out 0s;
		}

			.UList .UBasket i {margin-right:5px;}

		.UList .BuyNow {
			display:block;
			width:100%;
			position:relative;
			background:#3DC92E;
			color:#fff;
			text-align:center;
			padding:8px 5px;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:12px;
			font-weight:600;
			transition:all 0.2s ease-in-out 0s;
		}

		.UList .BuyNow:hover {
			text-decoration:none;
			background:#31A224;
			color:#fff;
			transition:all 0.2s ease-in-out 0s;
		}

			.UList .BuyNow i {margin-right:5px;}

		.UList .ButtonsGroup {
			opacity:0;
			width:60%;
			position:relative;
			margin:15px auto 5px auto;
			box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);
		}

		.UList:hover .ButtonsGroup {opacity:1;}

		.UList .Buttons {
			width:50%;
			position:relative;
			float:left;
		}

		.UList .DeleteFav {
			display:block;
			width:40px;
			height:40px;
			position:absolute;
			top:10px;
			right:10px;
			background:#ED1C24;
			color:#fff;
			font-size:20px;
			text-align:center;
			border-radius:50%;
			box-shadow:0px 2px 5px 0px rgba(0,0,0,0.4);
			z-index:3;
		}

		.UList .DeleteFav:hover {
			background:#AB0E15;
			transform:scale(1.2);
		}

			.UList .DeleteFav i {line-height:40px;}


		.UList .AddFav {
			display:none;
			width:40px;
			height:40px;
			position:absolute;
			top:10px;
			right:10px;
			background:#ED1C24;
			color:#fff;
			font-size:20px;
			text-align:center;
			border-radius:50%;
			box-shadow:0px 2px 5px 0px rgba(0,0,0,0.4);
			z-index:3;
		}

		.UList:hover .AddFav {display:block;}

		.UList .AddFav:hover {
			background:#AB0E15;
			transform:scale(1.2);
		}

			.UList .AddFav i {line-height:40px;}

	.UrunResim {
		width:100%;
		position:relative;
		z-index:1;
		overflow:hidden;
		overflow:hidden;
		margin-bottom:0px !important;
		border:1px solid #ededed;
		box-shadow:0px 0px 20px -5px rgba(0,0,0,0.1);
	}

	.UrunResim:before {
		content:"";
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.7);
		position:absolute;
		top:0px;
		left:0px;
		z-index:2;
		opacity:0;
		transition:all 0.2s ease-in-out 0s;
	}

	.UrunResim:hover:before {
		opacity:1;
		transition:all 0.4s ease-in-out 0s;
	}

	.UrunResim img {
		width:100%;
		position:relative;
		z-index:1;
		transition:all 0.2s ease-in-out 0s;
	}

	.UrunResim:hover img {
		transform:scale(1.2);
		transition:all 0.6s ease-in-out 0s;
	}

	.UrunResim .Butonn {
		display:inline-block;
		width:40px;
		height:40px;
		position:absolute;
		top:calc(50% - 20px);
		background:transparent;
		color:#fff;
		text-align:center;
		font-size:30px;
		z-index:3;
		text-shadow:0px 0px 5px #000;
		transition:all 0.2s ease-in-out 0s;
	}

	.UrunResim .Butonn:hover {
		text-decoration:none;
		transform:scale(1.2);
		transition:all 0.2s ease-in-out 0s !important;
	}

		.UrunResim .Butonn i {line-height:40px;}

	.UrunResim .Zoom {
		left:-90px;
	}

	.UrunResim:hover .Zoom {
		left:calc(50% - 20px);
		transition:all 0.5s ease-in-out 0s;
	}

	.UrunGaleri {
		display:block;
		margin:15px 0px 0px 0px;
		padding:0px;
		position:relative;
	}

	.UrunGaleri:after {
		content:"";
		display:table;
		clear:both;
	}

		.UrunGaleri li {
			width:calc((100% - 15px) / 4);
			list-style:none;
			margin:0px 5px 0px 0px;
			padding:0px;
			float:left;
			border:1px solid #ededed;
			position:relative;
			overflow:hidden;
		}

		.UrunGaleri li:last-child {margin-right:0px;}

			.UrunGaleri li a {
				display:inline-block;
				padding:5px;
				position:relative;
			}

			.UrunGaleri li a:before {
				content:"";
				width:100%;
				height:100%;
				position:absolute;
				top:0px;
				left:0px;
				background:rgba(154,154,154,0.4);
				opacity:0;
				z-index:2;
				transition:all 0.2s ease-in-out 0s;
			}

			.UrunGaleri li:hover a:before {opacity:1;transition:all 0.2s ease-in-out 0s;}

				.UrunGaleri li a img {width:100%;position:relative;z-index:1;transition:all 0.3s ease-in-out 0s;}

				.UrunGaleri li:hover a img {transform:scale(1.1);transition:all 0.3s ease-in-out 0s;}

	.social_share{
		list-style:none;
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		display:inline-block;
		float:right;
	}

	.social_share:after {content:"";display:table;clear:both;}
	
		.social_share li{
			float:left;
			margin-right:0px;
		}
		
			.social_share li a{
				display:inline-block;
				padding:5px;
				color:#ED1C24;
				transition: all 0.2s ease-in-out 0s;
			}
			
			.social_share li:hover a{
				background:#ED1C24;
				color:#fff;
				text-decoration:none;
			}


	.TabButon {
		display:inline-block;
		position:relative;
		margin:0px auto 20px auto;
		padding:0px;
		background:transparent;
		border:none;
		border-radius:0;
	}

	.TabButon:after {content:"";display:table;clear:both;}

		.TabButon li {
			list-style:none;
			display:inline-block;
			position:relative;
			float:left;
			margin:0px 10px 0px 0px;
			padding:0px;
			border:none;
			border-radius:0;
		}

			.TabButon li a:focus {outline:none;}

			.TabButon li a {
				display:inline-block;
				position:relative;
				padding:10px 20px 10px 50px;
				background:#ed1c24;	
				font-size:13px;
				font-weight:700;
				color:#fff;
				border-radius:50px;
			}

				.TabButon li a .icon  {
					width:30px;
					height:30px;
					position:absolute;
					top:5px;
					left:15px;
					background-size:auto 30px !important;
					transition:all 0.2s ease-in-out 0s;
				}

				.TabButon li a:hover .icon {
					background-position:0px 0px !important;
					transition:all 0.2s ease-in-out 0s;
				}

				.TabButon li a .icon.icon-1 {
					background:url(../images/i2-2.png) no-repeat 0px 0px transparent;
				}

				.TabButon li a .icon.icon-2 {
					background:url(../images/i1-2.png) no-repeat 0px 0px transparent;
				}

				.TabButon li a .icon.icon-3 {
					background:url(../images/i3-2.png) no-repeat 0px 0px transparent;
				}

				.TabButon li a .icon.icon-4 {
					background:url(../images/i4-2.png) no-repeat 0px 0px transparent;
				}
				.TabButon li a .icon.icon-5 {
					background:url(../images/i5-2.png) no-repeat 0px 0px transparent;
				}

			.TabButon li a:hover, .TabButon li.active a {
				text-decoration:none;
				background:#AB0E15;
			}


	.TabDetail {width:100%;position:relative;display:none;}

	.TabDetail.active {display:block;}

	.Bg3 {
		width:100%;
		position:relative;
		background:#333333;
		background-size:100% auto;
		padding:10px 0px;
		margin-top:0px;
	}

	.FooterInfo {
		width:100%;
		position:relative;
		margin-top:0px;
	}

	.FooterInfo:after {content:"";display:table;clear:both;}
	
		.FooterInfo .Info {
			width:calc(100% / 3);
			position:relative;
			padding:10px 10px;
			float:left;
			background:transparent;
			border-top:1px solid #333;
			border-left:1px solid #333;
			border-bottom:1px solid #333;
		}

		.FooterInfo .Info:last-child {border-right:1px solid #333;}

		.FooterInfo .Info:after {content:"";display:table;clear:both;}

			.FooterInfo .Info .Icon {
				width:50px;
				height:50px;
				position:relative;
				float:left;
				margin:0;
				border-radius:50%;
				background:#0064A5;
				font-size:25px;
				color:#fff;
				text-align:center;
			}

				.FooterInfo .Info .Icon i {line-height:50px;}

			.FooterInfo .Info .Text {
				width:calc(100% - 55px);
				position:relative;
				float:right;
			}

				.FooterInfo .Info .Text .Title {
					font-family: 'Roboto Condensed', sans-serif;
					font-size:17px;
					font-weight:600;
					color:#f1f1f1;
					margin:0px 0px 0px 0px;
					padding:0px;
				}

				.FooterInfo .Info .Text .Desc {
					font-size:12px;
					color:#eaeaea;
					margin:0px;
					padding:0px;
				}

	.LoaderItem {
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background:url(../images/wloader.gif) no-repeat center center #fff;
		background-size:61px auto;
		z-index:99;
	}

	.PriceCalc {
		width:100%;
		position:relative;
		background:#3D6BB1;
		border-radius:10px;
		padding:10px;
		text-align:center;
		margin:10px 0px ;
	}

		.PriceCalc .Desc {
			width:100%;
			display:block;
			font-size:13px;
			font-weight:600;
			color:#fff;
			line-height:1;
		}

		.PriceCalc .Price {
			width:100%;
			display:block;
			font-size:25px;
			font-weight:700;
			color:#fff;
			line-height:1;
			margin-top:5px;
		}

	.MainSlider {
		width:100%;
		position:relative;
		overflow:hidden;
	}

.Numarator {
	width:50px;
	height:50px;
	position:relative;
	margin:25px auto 0px auto;
	background:#3D6BB1;
	color:#fff;
	text-align:center;
	font-size:30px;
	font-weight:700;
	line-height:50px;
	border-radius:50%;
}

.DeleteButton2 {
	display:inline-block;
	width:40px;
	height:40px;
	background:#c30707;
	border-radius:50%;
	position:relative;
	font-size:13px;
	color:#fff;
	text-align:center;
	margin-top:32px;
}

.DeleteButton2:hover {background:#FF3333;color:#fff;transform:scale(1.1);}

.DeleteButton2 i {line-height:40px;}

.AddButton {
	display:inline-block;
	padding:10px 20px;
	background:#12923C;
	color:#fff;
	font-size:15px;
	font-weight:700;
	border-radius:50px;
	border:none;
	cursor:pointer;

}

.AddButton.B1 {border-radius: 50px 0px 0px 50px;
}

.AddButton.B2 {border-radius: 0px 50px 50px 0px;background:#3D6BB1;}
.AddButton.B2:hover {background:#32578F;}

.AddButton:hover, .AddButton:active, .AddButton:focus {color:#fff;background:#0C5F26;text-decoration:none;}

.AddButton i {margin-right:5px;}

.FormNumeric {
	width:100%;
	display:block;
	position:relative;
}

.FormNumeric:after {content:"";display:table;clear:both;}

.FormNumeric .Btn {
	display:inline-block;
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	padding:0px 10px;
	height:45px;
	font-size:15px;
	background:#ddd;
	color:#222;
	border-radius:5px 0px 0px 5px;
	z-index:3;
}

.FormNumeric .Btn:hover {background:#ccc;}

.FormNumeric .Btn.B2 {right:0px;left:auto;border-radius:0px 5px 5px 0px;}

.FormNumeric .Btn i {line-height:45px;}

.FormNumeric input {
	width:100%;
	height:45px;
	position:relative;
	padding:0px 40px;
	float:left;
	line-height:45px;
	text-align:center;
	border:1px solid #ddd;
	border-radius:5px;
	font-size:15px;
	z-index:2;
}

.TeklifFiyatBox {
	width:100%;
	position:relative;
	padding:1px 15px;
	line-height:45px;
	background:#3D6BB1;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:700;
	border-radius:10px;
	margin-top:28px;
}

#TekklifListesi {

}




/* Alışveriş Alanları*/
	.ProductPageBg {
		width:100%;
		position:relative;
		box-shadow:0px 1px 3px 0px rgba(0,0,0,0.2);
		margin-bottom:40px;
		background:#fff;
	}

	.ProductPageBg.Detail {padding:20px;margin-top: -10px;}

		.ProductPageBg .MTitle {font-size:25px;}


	.zoomContainer {z-index:99!important;}

	.PriceList {
		width:100%;
		position:relative;
		padding:10px 0px;
	}

		.PriceList .Item {
			width:100%;
			position:relative;
			padding:5px 0px;
			border-bottom:1px solid #ddd;
		}

	.ProductDetailImg {
		width:100%;
		position:relative;
		padding:15px 0px;
		border-right:1px solid #eaeaea;
		text-align:center;
		background:#fff;
		z-index:2;
	}

		.ProductDetailImg img {max-width:100%; height:auto;box-sizing:border-box; padding-left:5px;padding-right:5px;}

	.ProductDetailImg .PImages {width:100%;position:relative;}

		.ProductDetailImg .PImages .PDBtn {
			width:40px;
			height:40px;
			position:absolute;
			top:calc(50% - 20px);
			border-radius:50%;
			background:#fff;
			font-size:20px;
			color:#1d1d1d;
			text-align:center;
			box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
			z-index:5;
		}

		.ProductDetailImg .PImages .PDBtn:hover {color:#ED1C24;transform:scale(1.1);}

		.ProductDetailImg .PImages .PDBtn.next5 {right:15px;}
		.ProductDetailImg .PImages .PDBtn.prev5 {left:15px;}

			.ProductDetailImg .PImages .PDBtn i {line-height:40px;}

		.ProductDetailImg .PDDots {
			display:inline-block;
			position:relative;
			margin:10px 0px 0px 0px;
			padding:0px;
		}

		.ProductDetailImg .PDDots:after {content:"";display:table;clear:both;}
		
			.ProductDetailImg .PDDots li {
				width:55px;
				position:relative;
				margin-right:5px;
				float:left;
				border:1px solid transparent;
				border-radius:5px;
				overflow:hidden;
				cursor:pointer;
			}

			.ProductDetailImg .PDDots li:hover, .ProductDetailImg .PDDots li.Active {
				border-color:#ddd;
				box-shadow:0px 0px 0px 1px #fff,0px 0px 4px 1px rgba(0,0,0,0.3);
			}

				.ProductDetailImg .PDDots li img {width:100%;}

	.ProductContentDetail {
		width:100%;
		position:relative;
		background:#fff;
		padding:15px 25px;
		color:#414141;
	}

		.ProductContentDetail .PTitle {
			width:100%;
			position:relative;
		}

			.ProductContentDetail .PTitle h2 {
				margin:0px;
				padding:0px;
				font-family: 'Roboto', sans-serif;
				font-size:18px;
				font-weight:600;
				color:#414141;
			}

			.ProductContentDetail .PTitle h2 small {
				display:block;
				font-size:13px;
				color:#888;
              }

				.ProductContentDetail .PTitle h2 small a {color:#888;line-height:2;}

		.ProductContentDetail .PPriceDesc {
			display:inline-block;
			padding:8px 0px;
			font-family: 'Roboto', sans-serif;
			font-size:17px;
			margin-bottom:20px;
		}

			.ProductContentDetail .PPriceDesc a {
				display:inline-block;
				color:#ED1C24;
				font-weight:600;
				text-decoration:underline;
				padding:0px 5px;
			}
			.ProductContentDetail .PPriceDesc a:hover {transform:scale(1.05);color:#AB0E15;}

		.ProductContentDetail .PPrice {
			margin:0px 0px 10px 0px;
			position:relative;
			padding:0px;
			font-family: 'Roboto', sans-serif;
			line-height:55px;
			font-size:32px;
			color:#414141;
			font-weight:700;
		}

		.ProductContentDetail .PPrice.HAuto {height:auto;}

		.ProductContentDetail .PPrice:after {content:"";display:table;clear:both;}

			.ProductContentDetail .PPrice i {font-size:14px;}

			.ProductContentDetail .PPrice .Text {display:block;font-size:13px; line-height:1;margin-bottom:10px;}
			.ProductContentDetail .PPrice.HAuto .Text {display:block;font-size:13px; line-height:1;}

			.ProductContentDetail .PPrice .K {
				display:inline-block;
				position:relative;
				float:left;
				height:55px;
				line-height:55px;
				font-size:17px;
				padding:0px 10px;
				background:#ed1c24;
				color:#fff;
				margin-right:10px;
				border-radius:3px;
			}

			.ProductContentDetail .PPrice .F {
				display:inline-block;
				line-height:1;
				font-size:32px;
				color:#414141;
			}

			.ProductContentDetail .PPrice.HAuto .F {height:auto;}


			.ProductContentDetail .PPrice .F.I {
				line-height:40px;
				position:relative;
				float:left;
				text-align:left;
			}

				.ProductContentDetail .PPrice .F.I .Ind {
					display:block;
					position:relative;
					line-height:15px;
					font-size:14px;
					color:#D0D0D0;
					text-decoration:line-through;
				}

				.ProductContentDetail .PPrice .F.I .N {
					display:block;
					position:relative;
					margin-top:5px;
				}
		.ProductContentDetail .Info {
			display:block;
			position:relative;
			margin:10px 0px;
			font-size:12px;
			font-family: 'Roboto', sans-serif;
		}
	

	.ListLeft {
		display:inline-block;
		position:relative;
		padding:0px;
		margin:0px;
	}

	.ListLeft:after {content:"";display:table;clear:both;}

		.ListLeft li {
			list-style:none;
			position:relative;
			float:left;
		}


	.BasketButton {
		display:inline-block;
		position:relative;
		background:#3D6BB1;
		border:2px solid #355E99;
		color:#fff;
		z-index:33;
		font-size:16px;
		text-align:center;
		transition:all 0.2s ease-in-out 0s;
		box-shadow:-2px 2px 4px 0px rgba(0,0,0,0.3);
	}

	.BasketButton:hover {
		background:#355E99;
		text-decoration:none;
		color:#fff;
		transition:all 0.2s ease-in-out 0s;
	}

		.BasketButton .Icon {
			display:inline-block;
			padding-left:10px;
			margin-right:5px;
		}

			.BasketButton .Icon i {
			}

		.BasketButton .Text {
			display:inline-block;
			position:relative;
			font-family: 'Roboto Condensed', sans-serif;
			font-size:16px;
			text-align:center;
			margin:0px 5px 0px 0px;
		}

	.TSepet {
		width:300px;
		display:none;
		position:absolute;
		top:45px;
		right:0px;
		background:#fff;
		border-radius:10px;
		padding:10px;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
		z-index:34;
	}

	.TFiyat {
		width:100%;
		position:relative;
		font-size:17px;
		font-weight:700;
		padding:10px 0px;
	}

	.TBasketButton {
		width:100%;
		display:inline-block;
		padding:8px 10px;
		text-align:center;
		background:#339933;
		color:#fff;
	}

	.TBasketButton:hover {background:#336633;color:#fff;text-decoration:none;}

		.TBasketButton i {margin-right:10px;}

	#Bildirimler {
		width:100%;
		position:fixed;
		top:0px;
		left:0px;
		z-index:999;
	}

	.Bildirim {
		width:100%;
		position:relative;
		display:none;
		background:#fff;
		padding:20px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:16px;
		font-weight:600;
		color:#000;
		text-align:center;
		border-bottom:1px solid #A16222;
	}

	.Bildirim i {color:#669933;margin-right:10px;}

	#Products {
		width:100%;
		max-height:300px;
		position:relative;
		overflow-y:scroll;
	}

	#SSayi {display:inline-block;}

	.SSayi {
		display:inline-block;
		width:100%;
		padding:5px 13px;
		position:relative;
		background:#355E99;
		text-align:center;
		font-size:15px;
		color:#fff;
	}

	.PFiyat {
		margin:0px;
		padding:0px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:30px;
		font-weight:700;
		color:#000;
	}

		.PFiyat i {font-size:20px;margin-left:5px;}

	.PBasketAdd {
		width:100%;
		position:relative;
		padding:15px;
		background:#f1f1f1;
		margin:20px 0px;
	}
	
		.PBasketAdd a {
			width:100%;
			display:block;
			padding:10px 15px;
			text-align:center;
			background:#000;
			color:#fff;
			margin-top:22px;
		}

			.PBasketAdd a i {margin-right:5px;}

	.PCerceve {width:100%;position:relative;border:1px solid #e5e5e5;background:#fff;box-shadow:1px 2px 4px 0px rgba(0,0,0,0.2);padding:10px 15px;border-radius:5px;}

	.QuantityDetail {
		text-align:right;
		font-size:15px;
		font-weight:500;
		color:#333;
	}

	.PriceDesc {
		text-align:right;
		font-size:13px;
		font-weight:500;
		color:#555;
		padding:0px;
		margin:0px 0px 5px 0px;
	}

	.PriceSum {
		text-align:right;
		font-size:35px;
		font-weight:700;
		color:#000;
		line-height:1;
		margin-bottom:20px;
	}

	.BasketControl {
		display:inline-block;
		position:relative;
	}

	.BasketControl:after {content:"";display:table;clear:both;}

		.BasketControl .Btn {
			display:inline-block;
			position:relative;
			float:left;
			padding:0px 10px;
			height:35px;
			font-size:15px;
			background:#ddd;
			color:#222;
			border-radius:10px 0px 0px 10px;
		}

		.BasketControl .Btn:hover {background:#ccc;}

		.BasketControl .Btn.B2 {border-radius:0px 10px 10px 0px;}

			.BasketControl .Btn i {line-height:35px;}

		.BasketControl input {
			width:40px;
			height:35px;
			position:relative;
			float:left;
			line-height:35px;
			text-align:center;
			border:1px solid #ddd;
			font-size:15px;
		}

	.BasketControl2 {
		display:inline-block;
		position:relative;
	}

	.BasketControl2:after {content:"";display:table;clear:both;}

		.BasketControl2 .Btn {
			display:inline-block;
			position:relative;
			float:left;
			padding:0px 10px;
			height:40px;
			font-size:15px;
			background:#ddd;
			color:#222;
			border-radius:5px 0px 0px 5px;
		}

		.BasketControl2 .Btn:hover {background:#ccc;}

		.BasketControl2 .Btn.B2 {border-radius:0px 5px 5px 0px;}

			.BasketControl2 .Btn i {line-height:40px;}

		.BasketControl2 input {
			width:90px;
			height:40px;
			position:relative;
			float:left;
			line-height:40px;
			text-align:center;
			border:1px solid #ddd;
			font-size:15px;
		}

	.SalesSteps {
		width:100%;
		position:relative;
		background:#7E7E7E;
	}

	.SStepsBg {
		width:100%;
		position:relative;
		background:#868686;
	}

	.Steps {width:100%;position:relative;}

	.Steps:after {content:"";display:table;clear:both;}

		.Steps .Step {
			width:calc(100% / 4);
			position:relative;
			float:left;
			padding:15px 5px;
		}

		.Steps .Step:before {
			content:"";
			width:calc(100% - 30px);
			height:3px;
			position:absolute;
			top:36px;
			left:15px;
			background:#ABABAB;
			z-index:1;
		}

		.Steps .Step.First:before {
			width:calc(50% - 15px);
			right:15px;
			left:auto;
		}

		.Steps .Step.Last:before {
			width:calc(50% - 15px);
			left:15px;
		}

		.Steps .Step.Active:before {background:#fff;}

		.Steps .Step:after {
			content:"";
			width:0;
			height:0;
			position:absolute;
			right:10px;
			top:28px;
			border-top:10px solid transparent;
			border-bottom:10px solid transparent;
			border-left:10px solid #ABABAB;
			z-index:1;
		}

		.Steps .Step.Last:after {display:none;}
		.Steps .Step.Active:after {border-left-color:#fff;}

			.Steps .Step .Icon {
				width:45px;
				height:45px;
				position:relative;
				margin:0px auto;
				background:#fff;
				border-radius:50%;
				color:#000;
				font-size:23px;
				text-align:center;
				z-index:2;
			}

				.Steps .Step .Icon i {
					line-height:45px;
				}

			

			.Steps .Step.Passive .Icon {
				width:28px;
				height:28px;
				border:3px solid #ABABAB;
				background:#868686;
				margin-top:8.5px;
				margin-bottom:8.5px;
			}

			.Steps .Step.Active .Icon {
				width:28px;
				height:28px;
				border:3px solid #fff;
				background:#868686;
				margin-top:8.5px;
				margin-bottom:8.5px;
				color:#fff;
				font-size:14px;
			}

				.Steps .Step.Active .Icon i {line-height:22px;}

			.Steps .Step .STitle {
				font-size:12px;
				font-weight:700;
				color:#fff;
				margin-top:10px;
				text-align:center;
			}

			.Steps .Step.Passive .STitle, .Steps .Step.Active .STitle {color:#ABABAB;}

	.SAddressBtn {
		width:100%;
		height:120px;
		background:#fff;
		border:3px solid #ccc;
		border-radius:10px;
		padding:10px 35px 10px 10px;
		text-align:left;
		cursor:pointer;
		overflow:hidden;
		box-shadow:inset 0px -15px 15px -5px rgba(0,0,0,0.12);
	}

	.SAddressBtn:after {display:none;}
	.SAddressBtn:focus {
		outline:none;
		border-radius:10px 10px 0px 0px;
	}

		.SAddressBtn .ATitle {
			padding:0px;
			margin:0px;
			font-size:20px;
			font-weight:700;
			color:#555;
		}

		.SAddressBtn .Address {
			margin:0px;
			padding:0px;
			font-size:15px;
			color:#555;
		}

		.SAddressBtn .AST {
			margin:0px;
			padding:0px;
			font-size:15px;
			font-weight:700;
			color:#555;
		}

		.SAddressBtn .Icon {
			width:40px;
			height:100%;
			position:absolute;
			top:0px;
			right:0px;
			text-align:center;
			border-left:3px solid #ccc;
			font-size:25px;
			color:#555;
		}

			.SAddressBtn .Icon i {line-height:120px;}

	.SAddressDrp {
		width:100%;
		background:#fff;
		border:3px solid #ccc;
		border-radius: 0px 0px 10px 10px;
		padding:10px 0px 0px 0px;
		overflow:hidden;
	}

		.SAddressDrp .SAddress {
			display:block;
			width:100%;
			position:relative;
			padding:10px;
			background:#eee;
			margin-bottom:10px;
		}

		.SAddressDrp .SAddress:hover {text-decoration:none;background:#ddd;}

			.SAddressDrp .SAddress .ATitle {
				padding:0px;
				margin:0px;
				font-size:20px;
				font-weight:700;
				color:#555;
			}

			.SAddressDrp .SAddress .Address {
				margin:0px;
				padding:0px;
				font-size:15px;
				color:#555;
			}

			.SAddressDrp .SAddress .AST {
				margin:0px;
				padding:0px;
				font-size:15px;
				font-weight:700;
				color:#555;
			}

			.SAddressDrp .SAddress .AddressEdit {
				display:none;
				padding:2px 5px;
				background:#999;
				color:#fff;
				font-size:12px;
				font-weight:600;
				border-radius:5px;
				position:absolute;
				top:10px;
				right:10px;
			}

			.SAddressDrp .SAddress:hover .AddressEdit {display:inline-block;}

			.SAddressDrp .SAddress .AddressEdit:hover {
				text-decoration:none;
				transform:scale(1.1);
			}

			.SAddressDrp .SAddress a:hover {text-decoration:none;}

		.SAddressDrp .SAABtn {
			display:block;
			width:100%;
			position:relative;
			padding:10px;
			background:#999;
			text-align:center;
			color:#fff;
			font-size:17px;
			font-weight:700;
		}

		.SAddressDrp .SAABtn:hover {text-decoration:none;background:#888;}


	.SAddressList {
		width:100%;
		background:#fff;
		padding:10px 0px 0px 0px;
		overflow:hidden;
	}

		.SAddressList .SAddress {
			display:block;
			width:100%;
			position:relative;
			padding:10px;
			background:#fafafa;
			border:1px solid #ddd;
			border-radius:5px;
			margin-bottom:10px;
		}

		.SAddressList .SAddress:hover {text-decoration:none;background:#f1f1f1;}

			.SAddressList .SAddress .ATitle {
				padding:0px;
				margin:0px;
				font-size:20px;
				font-weight:700;
				color:#555;
			}

			.SAddressList .SAddress .Address {
				margin:0px;
				padding:0px;
				font-size:15px;
				color:#555;
			}

			.SAddressList .SAddress .AST {
				margin:0px;
				padding:0px;
				font-size:15px;
				font-weight:700;
				color:#555;
			}

			.SAddressList .SAddress .AddressEdit {
				display:none;
				padding:2px 5px;
				background:#999;
				color:#fff;
				font-size:12px;
				font-weight:600;
				border-radius:5px;
				position:absolute;
				top:10px;
				right:10px;
			}

			.SAddressList .SAddress:hover .AddressEdit {display:inline-block;}

			.SAddressList .SAddress .AddressEdit:hover {
				text-decoration:none;
				transform:scale(1.1);
			}

			.SAddressList .SAddress .AddressDelete {
				display:none;
				padding:2px 5px;
				background:#ED1C24;
				color:#fff;
				font-size:12px;
				font-weight:600;
				border-radius:5px;
				position:absolute;
				top:40px;
				right:10px;
			}

			.SAddressList .SAddress:hover .AddressDelete {display:inline-block;}

			.SAddressList .SAddress .AddressDelete:hover {
				text-decoration:none;
				transform:scale(1.1);
			}

			.SAddressList .SAddress a:hover {text-decoration:none;}

		.SAddressList .SAABtn {
			display:block;
			width:100%;
			position:relative;
			padding:10px;
			background:#999;
			text-align:center;
			color:#fff;
			font-size:17px;
			font-weight:700;
		}

		.SAddressList .SAABtn:hover {text-decoration:none;background:#888;}

	.PTitle {
		margin:0px;
		padding:0px 0px 10px 0px;
		font-size:16px;
		font-weight:700;
		color:#000;
	}

	.inputGroup {
	  background-color: #fff;
	  display: block;
	  margin: 10px 0;
	  position: relative;
	}
	.inputGroup label {
	  padding: 12px 80px 12px 20px;
	  width: 100%;
	  display: block;
	  text-align: left;
	  color: #3c454c;
	  cursor: pointer;
	  position: relative;
	  z-index: 2;
	  transition: color 200ms ease-in;
	  overflow: hidden;
	  border:1px solid #ccc;
	}
	.inputGroup label:before {
	  width: 100%;
	  height: 100%;
	  border-radius: 50%;
	  content: "";
	  background-color: #eaeaea;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	          transform: translate(-50%, -50%) scale3d(1, 1, 1);
	  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	  opacity: 0;
	  z-index: -1;
	}
	.inputGroup label:after {
	  width: 32px;
	  height: 32px;
	  content: ""; 
	  border: 2px solid #d1d7dc;
	  background:url(../images/check.png) no-repeat center center #fff;
	  background-size:25px 25px;
	  border-radius: 50%;
	  z-index: 2;
	  position: absolute;
	  right: 20px;
	  top: calc(50% - 16px);
	  cursor: pointer;
	  transition: all 200ms ease-in;
	}
	.inputGroup input:checked ~ label {
	  color: #fff;
	}
	.inputGroup input:checked ~ label:before {
	  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
	          transform: translate(-50%, -50%) scale3d(56, 56, 1);
	  opacity: 1;
	}
	.inputGroup input:checked ~ label:after {
	  background-color: #339933;
	  border-color: #339933;
	}
	.inputGroup input {
	  width: 32px;
	  height: 32px;
	  order: 1;
	  z-index: 2;
	  position: absolute;
	  right: 20px;
	  top: calc(50% - 16px);
	  cursor: pointer;
	  visibility: hidden;
	}

		.inputGroup label img {max-width:100%; height:27px;}

		.inputGroup .Bank {width:100%;position:relative;display:block;}

		.inputGroup .Bank:after {content:"";display:table;clear:both;}

			.inputGroup .Bank .Img {
				display:block;
				width:130px;
				position:relative;
				float:left;
			}

			.inputGroup .Bank .Info {
				display:block;
				width:calc(100% - 150px);
				position:relative;
				float:right;
			}

				.inputGroup .Bank .Info .Title {
					width:100%;
					position:Relative;
					margin:0px;
					padding:0px;
					font-size:17px;
					font-weight:600;
					color:#000;
				}

				.inputGroup .Bank .Info .Desc {
					font-size:13px;
					color:#888;
					margin:0px;
					padding:0px;
				}

				/*Seçenek*/

	.inputGroup2 {
		background-color: #fff;
		display: inline-block;
		margin: 3px 3px 3px 0px;
		position: relative;
	}
	.inputGroup2 label {
		padding: 8px 13px;
		margin:0px;
		width: 100%;
		display: block;
		text-align: left;
		font-size:13px;
		font-weight:900;
		color: #3c454c;
		line-height:1;
		cursor: pointer;
		position: relative;
		z-index: 2;
		transition: color 200ms ease-in;
		overflow: hidden;
		border:3px solid #bbb;
		border-radius:3px;
		background:#fff;
		
	}

		.inputGroup2 label small {font-size:10px;display:block;text-align:center;color: #1C9644;  margin-top:2px;}

	.inputGroup2 input:checked ~ label {
		color: #3D6BB1;
		border-color:#3D6BB1;
	}
	
	
	
	.inputGroup2 input {
		width: 32px;
		height: 32px;
		order: 1;
		z-index: 2;
		position: absolute;
		right: 20px;
		top: calc(50% - 16px);
		cursor: pointer;
		visibility: hidden;
		
			}

	.SecenekBaslik {
		display:block;
		padding:3px 0px;
		margin:0px;
		line-height:1;
		text-decoration: underline; /*Altı çizili harf  */
		font-weight: 800;
		color: #1C9644;

	}

	.DetaySecenekler {
		width:100%;
		position:relative;
		border-top:1px solid #b1b1b1;
		border-bottom:1px solid #b1b1b1;
		padding:8px 0px;
		margin:10px 0px;
		background:#fafafa;
	}


	.CheckboxStyle {width:100%;position:relative;}

		.CheckboxStyle label {
			width:100%;
			position:relative;
			font-size:14px;
			font-weight:600;
			color:#333;
			padding:0px 0px 0px 40px;
			cursor:pointer;
			
		}

		.CheckboxStyle label:before {
			content:"";
			width:30px;
			height:30px;
			position:absolute;
			top:calc(50% - 15px);
			left:0px;
			border-radius:5px;
			border:3px solid #ccc;
		}
		
		.CheckboxStyle label:after {
			content:"";
			width:32px;
			height:32px;
			position:absolute;
			top:calc(50% - 16px);
			left:3px;
			background:url(../images/check.png) no-repeat center center transparent;
			opacity:0;
			
		}

		.CheckboxStyle input {
			order:1;
			position:absolute;
			top:0px;
			left:0px;
			visibility:hidden;
			
		}

		.CheckboxStyle input:checked ~ label {
		    
		    
		}

		.CheckboxStyle input:checked ~ label:before {
		
		}

		.CheckboxStyle input:checked ~ label:after {
			opacity:1;
			
		}

	.AdressBGrp {width:100%;position:relative;}
	
	.SLightbox {
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.7);
		z-index:99;
		overflow-y:auto;
	}

		.SLightbox .Content {
			width:500px;
			position:relative;
			padding:15px;
			margin:20px auto;
			background:#fff;
			border-radius:0;
		}
	
	.PayType {
		width:100%;
		position:relative;
		border-radius:10px;
		border:2px solid #ccc;
		margin-bottom:15px;
	}

		.PayType .B {
			display:block;
			width:100%;
			position:relative;
			padding:10px 20px;
			font-size:18px;
			font-weight:600;
			color:#888;
			border-radius:10px;

		}

		.PayType .B:hover {
			text-decoration:none;
			background:#eaeaea;
			color:#666;
		}

		.PayType .B:focus {border-radius:10px 10px 0px 0px;}

			.PayType .B i {
				font-size:25px;
				margin-right:10px;
			}

	.PayDetail {
		width:100%;
		display:none;
		position:relative;
		padding:15px;
		border-top:2px solid #ccc;
	}

	.BankInfo {width:100%;position:relative;margin-top:50px;}

		.BankInfo .Title {
			font-size:18px;
			font-weight:600;
			color:#000;
		}

		.BankInfo .List {padding-left:20px;}

			.BankInfo .List li {
				font-size:13px;
				color:#333;
			}

	.BasketInfo {
		width:100%;
		position:relative;
		padding:10px 15px;
		background:#f5f5f5;
		border-radius:10px;
	}

		.BasketInfo .InfoList {width:100%;}

		.BasketInfo .InfoList tr {}

		.BasketInfo .InfoList tr:nth-child(odd) {display:inline-block;padding-top:5px;}

		.BasketInfo .InfoList tr:nth-child(even) {
			border-bottom:1px dotted #888;
		}

			.BasketInfo .InfoList tr td {
				font-size:13px;
				padding:5px 0px;
			}

		.BasketInfo .InfoList .Title {font-size:13px;font-weight:700;}

		.BasketInfo .InfoList .Title td {padding-bottom:0px;}

	.Contract {width:100%;position:relative;margin-bottom:20px;}

		.Contract .Title {
			font-size:17px;
			font-weight:700;
			color:#000;
		}

		.Contract .Detail {
			width:100%;
			height:150px;
			padding:10px;
			background:#f5f5f5;
			overflow-y:scroll;
			font-size:13px;
		}

			.Contract .Detail p {font-size:13px;}
			.Contract .Detail td {font-size:13px;}
			.Contract .Detail strong {font-weight:400;}
	
	.CargoFree {
		display:inline-block;
		padding:10px 10px 10px 10px;
		position:relative;
		background:#f1f1f1;
		font-family: 'Roboto', sans-serif;
		font-size:20px;
		font-weight:600;
		line-height:1;
		color:#515151;
		border-radius:5px;
		border:1px solid #ddd;
	}

	.CargoFree:after {content:"";display:table;clear:both;}

		.CargoFree .Icon {
			width:60px;
			height:40px;
			position:relative;
			text-align:center;
			float:left;
			color:#ED1C24;
			font-size:30px;
		}

			.CargoFree .Icon i {
				line-height:40px;
			}

		.CargoFree .Text {
			position:relative;
			float:left;
			margin-left:5px;
			line-height:20px;
		}

	.FavoriteButton {
		display:block;
		padding:5px 0px;
		font-family: 'Roboto', sans-serif;
		font-size:15px;
		font-weight:600;
		color:#666;
	}

	.FavoriteButton:hover {color:#ED1C24;text-decoration:none;}

		.FavoriteButton i {margin-right:5px;}

	.OrderInfo {
		display:inline-block;
		padding:10px 30px;
		position:relative;
		text-align:center;
	}

		.OrderInfo .Text {
			font-family: 'Roboto', sans-serif;
			font-size:16px;
			font-weight:500;
			color:#777;
		}

		.OrderInfo .OrderNo {
			font-family: 'Roboto', sans-serif;
			font-size:25px;
			font-weight:600;
			color:#1d1d1d;
		}

	.ToggleStyle {
		width:100%;
		position:relative;
		margin-bottom:25px;
	}

	.ToggleStyle.Active {
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	}

		.ToggleStyle .Title {
			width:100%;
			position:relative;
			cursor:pointer;
			padding:10px 15px;
			border:1px solid #ddd;
			border-radius:5px;
		}

		.ToggleStyle.Active .Title {border-color:transparent;}

		.ToggleStyle .Title.OrderTitle {font-family: 'Roboto', sans-serif;}
		

		.ToggleStyle .Title.OrderTitle:after {content:"";display:table;clear:both;}

			.ToggleStyle .Title.OrderTitle div {
				position:relative;
				float:left;
			}

			.ToggleStyle .Title.OrderTitle .Piece {
				width:45px;
				height:45px;
				background:#ED1C24;
				color:#fff;
				text-align:center;
				font-size:17px;
				font-weight:700;
				line-height:45px;
				border-radius:50%;
			}

			.ToggleStyle .Title.OrderTitle .Order {
				width:240px;
				font-size:13px;
				color:#888;
				line-height:22px;
				padding:0px 10px 0px 20px;
			}

				.ToggleStyle .Title.OrderTitle .Order strong {color:#1d1d1d;}

			.ToggleStyle .Title.OrderTitle .State {
				width:330px;
				font-size:15px;
				font-weight:700;
				line-height:45px;
				color:#1d1d1d;
			}

				.ToggleStyle .Title.OrderTitle .State i {line-height:45px;margin-right:10px;color:#5BD463;}

			.ToggleStyle .Title.OrderTitle .Price {
				width:120px;
				font-size:13px;
				color:#888;
				text-align:right;
				padding-right:10px;
			}

				.ToggleStyle .Title.OrderTitle .Price strong {color:#5BD463;}

			.ToggleStyle .Title.OrderTitle .Icon {
				width:35px;
				height:35px;
				background:#eaeaea;
				font-size:20px;
				color:#414141;
				text-align:center;
				top:2px;
				margin-left:5px;
				border-radius:50%;
			}

			.ToggleStyle.Active .Title.OrderTitle .Icon {
				transform:rotate(180deg);
			}

				.ToggleStyle .Title.OrderTitle .Icon i {line-height:38px;}

		.ToggleStyle .Detail {
			display:none;
			width:100%;
			position:relative;
			padding:10px;
		}

		.ToggleStyle.Active .Detail {
			display:block;
		}

			.ToggleStyle.Active .Detail .DetailTitle {
				font-size:16px;
				font-weight:700;
				color:#1d1d1d;
			}

			.ToggleStyle.Active .Detail .TotalPrice {
				display:inline-block;
				padding:10px 10px;
				font-size:18px;
				color:#888;
				margin-top:30px;
				border:1px solid #ddd;
				border-radius:5px;
			}

				.ToggleStyle.Active .Detail .TotalPrice strong {color:#5BD463;}

			.ToggleStyle .Detail .ProductInfo {
				width:100%;
				position:relative;
				border:1px solid #ddd;
				border-radius:5px;
				margin-bottom:30px;
			}

				.ToggleStyle .Detail .ProductInfo .Products {
					width:100%;
					height:200px;
					overflow-y:auto;
					position:relative;
					padding:20px;
				}

					.ToggleStyle .Detail .ProductInfo .Products .Product {
						width:100%;
						position:relative;
						margin-bottom:10px;
					}

					.ToggleStyle .Detail .ProductInfo .Products .Product:after {content:"";display:table;clear:both;}

						.ToggleStyle .Detail .ProductInfo .Products .Product .PImg {
							width:70px;
							position:relative;
							float:left;
							border:1px solid #ddd;
						}

							.ToggleStyle .Detail .ProductInfo .Products .Product .PImg img {width:100%;}

						.ToggleStyle .Detail .ProductInfo .Products .Product .PInfo {
							width:calc(100% - 70px);
							position:relative;
							padding:0px 0px 0px 15px;
							float:left;
							font-size:12px;
						}

							.ToggleStyle .Detail .ProductInfo .Products .Product .PInfo strong {color:#5BD463;font-size:14px;}

				.ToggleStyle .Detail .ProductInfo .Info {
					width:100%;
					height:200px;
					position:relative;
					padding:20px;
					background:#fafafa;
				}

					.ToggleStyle .Detail .ProductInfo .Info .ITitle {
						width:100%;
						position:relative;
						padding-bottom:10px;
						margin-bottom:10px;
						border-bottom:1px solid #ddd;
					}

					.ToggleStyle .Detail .ProductInfo .Info .ITitle:after {content:"";display:table;clear:both;}

						.ToggleStyle .Detail .ProductInfo .Info .ITitle .Icon {
							width:50px;
							height:50px;
							position:relative;
							border-radius:50%;
							background:#5BD463;
							color:#fff;
							text-align:center;
							font-size:20px;
							float:left;
						}

							.ToggleStyle .Detail .ProductInfo .Info .ITitle .Icon i {line-height:50px;}

						.ToggleStyle .Detail .ProductInfo .Info .ITitle .Text {
							width:calc(100% - 50px);
							position:relative;
							float:left;
							font-size:14px;
							color:#1d1d1d;
							padding:0px 10px 0px 10px;
							line-height:25px;
						}

							.ToggleStyle .Detail .ProductInfo .Info .ITitle .Text strong {}

							.ToggleStyle .Detail .ProductInfo .Info .ITitle .Text small {
								color:#5BD463;
							}

								.ToggleStyle .Detail .ProductInfo .Info .ITitle .Text small strong {}
					
					.ToggleStyle .Detail .ProductInfo .Info .OrderBtn {
						display:block;
						width:100%;
						margin:0px;
						padding:0px;
						position:relative;
					}

					.ToggleStyle .Detail .ProductInfo .Info .OrderBtn:after {content:"";display:table;clear:both;}

						.ToggleStyle .Detail .ProductInfo .Info .OrderBtn li {
							list-style:none;
							width:50%;
							position:relative;
							float:left;
						}
						
							.ToggleStyle .Detail .ProductInfo .Info .OrderBtn li a {
								display:block;
								padding:10px 10px;
								font-size:16px;
								color:#2d2d2d;
								border-radius:5px;
							}

							.ToggleStyle .Detail .ProductInfo .Info .OrderBtn li a:hover {
								background:#eaeaea;
								text-decoration:none;
							}

								.ToggleStyle .Detail .ProductInfo .Info .OrderBtn li a i {margin-right:5px;}

	.ProductsMiniList {
		width:100%;
		position:relative;
		padding:20px;
	}

		.ProductsMiniList .Product {
			width:100%;
			position:relative;
			margin-bottom:10px;
		}

		.ProductsMiniList .Product:after {content:"";display:table;clear:both;}

			.ProductsMiniList .Product .PImg {
				width:70px;
				position:relative;
				float:left;
				border:1px solid #ddd;
			}

				.ProductsMiniList .Product .PImg img {width:100%;}

			.ProductsMiniList .Product .PInfo {
				width:calc(100% - 70px);
				position:relative;
				padding:0px 0px 0px 15px;
				float:left;
				font-size:12px;
			}

				.ProductsMiniList .Product .PInfo strong {color:#5BD463;font-size:14px;}

	.clear {}

		.clear:after {content:"";display:table;clear:both;}

	.clear2 {display:table;clear:both;}

		.clear2:after {content:"";display:table;clear:both;}	
	
	.Sozlesme {
		width:700px;
		height:500px;
		overflow-y:auto;
		display:none;
	}

	.AccountLink {
		width:100%;
		position:relative;
		border:1px solid #ddd;
		border-radius:5px;
		margin-bottom:20px;
	}

	.AccountLink:hover {background:#ED1C24;border-color:#AB0E15;}

		.AccountLink a {
			display:block;
			position:relative;
			padding:10px;
		}

		.AccountLink a:hover {text-decoration:none;}

		.AccountLink .Icon {
			width:70px;
			height:70px;
			position:relative;
			margin:0px auto;
			font-size:25px;
			text-align:center;
			background:#ED1C24;
			color:#fff;
			border-radius:50%;
		}

		.AccountLink:hover .Icon {background:#fff;color:#ED1C24;}

			.AccountLink .Icon i {line-height:70px;}

		.AccountLink .Title {
			font-family: 'Roboto', sans-serif;
			font-size:18px;
			font-weight:600;
			color:#414141;
			text-align:center;
			margin-top:10px;
		}

		.AccountLink:hover .Title {color:#fff;}
	
	.ProductCategory {
		width:100%;
		position:relative;
	}

		.ProductCategory .Img {
			width:100%;
			position:relative;
			border:2px solid #ccc;
			z-index:2;
			box-shadow:-1px 1px 4px 0px rgba(0,0,0,0.1);
			transition:all 0.2s ease-in-out 0s;
		}

		.ProductCategory .Img:hover {
			transition:all 0.2s ease-in-out 0s;
			box-shadow:0px 0px 7px 0px rgba(0,0,0,0.4);
		}
		
			.ProductCategory .Img img {width:100%;position:relative;z-index:2;}


		.ProductCategory .Info {
			width:calc(100% - 120px);
			padding:20px 0px 10px 0px;
			background:rgba(237,28,36,0.7);
			position:relative;
			top:20px;
			left:60px;
			margin-top:-80px;
			z-index:1;
			text-align:center;
		}

			.ProductCategory .Info .Title {
				font-family: 'Roboto Condensed', sans-serif;
				font-size:27px;
				font-weight:700;
				color:#fff;
				padding:0px;
				margin:0px 0px 5px 0px;
			}

			.ProductCategory .Info .Desc {
				display:inline-block;
				background:#fff;
				font-size:13px;
				font-weight:600;
				margin:0px;
				padding:0px 7px;
				color:#ed1c24;
				border-radius:5px;
			}

	.ProductList {
		width:100%;
		position:relative;
		overflow:hidden;
	}

		.ProductList .LItem {display:none;}

		.ProductList .ListArea {
			position:relative;
			z-index:1;
		}

		.ProductList .ListArea:after {content:"";display:table;clear:both;}

			.ProductList .ListArea .AreaItem {
				position:relative;
				float:left;
			}

			.ProductList .Item img {width:100%;}

		.ProductList .Dots {
			width:100%;
			height:100%;
			position:absolute;
			padding:0px;
			margin:0px;
			top:0px;
			left:0px;
			display:block;
			z-index:2;
		}

			.ProductList .Dots li {
				list-style:none;
				height:100%;
				position:relative;
				float:left;
			}

	.PLDots {}

	.PLDots {
		width:100%;
		height:100%;
		position:absolute;
		padding:0px;
		margin:0px;
		top:0px;
		left:0px;
		display:block;
		z-index:2;
	}

		.PLDots li {
			list-style:none;
			height:100%;
			position:relative;
			float:left;
		}

	.ProductList {}

		.ProductList .owl-item .owl-item {width:100%;}

	.DetailProductImg {}

		.DetailProductImg .owl-item .owl-item {width:100%;}

	.ProductsCarousel {
		width:100%;
		position:relative;
		padding:0px 30px;
	}

	.MNews {
		width:100%;
		position:relative;
		padding:0px 30px;
	}

	.OwlBtnHover {
		width:100%;
		position:relative;
	}

		.OwlBtnHover .OwlBtn {display:none;z-index:4;}
		.OwlBtnHover .OwlBtn.N {right:20px;}
		.OwlBtnHover .OwlBtn.P {left:20px;}

		.OwlBtnHover:hover .OwlBtn {display:block;}

	.OwlBtn {
		width:30px;
		height:30px;
		border-radius:50%;
		background:#eaeaea;
		position:absolute;
		top:calc(50% - 15px);
		font-size:16px;
		color:#1d1d1d;
		text-align:center;
	}

		.OwlBtn i {line-height:30px;}

	.OwlBtn.N {right:0px;}
	.OwlBtn.P {left:0px;}

	.MainCampaign {
		width:100%;
		position:relative;
		background:#f1f1f1;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
	}

		.MainCampaign .LeftTitle h3 {color:#414141;text-align:center;}


	.MainProduct {
		width:100%;
		position:relative;
		background:#0064A5;
		padding:20px;
	}
	
	.MainProduct.Koyu {background:#9B2C24;}

		.MainProduct h3 {
			font-family: 'Roboto Condensed', sans-serif;
			font-weight:700;
			padding:0px;
			margin:0px 0px 5px 0px;
			color:#fff;
			font-size:45px;
		}

		.MainProduct p {color:#fafafa;}

		.MainProduct .Link {
			display:inline-block;
			padding:7px 15px;
			background:#fff;
			color:#222;
			position:relative;
			border-radius:50px;
		}

		.MainProduct .Link:hover {background:#e5e5e5;text-decoration:none;color:#000;}

		.MainProduct img {max-width:100%;}


	.LoaderBg {
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.6);
		z-index:99;
	}

	.Loader2 {
		display:block;
		width:130px;
		height:130px;
		position:absolute;
		top:calc(50% - 65px);
		left:calc(50% - 65px);
		border:2px solid #ddd;
		border-radius:20px;
		text-align:center;
		font-size:60px;
		background:#fff;
		color:#1d1d1d;
		box-shadow:0px 0px 0px 1px #fff, 0px 0px 20px 5px rgba(0,0,0,0.3);
		z-index:4;
	}

		.Loader2 i {line-height:130px;}

	.BasketPriceDetail {
		width:calc(100% + 30px);
		position:relative;
		padding:15px 20px;
		margin-left:-15px;
		margin-right:-15px;
		background:#eee;
		color:#414141;
		text-align:right;
	}

		.BasketPriceDetail .T {
			display:block;
			font-size:13px;
		}

		.BasketPriceDetail .P {
			display:block;
			font-size:20px;
			font-weight:700;
		}

	.TeslimatFaturaBilgi {
		width:100%;
		position:relative;
		display:none;
	}

	#FaturaBireysel {
		width:100%;
		position:relative;
		display:none;
	}

	#FaturaKurumsal {
		width:100%;
		position:relative;
		display:none;
	}

	.SepetAlan {}

		.MobilMenu {
		display:none;
		width:100%;
		position:fixed;
		bottom:0px;
		left:0px;
		border-top:1px solid #ddd;
		box-shadow:-2px 0px 5px 0px rgba(0,0,0,0.3);
		background:#fff;
		z-index:7;
		padding-bottom:10px;
    	}

	.MobilMenu:after {content:"";display:table;clear:Both;}

		.MobilMenu .MenuItem {
			width:calc(100% / 5);
			position:relative;
			float:left;
			text-align:center;
		}

			.MobilMenu .MenuItem .Icon {
				width:100%;
				position:relative;
				display:block;
				font-size:20px;
				color:#414141;
				padding:10px;
			}
			
				.MobilMenu .MenuItem .Icon i {}

			.MobilMenu .MenuItem .Text {
				width:100%;
				position:relative;
				display:block;
				font-size:13px;
				font-weight:600;
				color:#414141;
				padding:10px
				line-height:1px;
			}

		.MobilMenu .MenuItem.MBasketButton {
			margin-top:-25px;
		}

			.MobilMenu .MenuItem.MBasketButton .Icon {
				width:60px;
				height:60px;
				background:#3D6BB1;
				color:#fff;
				padding:0;
				border-radius:50%;
				margin:0px auto 5px auto;
				border:5px solid #fff;
				box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
			}

			.MobilMenu .MenuItem.MBasketButton:hover .Icon {
				transform:scale(1.1);
			}
			
				.MobilMenu .MenuItem.MBasketButton .Icon i {
					margin-top:10px;
					font-size:14px;
				}

				.MobilMenu .MenuItem.MBasketButton .Icon #SSayi {
					display:block;
				}

					.MobilMenu .MenuItem.MBasketButton .Icon .SSayi {
						display:block;
						background:transparent;
					}

		.MobilMenu .MenuItem.MShoppingButton {
			margin-top:-25px;
		}

			.MobilMenu .MenuItem.MShoppingButton .Icon {
				width:60px;
				height:60px;
				background:#339933;
				color:#fff;
				padding:0;
				border-radius:50%;
				margin:0px auto 5px auto;
				border:5px solid #fff;
				box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
			}

			.MobilMenu .MenuItem.MShoppingButton:hover .Icon {
				transform:scale(1.1);
			}
			
				.MobilMenu .MenuItem.MShoppingButton .Icon i {
					line-height:50px;
					font-size:25px;
				}

			.MobilMenu .MenuItem.MShoppingButton .Text {
				font-weight:700;
				text-align:center;
				color:#339933;
			}

	.MObilOzet {
		display:none;
		width:100%;
		position:fixed;
		bottom:0px;
		left:0px;
		z-index:5;
		background:#3D6BB1;
	}

	.MObilOzet:after {content:"";display:table;clear:both;}

		.MObilOzet .column {
			width:50%;
			position:relative;
			float:left;
			padding:10px 40px 10px 10px;
		}

		.MObilOzet .column + .column {padding:10px 10px 10px 40px;background:#5582C4;}

		.MObilOzet .BasketPriceDetail {width:100%;padding:0px;margin:0px;background:transparent;}

			.MObilOzet .BasketPriceDetail .T {
				font-size:10px;
				color:#fff;
			}

			.MObilOzet .BasketPriceDetail .P {
				font-size:12px;
				color:#fff;
			}

		.MObilOzet .QuantityDetail {
			font-size:12px;
			text-align:left;
			margin:0px 0px 5px 0px;
			color:#fff;
		}

		.MObilOzet .PriceDesc {
			font-size:11px;
			text-align:left;
			color:#fff;
		}

		.MObilOzet .PriceSum {
			font-size:18px;
			text-align:left;
			margin-bottom:0px;
			color:#fff;
		}

		.MObilOzet .CheckboxStyle {width:100%;position:relative;}

			.MObilOzet .CheckboxStyle label {
				width:100%;
				position:relative;
				font-size:10px;
				font-weight:600;
				color:#fff;
				padding:0px 0px 0px 40px;
				cursor:pointer;
				margin-bottom:2px;
			}

				.MObilOzet .CheckboxStyle label a {color:#fff;text-decoration:underline;}

			.MObilOzet .CheckboxStyle label:before {
				content:"";
				width:20px;
				height:20px;
				position:absolute;
				top:calc(50% - 10px);
				left:0px;
				border-radius:5px;
				border:2px solid #ccc;
			}
			
			.MObilOzet .CheckboxStyle label:after {
				content:"";
				width:22px;
				height:22px;
				position:absolute;
				top:calc(50% - 11px);
				left:2px;
				background:url(../images/check.png) no-repeat center center transparent;
				background-size:20px auto;
				opacity:0;
			}

			.MObilOzet .CheckboxStyle input {
				order:1;
				position:absolute;
				top:0px;
				left:0px;
				visibility:hidden;
			}

			.MObilOzet .CheckboxStyle input:checked ~ label {}

			.MObilOzet .CheckboxStyle input:checked ~ label:before {
				border-color:#336633;
				background:#339933;
			}

			.MObilOzet .CheckboxStyle input:checked ~ label:after {
				opacity:1;
			}

		.MObilOzet .ODesc {
			font-size:7px;
			color:#fff;
			margin:5px 0px 0px 0px;
		}

		.MObilOzet form {margin:0px;}

		.MObilOzet .MShoppingButton {
			width:60px;
			position:absolute;
			top:-25px;
			left:calc(50% - 30px);
			z-index:8;
			display:block;
		}

			.MObilOzet .MShoppingButton .Icon {
				width:60px;
				height:60px;
				display:block;
				position:relative;
				background:#339933;
				color:#fff;
				padding:0;
				border-radius:50%;
				margin:0px auto 5px auto;
				border:5px solid #fff;
				text-align:center;
				box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
			}

			.MObilOzet .MShoppingButton:hover .Icon {
				transform:scale(1.1);
			}
			
				.MObilOzet .MShoppingButton .Icon i {
					line-height:50px;
					font-size:25px;
				}

			.MObilOzet .MShoppingButton .Text {
				font-weight:700;
				text-align:center;
				color:#fff;
			}

	.BlackBg {
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.6);
		z-index:10;
		overflow:hidden;
	}


	.TSepetBg {
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.6);
		z-index:5;
		overflow:hidden;
	}

		.TSepetBg #FHesapHBtn {
			width:100%;
			height:100%;
			position:absolute;
			top:0px;
			left:0px;
			z-index:2;
		}

		.TSepetBg .ShowContainer {
			z-index:3;
		}

	.FHesapBg {
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.6);
		z-index:5;
		overflow:hidden;
	}

		.FHesapBg #TSepetHBtn {
			width:100%;
			height:100%;
			position:absolute;
			top:0px;
			left:0px;
			z-index:2;
		}

		.FHesapBg .TSepet {
			z-index:3;
		}

	.MenuButton {
		width:40px;
		height:40px;
		display:block;
		background:rgba(61,107,177,1);
		color:#fff;
		text-align:center;
		font-size:20px;
		position:relative;
		top:0px;
		left:0px;
		margin-top:-12px;
		margin-bottom:-12px;
		margin-left:-10px;
		margin-right:-10px;
	}

	.MenuButton:focus, .MenuButton:hover {background:#3D6BB1;color:#fff;text-decoration:none;}

		.MenuButton i {line-height:40px;margin-right:0px !important;}

	.SearcShowButton {
		display:none !important;
		width:43px;
		height:43px;
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		background:#12923C;
		color:#fff;
		text-align:center;
	}

	.SearcShowButton:focus, .SearcShowButton:hover {color:#fff;text-decoration:none;}

		.SearcShowButton i {line-height:43px;margin:0px!important;}

	.FH {width:100%;position:relative;}

	.row-manual {
		width:calc(100% + 30px);
		position:relative;
		margin-left:-15px;
		margin-right:-15px;
		display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}

		.row-manual .column-2 {
			width:50%;
			position:relative;
			float:left;
			padding:0px 10px;
		}

		.row-manual .column-3 {
			width:calc(100% / 3);
			position:relative;
			float:left;
			padding:0px 10px;
		}

	.ShowContainer {
		width:80%;
		height:460px;
		position:absolute;
		bottom:-470px;
		left:10%;
		background:#fff;
		border-radius:10px;
		padding:15px;
		text-align:center;
	}

	.MMSignOut {width:100%;display:block;position:relative;text-align:center;color:#3D6BB1;font-weight:700;}

		.MMSignOut i {margin-right:5px;}

	.PDetail-Pr-0 {padding-top:20px !important;}

	.PDetail-Pl-0 {padding-bottom:20px !important;}

	.ListBtn {
		display:inline-block;
		background:#595959;
		color:#fff;
		border-radius:5px;
		padding:0px 10px;
	}
	
	.ListBtn:hover {
		color:#fff;
		text-decoration:none;
	}

		.ListBtn i {margin-right:0px !important;}

	@media (max-width: 800px) {

		.TopBg {
			background:#3D6BB1;
			color:#fff;
		}

		.TopList li {color:#fff;}
		
			.TopList li a {color:#fff;}

			.TopList li a:hover {color:#fff;}

		.FH {display:none;}

		.SearcShowButton {display:block !important;}

		.SepetAlan {display:none;}

		.TopList li.H {display:block;}

		.THLi {display:none;}


		.SearchLi {width:100%;}

		.SearchBox {
			width:100%;
			margin-top:5px;
			margin-bottom:5px;
			display:none;
			padding:5px 15px;
		}

			.SearchBox .SearchButton {right:17px;}

		.BasketButton {
			width:100%;
			height:auto;
			display:block;
			position:relative;
			margin-top:5px;
		}

			.BasketButton .Icon {margin:0px; line-height:50px;}

				.BasketButton .Icon i {line-height: auto;}

			.BasketButton .Text {
				display:inline-block;
				margin:0px;
				padding:0px;
				top:-7px;
			}

		.SSayi {
			width:auto;
			display:inline-block;
			line-height:30px;
			margin:0px;
			padding:0px 10px;
			top:-6px;
		}

		.TSepetBg {
			
		}

		.TSepet {
			width: calc(100% - 40px);
			bottom:-400px;
			top:auto;
			right:20px;
			display:block;
			transition:0.3s ease-in-out 0s;
		}

		.TSepet.BottomSpace {
			bottom:100px;
			transition:0.3s ease-in-out 0s;
		}

		.Logo {text-align:center; margin-top: -20px;}
		
			.Logo img {max-width:75%;}
            
            .SliderBg {top:-40px;}
            .MainCampaign{background:#f1f1f1;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);}
            
            
            .SlideImg {overflow:hidden; width:0; height:0; visibility: hidden;}
            .MNews {padding: 20px 20px; top:-20px;}
            .Bg2 {margin-top: -20px}
            .p-2 {margin-bottom: -10px;}
            .LeftTitle h3 {overflow:hidden; width:0; height:0;  visibility: hidden; margin-bottom:-20px;}
            .ProductDetailImg  {padding:20px !important; width:100%; text-align: center; box-sizing: border-box;}
            .MenuBg {width:80%; height:100%; position:fixed; top:0px; left:-100%; z-index:11; overflow-y:auto;border:none;}
            .MenuBg .MenuHideButton {display:block;}

      
      
		.navbar-toggler {
			width:calc(100% + 30px);
			position:relative;
			display:block;
			padding:10px 10px;
			margin-left:-15px;
			margin-right:-15px;
			text-align:center;
			color:#fff;
			border-radius:0px;
			background:#12923C;
		}

		.navbar-toggler:focus {
			outline:none;
			background:#32578F;
		}

		.NewNav {
			margin-top:0px;
			margin-left:-15px;
			margin-right:-15px;
			width:calc(100% + 30px);
		}

		.NewNav .navbar-nav {
			padding:0px 0px;
			background: transparent;
			margin: 10px 0px;
		}

			.NewNav .navbar-nav .nav-item {margin-bottom:0px;margin-right:0px;}

				.NewNav .navbar-nav .nav-item .nav-link {
					padding-top:10px;
					padding-bottom:10px;
					font-weight:400;
					border-bottom:1px solid #678FCB;
				}

				.NewNav .navbar-nav .nav-item .nav-link:hover {color:#fff;}

				.NewNav .navbar-nav .nav-item .nav-link.Big {display:none;}

				.NewNav .navbar-nav .nav-item .nav-link.Hide {display:block;}

				.NewNav .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
					border-top: .5em solid;
				    border-right: .5em solid transparent;
				    border-bottom: 0;
				    border-left: .5em solid transparent;
				    position: absolute;
				    top: 13px;
				    right: 10px;
				}

					.NewNav .navbar-nav .nav-item .nav-link .icon {top:0px;}

				.NewNav .navbar-nav .nav-item .dropdown-menu {
					border:none;
					border-radius: 0;
    				background: #3D6BB1;
    				padding:0px;
				}

					.NewNav .navbar-nav .nav-item .dropdown-menu .dropdown-item  {
						font-size: 13px;
					    font-weight: 400;
                       
					    color: #fff;
					    border-bottom:1px solid #678FCB;
					    padding-top: 6px;
    					padding-bottom: 6px;
					}

					.NewNav .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .NewNav .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
						background:transparent;
					}

						.NewNav .navbar-nav .nav-item .DropTwo {
							position:relative !important;
							top:0px !important;
							left:0px !important;
							background:#32578F;
						}

		.Bg1 {background-size: auto 100%;}

		.Bg4 {background-size: auto 100%;}

		.FooterInfo {}

			.FooterInfo .Info {padding:0px 5px;}

			.FooterInfo .Info:after {content:"";display:table;clear:both;}

				.FooterInfo .Info .Icon {
					width:30px;
					height:30px;
					position:relative;
					float:left;
				}

					.FooterInfo .Info .Icon i {font-size:15px;line-height:30px;}

				.FooterInfo .Info .Text {
					width:calc(100% - 40px);
					position:relative;
					float:right;
				}

					.FooterInfo .Info .Text .Title {font-size:14px; font-weight:400;}

					.FooterInfo .Info .Text .Desc {display:none;}

		.TabButon li a {
			display:inline-block;
			height:40px;
			padding-right:10px;
		}

		.TabButon li .Text {
			display:none;
		}

		.MTitle  {font-size:25px;}

		.PageBg {
			background-size:auto 100%;
			display:none;
		}

		.PageBg.Hide {
			display:none;
		}

		.inputGroup .Bank .Img {width:100%;}
		.inputGroup .Bank .Info {width:100%;}

		.ListLeft li {
			width:100%;
		}

		.ListLeft.PDetail li {
			width:100%;
			text-align:center;
			padding:0px;
		}

			.ListLeft.PDetail li .Button4 {width:100%; margin-top:10px;} 
			.ListLeft.PDetail li .Button4.ml-3 {margin-left:0px !important;} 

		.ListLeft.PDetail li + li {
			width:50%;
			padding-right:10px;
		}

		.ListLeft.PDetail li + li + li {
			width:100%;
			padding-left:5px;
			padding-right:5px;
		}

		.LeftTitle.T2 h3 {font-size:20px;}

		.ToggleStyle .Title.OrderTitle .Order {width:100px;}

		.ToggleStyle .Title.OrderTitle .State {width:150px;line-height:25px;}

			.ToggleStyle .Title.OrderTitle .State i {line-height:25px;}

		.LeftList {display:none;}
		
		.PLDots {display:none;}

		.Breadrumb {
			position:relative;
			top:0px;
			left:0px;
		}

		.AccountLink {}

			.AccountLink .Icon {}

			.AccountLink .Title {
				font-size:11px;
			}

		.SLightbox .Content {width:90%;}

		.MObilOzet {display:block;}

		.MobilMenu {display:block;}

		#OrderSummary {display:none;}

		.UList .ButtonsGroup.MUBasket {display:block;}

		.PDetail-Pr-0 { padding:15px !important; }
	

		.ListBtn {
			background:#fff;
			color:#3D6BB1 !important;
		}
		
		.ListBtn:hover {
			color:#3D6BB1;
			text-decoration:none;
		}

		.PayType .B {font-size:15px;}
	}
.ozellik {flex: 0 0 50%;max-width: 50%; overflow-x:hidden !important; position:relative; -ms-word-wrap: break-word;	word-wrap: break-word; text-align: center;  padding: 20px !important; }
.ozellik:after {display: inline-block;clear: both;content: "";}
.clearfix {content:"";display:block;clear:both; }
.aciklama {background:white; overflow:hidden !important; position:relative; -ms-word-wrap: break-word;	word-wrap: break-word;  padding: 20px !important; }
.aciklama :after {display: inline-block;clear: both;content: "";}
.kayanurun { width: 100%; overflow-x:hidden !important; position:relative; -ms-word-wrap: break-word;	word-wrap: break-word; text-align: center;}
.ContentBg {max-width:100%; height:auto; overflow: hidden !important; position:relative; padding:30px 0px 50px 0px; box-sizing:border-box;}
.ContentBg:after {display: inline-block;clear: both;content: "";}
@media screen and (max-width: 800px) {.ozellik {flex: 0 0 100%;  max-width: 100%;}}