@font-face {
  font-family: 'Poppins-SemiBold';
  src:url('fonts/Poppins-SemiBold.woff') format('woff'),
      url('fonts/Poppins-SemiBold.woff2') format('woff2'),
      url('fonts/Poppins-SemiBold.eot'),
      url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('fonts/Poppins-SemiBold.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins-Regular';
  src:url('fonts/Poppins-Regular.woff') format('woff'),
      url('fonts/Poppins-Regular.woff2') format('woff2'),
      url('fonts/Poppins-Regular.eot'),
      url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/Poppins-Regular.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins-Medium';
  src:url('fonts/Poppins-Medium.woff') format('woff'),
      url('fonts/Poppins-Medium.woff2') format('woff2'),
      url('fonts/Poppins-Medium.eot'),
      url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/Poppins-Medium.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Caveat Brush';
    src: url('fonts/CaveatBrush-Regular.woff2') format('woff2'),
         url('fonts/CaveatBrush-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@media all and (min-width:769px)
{
	html 
	{
		/*background: url("../images/bg.jpg") repeat-x bottom right;*/
		background: url("../images/bg.jpg");
		background-color:#f1f0ce;
		margin:0px;
		padding:0px;
		margin-top:0px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position:top left;
	}
	
	.mobilshow{display:none;}
	.mobilhide{display:block;}

	.page{width:90%; margin:0 auto;}	
	.header{float:left; width:100%; padding-top:10px;}
	
	.col-50{float:left; width:43%;}
	.col-10{float:left; width:10%;}
	.col-40{float:left; width:30%;}
	
	.text1{width:100%; padding-top:10px;}
	.text2{width:100%; padding-top:5px; padding-bottom:10px;}
	.text3{width:60%; padding-top:5px; padding-bottom:10px;}
	.semibold{font-family: 'Poppins-SemiBold';}
	.regular {font-family: 'Poppins-Regular';}
	.medium  {font-family: 'Poppins-Medium';}
	.caveat  {font-family: 'Caveat Brush';}
	
	.fontsize1{font-size:21px;}
	.fontsize2{font-size:12px;}
	.fontsize3{font-size:32px;}
	.fontsize4{font-size:15px;}
	.fontsize5{font-size:15px;}
	
	
	.green-color{color:#4b8732;}
	.black-color{color:#000000;}
	.form{width:100%; float:left;}
	.formleft{width:100%; padding-right:4%; float:left;}
	.formright{width:48%; float:left; padding-top:20px;}
	.sandik{width:100%; float:left; padding-top:20px;}
	.sandikleft{width:160px; padding-right:2%; padding-top:50px; float:left;}
	.sandikright{width:calc(98%-160px); float:left; font-size:14px; color:#000000;}
	.sandikrighttitle{font-size:14px; color:#3d7826;}
	.sandiksosyal{width:30%; float:right; font-size:14px; color:#3d7826; padding-top:375px; text-align:center;}

.headerimg{width:100%; max-width:515px;}
.anne{width:100%; max-width:420px;}
.not{width:100%; max-width:235px; position:absolute; padding-top:40px;}
.btn {
	background-image:url(../images/buton.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size: 100% 100%;
	border:none;
	width:150px;
	height:98px;
	background-color:transparent;
	cursor:pointer;
}
.btn2{width:150px; height:98px;}
.sosyalmedya_hiza{float:right;}
}

@media all and (max-width:768px)
{
	html 
	{
		/*background: url("../images/bg.jpg") no-repeat top left;*/
		background: url("../images/bgm.jpg");
		background-color:#f1f0ce;
		margin:0px;
		padding:0px;
		/*margin-top:20px;*/
		background-repeat: no-repeat;
		background-position:bottom center;
		background-size: 100%;
	}
	.mobilshow{display:block;}
	.mobilhide{display:none;}

	.page{width:90%; margin:0 auto;}	
	.header{float:left; width:100%;}
	
	.col-50{float:left; width:100%;}
	.col-10{float:left; width:10%;}
	.col-40{float:left; width:30%;}
	
	.text1{width:100%; padding-top:20px;}
	.text2{width:100%; padding-top:8px; padding-bottom:15px;}
	.semibold{font-family: 'Poppins-SemiBold';}
	.regular {font-family: 'Poppins-Regular';}
	.medium  {font-family: 'Poppins-Medium';}
	.caveat  {font-family: 'Caveat Brush';}
	
	.fontsize1{font-size:15px;}
	.fontsize2{font-size:10px;}
	.fontsize3{font-size:22px;}
	.fontsize4{font-size:10px;}
	.fontsize5{font-size:12px; text-align:center;}
	
	.green-color{color:#4b8732;}
	.black-color{color:#000000;}
	.form{width:100%; float:left;}
	.formleft{width:100%; float:left;}
	.formright{width:100%; float:left; padding-top:20px; text-align:center;}
	.sandik{width:calc(100% - 10px); padding-left:10px; float:left;}
	.sandikleft{width:160px; float:left; padding-left:2%; padding-right:1%; padding-top:27px;}
	.sandikright{width: calc(97% - 160px); float:left; font-size:12px; color:#3d7826; padding-top:8px;}
	.sandiksosyal{width:calc(100% - 0px); float:left; font-size:12px; color:#3d7826; padding-top:15px; padding-bottom:15px;}

.headerimg{width:100%; max-width:515px;}
.anne{width:100%; max-width:420px;}
.not{width:100%; max-width:190px; position:absolute; padding-top:40px;}
.btn {
	background-image:url(../images/buton.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
	border:none;
	width:150px;
	height:98px;
	background-color:transparent;
	cursor:pointer;
}
.btn2{width:150px; height:98px;}
.sosyalmedya_hiza{text-align:center; margin:0px auto;}
}



.form-control{
	font-family: 'Poppins-Regular';
	font-size: 14px;
	height: 2.225em;
	border-radius: 0.8em;
	color: #4b8732;
	background-color: transparent;
	border: 2px dotted #4a8831;
	width:90%;
	padding:1% 5%;
	margin:3px 0px;
}

::placeholder {color: #4b8732; opacity: 1;}
:-ms-input-placeholder {color: #4b8732;}
::-ms-input-placeholder {color: #4b8732;}



.facebook{
	background-image:url(../images/sosyal.png); 
	background-position:0px 0px; 
	width:27px; 
	height:27px; 
	float:right;
	margin-right:5px;
}
.instagram{
	background-image:url(../images/sosyal.png); 
	background-position:-32px 0px; 
	width:27px; 
	height:27px; 
	float:right;
	margin-right:5px;
}
.twitter{
	background-image:url(../images/sosyal.png); 
	background-position:-64px 0px; 
	width:27px; 
	height:27px; 
	float:right;
	margin-right:5px;
}
.youtube{
	background-image:url(../images/sosyal.png); 
	background-position:-96px 0px; 
	width:27px; 
	height:27px; 
	float:right;
	margin-right:10px;
}
@media all and (max-width:768px)
{
.sosyaltext{
	font-size:13px; 
	color:#fff;
	padding-top:4px;
}
}
@media all and (min-width:769px)
{
.sosyaltext{
	font-size:13px; 
	color:#437020;
	padding-top:4px;
}
}