html, body {
	height: 100% !important;
	width: 100% !important;
}
body {
	font-family: 'Quicksand', Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #666;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
}
* {
	outline: none;
	font-variant-ligatures: none;
}
a, a:visited, a:link {
	color: #036;
	text-decoration: none;
}
a:hover, a:focus {
	color: #BBA07A;
}
p {
	margin-bottom: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	margin-bottom: 0px;
	font-weight: 700;
	color: #036;
}

::-moz-selection {
	color: white;
	background: #BBA07A;
}
::selection {
	color: white;
	background: #BBA07A;
}
::placeholder {
	font-size: 14px;
	color: #999;
	font-weight: 400;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.container {
	position: relative;
	padding: 0 16px;
}
.row {
	margin-right: -16px;
	margin-left: -16px;
}
[class*='col-'] {
	padding-right: 16px;
	padding-left: 16px;
}

.control-label:after {
  content:"*";
  color:red;
}
.border_left{
	border-left: 5px solid #c1c1c1;
}


/* --------- ÇOK KÜÇÜK EKRANLAR --------- */
@media only screen and (max-width: 369px) {
}
@media only screen and (max-width: 479px) {
}

/* --------------- col-xs --------------- */
@media (min-width: 370px) and (max-width: 575px) and (orientation: landscape) {
}
@media only screen and (max-width: 575px) {
}
@media (max-width: 575px)  and (orientation: portrait) {
}

/* --------------- col-sm --------------- */
@media (min-width: 576px) and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
}

/* --------------- col-md --------------- */
@media (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (width: 991px) {
}

/* --------------- col-lg --------------- */
@media only screen and (min-width: 992px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (max-width: 1199px) {
}

/* --------------- col-xl --------------- */
@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1216px;
	}
}
@media only screen and (max-width: 1441px) {
}

@media (max-width: 767px) and (orientation: landscape) {
}
@media only screen and (orientation: portrait) {
}
@media (orientation: portrait) and (max-width: 767px){
}
@media (orientation: portrait) and (width: 768px){
}
@media screen and (device-aspect-ratio: 4/3) {
}