@font-face {
    font-family: Brandon_light;
    src: url(../fonts/Brandon_light.otf);
}
@font-face {
    font-family: Brandon_reg;
    src: url(../fonts/Brandon_reg.otf);
}
@font-face {
    font-family: Brandon_blk;
    src: url(../fonts/Brandon_blk.otf);
}
@font-face {
    font-family: Dosis-Book;
    src: url(../fonts/Dosis-Book.ttf);
}
@font-face {
    font-family: Dosis;
    src: url(../fonts/Dosis-Medium.ttf);
}
@font-face {
    font-family: Dosis-Light;
    src: url(../fonts/Dosis-Light.ttf);
}
@font-face {
    font-family: Dosis-Bold;
    src: url(../fonts/Dosis-Bold.ttf);
}

img#saatler{border: 1px solid #ccc; border-radius:5px; width:100%; height:200px; float:left; margin-top:0px; padding:0px; margin-left:0px;}
img#ikisaatler{border: 1px solid #ccc; border-radius:5px; width:100%; height:200px; float:left; margin-top:0px; padding:0px; margin-left:0px;}

.clear {clear: both;}

.container {
	padding:0px;
}

.order_form label {
	font-family:Dosis-Bold;
	font-weight:900;
	font-size:18px;
	margin:0;
	padding-bottom:5px;
}

.order_form input {
	padding:20px 0 20px 10px;
	background:#f1f1f1;
	font-size:16px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 3px;
}

.order_form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:#828282;
}

.order_form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#828282;
}

.order_form input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#828282;
}

.order_form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#828282;
}
.order_form textarea {
	padding:8px 0 0 8px;
	background:#f1f1f1;
	font-size:24px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 3px;
}

.order_form select {
	padding:0px 0 0 6px;
	height:42px;
	background:#f1f1f1;
	font-size:22px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 3px;
}

.order_form .product_radio {
	border-top:0px solid #cdc3ba; 
}

.order_form .checked_radio {
	background:#f1f1f1;
}
.order_form .product_radio:last-child {
	border-bottom:0px solid #cdc3ba;
}
.order_form .product_radio label {
	padding:10px;
	width:100%;
	cursor:pointer;
}

.order_form .product_radio input[type=radio] {
	float:left;
    width:20px;
    height:20px;
}

.order_form .product_radio img {
	float:left;
	margin-left:15px;
	width:100px;
	height:100px;
}

.order_form .product_radio .product_info {
	float:left;
	margin-left:10px;
}

.order_form .product_radio .product_info p {
	padding:0;
	margin:0;
	font-size:24px;
}

.order_form .product_radio .product_info p.product_title{
	font-family: 'dosis', serif;
	font-size:20px;
}

.order_form .product_radio .product_info p.gift {
	font-family: 'dosis', serif;
	color:red;
}

.order_form .product_radio .product_info p.optional {
	font-family: 'dosis', serif;
	color:#a15100;
}

.order_form button {
	padding:12px 0 12px 0;
	background:#ffaf58;
	width:100%;
	border:none;
	text-transform:uppercase;
	font-weight:bold;
	font-family:'Brandon_blk', sans-serif;
	font-size:20px;
	border-radius: 3px;
}

.order_form button:hover {
	background:#ffb86b;
}

@media screen and (max-width: 767px) {
	
	.order_form button {
		padding:10px 0 10px 0;
		background:#ffaf58;
		width:100%;
		border:none;
		text-transform:uppercase;
		font-weight:bold;
		font-family:'Brandon_blk', sans-serif;
		font-size:18px;
		border-radius: 3px; 
	}
	.order_form .product_radio input[type=radio] {
		width:17px;
		height:17px; 
	}
	.order_form .product_radio img {
		width:75px;
		height:75px;
	}
	
	.order_form .product_radio .product_info p {
		font-size:18px;
	}

	.order_form .product_radio .product_info p.product_title{
		font-size:18px;
	}
}

@media screen and (max-width: 500px) {
	.order_form .product_radio input[type=radio] {
		width:15px;
		height:15px;
	}
	.order_form .product_radio img {
		width:50px;
		height:50px;
	}
	
	.order_form .product_radio .product_info p {
		font-size:14px;
	}

	.order_form .product_radio .product_info p.product_title{
		font-size:16px;
	}
}
@media screen and (max-width: 450px) {
	.order_form .product_radio input[type=radio] {
		width:12px;
		height:12px;
	}
	.order_form .product_radio img {
		width:25px;
		height:25px;
	}
	
	.order_form .product_radio .product_info p {
		font-size:14px;
	}

	.order_form .product_radio .product_info p.product_title{
		font-size:16px;
	}
}
@media screen and (max-width: 320px) {
	.order_form .product_radio input[type=radio] {
		width:10px;
		height:10px;
	}
	.order_form .product_radio img {
		display:none;
		width:25px;
		height:25px;
	}
	
	.order_form .product_radio .product_info p {
		font-size:13px;
	}

	.order_form .product_radio .product_info p.product_title{
		font-size:15px;
	}
}