/****** Option Box *******/
.option-box {
	left:-321px;
	bottom:0px;
	background:#fff;
	width:290px;
	height:100%;
	box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.1);
	z-index:45000;
	border-right:1px solid #E7E9E8;
	position:fixed;
	text-align:center;
	padding:0px 15px;
}

.option-box .option-item {
	margin:14px 0;
	width:100%;
	float:left;
}

a.option-box-icon-show {
	position:absolute;
	right:-46px;
	top:292px;
	color:#333;
	padding:11px 14px;
	background:#fff;
	display:block;
	font-size:20px;
	z-index:65;
	border-left:1px solid #fff;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.1);
}

a.option-box-icon-hide {
	position:absolute;
	right:-46px;
	top:292px;
	color:#333;
	padding:11px 14px;
	background:#fff;
	display:none;
	font-size:20px;
	z-index:65;
	border-left:1px solid #fff;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.1);
}

.option-box h3 {
	color:#333;
	font-size:14px;
	font-family:Montserrat;
	font-weight:700;
	letter-spacing:0.8px;
	position:absolute;
}

.option-box ul {
	float:left;
	width:100%;
	margin-left:-3.5px;
}

.option-box ul li {
	float:left;
	width:50%;
}

.option-box ul li a {
	text-align:center;
	color:#fff;
	font-size:13px;
	font-family:Montserrat;
	font-weight:400;
	background:#95a5a6;
	padding:7px 8px;
}


.option-box ul li a:hover {
	background:#371B9F;
}

.option-box ul li a.option-box-active {
	background:#371B9F;
}

/**/
.option-box-title-sa {
	text-align:right;
	width:100%;
	padding:0px 0 20px 0px;
	border-bottom: 1px solid #e5e9ec;
	position:relative;
	float:left;
	margin-bottom:25px;
	margin-top:12px;
}

.option-item ul.sa li a.sidebar-left-one-part {
	display:none;
}

.option-box-title-sa h3 {
	left:60px;
	bottom:-7px;
	background:#fff;
	padding:0px 10px;
}
/**/

/**/
.option-box-title-ca {
	text-align:right;
	width:100%;
	padding:0px 0 20px 0px;
	border-bottom: 1px solid #e5e9ec;
	position:relative;
	float:left;
	margin-bottom:25px;
}

.option-box-title-ca h3 {
	left:57px;
	bottom:-7px;
	background:#fff;
	padding:0px 10px;
}

.option-box ul.ca {
	float:left;
	width:100%;
	margin-left:28px;
}

.option-box ul.ca li {
	float:left;
	width:40%;
	height:40px;
	display:inline-block
}

.option-box ul.ca li:last-child {
	width:100%;
	margin-left:-30px;
	margin-top:-1px;
}

/**/

/**/
.option-box-title-ra {
	text-align:right;
	width:100%;
	padding:0px 0 20px 0px;
	border-bottom: 1px solid #e5e9ec;
	position:relative;
	float:left;
	margin-bottom:25px;
	margin-top:-24px;
}

.option-box-title-ra h3 {
	left:59.5px;
	bottom:-7px;
	background:#fff;
	padding:0px 10px;
}

.option-box ul.ra {
	float:left;
	width:100%;
	margin-left:21px;
}

.option-box ul.ra li {
	float:left;
	width:45%;
	height:40px;
	display:inline-block
}

.option-box ul.ra li:last-child {
	margin-left:-6px;
}

/**/
.option-box-title-ha {
	text-align:right;
	width:100%;
	padding:0px 0 20px 0px;
	border-bottom: 1px solid #e5e9ec;
	position:relative;
	float:left;
	margin-bottom:25px;
	margin-top:-24px;
}

.option-box-title-ha h3 {
	left:59.5px;
	bottom:-7px;
	background:#fff;
	padding:0px 10px;
}

.option-box ul.ha {
	float:left;
	width:100%;
	margin-left:21px;
}

.option-box ul.ha li {
	float:left;
	width:50.5%;
	height:40px;
	display:inline-block
}

.option-box ul.ha li:last-child {
	margin-left:-17px;
	width:0%;
}

/**/
.option-box-title-pa {
	text-align:right;
	width:100%;
	padding:0px 0 20px 0px;
	border-bottom: 1px solid #e5e9ec;
	position:relative;
	float:left;
	margin-bottom:25px;
	margin-top:-24px;
}

.option-box-title-pa h3 {
	left:44px;
	bottom:-7px;
	background:#fff;
	padding:0px 10px;
}

.option-box ul.pa {
	float:left;
	width:100%;
	margin-left:21px;
}

.option-box ul.pa li {
	float:left;
	width:64%;
	height:40px;
	display:inline-block
}

.option-box ul.pa li:last-child {
	margin-left:-62.5px;
	width:0%;
}

/* Renk Ayarları */
.option-box-title-renk-a {
	text-align:right;
	width:100%;
	padding:0px 0 20px 0px;
	border-bottom: 1px solid #e5e9ec;
	position:relative;
	float:left;
	margin-bottom:25px;
	margin-top:-24px;
}

.option-box-title-renk-a h3 {
	left:71px;
	bottom:-7px;
	background:#fff;
	padding:0px 10px;
}

.option-box ul.renk-a {
	float:left;
	width:100%;
	margin-left:21px;
}

.option-box ul.renk-a li {
	float:left;
	width:auto;
	display:inline-block;
	padding:0;
	width:32px;
	height:32px;
	cursor:pointer;
	margin:0 1.5px;
	position:relative;
	transition:all .3s;
}

.option-box ul.renk-a li a {
	background:transparent;
	padding:0;
	width:32px;
	height:32px;
}

.option-box ul.renk-a li:hover {
	opacity:0.8;
}

.option-box ul.renk-a li.color-active {
	margin-top:-3px;
}

.option-box ul.renk-a li:nth-child(1n+9).color-active {
	margin-top:6px;
	padding-top:3px;
}

.option-box ul.renk-a li.blue-color-one {
	background:#371b9f;	
}

.option-box ul.renk-a li.purple-gradient-one {
    background: linear-gradient(135deg, rgba(171,73,222,1) 0%,rgba(73,84,222,1) 100%);	
}

.option-box ul.renk-a li.purple-color-one {
	background:#674172;
}

.option-box ul.renk-a li.pink-gradient-one {
	background: rgb(222,73,109); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(222,73,109,1) 0%, rgba(171,73,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(222,73,109,1)), color-stop(100%,rgba(171,73,222,1))); /
	background: -webkit-linear-gradient(-45deg,  rgba(222,73,109,1) 0%,rgba(171,73,222,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(222,73,109,1) 0%,rgba(171,73,222,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(222,73,109,1) 0%,rgba(171,73,222,1) 100%);
	background: linear-gradient(135deg,  rgba(222,73,109,1) 0%,rgba(171,73,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de496d', endColorstr='#ab49de',GradientType=1 );	
}

.option-box ul.renk-a li.orange-gradient-one {
    background: linear-gradient(to right,#e62f2f 0,#ff5d3d 100%);	
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62f2f', endColorstr='#ff5d3d', GradientType=1 );
}

.option-box ul.renk-a li.red-color-one {
    background: #c0392b;
}

.option-box ul.renk-a li.blue-color-two {
	background: #5353B9
}

.option-box ul.renk-a li.black-color-one {
	background: #2E3337
}

.option-box ul.renk-a li.purple-color-two {
	background: #8e44ad;
	float:left;
	margin-top:3px;
}

.option-box ul.renk-a li.green-color-one {
	background: #9fc78c;
	float:left;
	margin-top:3px;
}

.option-box ul.renk-a li.brown-color-one {
	background: #444339;
	float:left;
	margin-top:3px;
}

.option-box ul.renk-a li.blue-color-three {
	background: #62C2C7;
	float:left;
	margin-top:3px;
}

.option-box ul.renk-a li.blue-color-four {
	background: #42B7DD;
	float:left;
	margin-top:3px;
}



/****** #Option Box *******/