@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(css/Open_Sans/opensans.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(css/Open_Sans/opensans-bold.woff2) format('woff2');
}

	.modal-body { background: url('../images/bg.png'); font-family: 'Open Sans', sans-serif; }
	
	body { 
    background: url('../images/ribbon-center.png') 50% 0% fixed no-repeat, url('../images/bg.png') repeat;
	}

	.card {  background-color:rgba(255,255,255,.5) }

	a:active {
	outline: none;
	border: none;
	}

	a:focus {outline:0;}
	
	.footer a, .footer a:hover, .footer a:visited, .footer a:focus {  color:#e30613; font-size: 16px; text-decoration:underline }
	
	.card-header a, .card-header a:focus, .card-header a:active, .card-header a:visited {  color:#e30613; font-size: 16px; text-decoration:none }
	
	.modal-body strong { color:#e30613; }
	
	.modal-title { font-weight: 700;padding-left:20px; }
	
	.logo {  position:absolute; top:0; right:70px; }
	.ribbon-left {  position:absolute; left:0; top:50%; }
	.ribbon-bottom {  position:fixed; bottom:0; right:0; }
	.ribbon-center {  position:absolute; right:50%; top:0; z-index:-1; }
	.clear-padding-right {  padding-right:0;  }
	
	.slogan { margin-top:50px;margin-bottom:50px;max-width:500px;}
	.slogan-form-page { margin-top:10px;margin-bottom:10px;max-width:300px;min-width:300px!important;}
	
	.paketler { margin-top:50px;max-width:422px; }
	.oduller { margin-top:130px;}
	.gonder-btn { max-width:427px;cursor:pointer; }
	#form-btn { cursor:pointer }
	
	.responsive { width:82%;min-width:380px; }
	
	.sifrenizi-girin { max-width:200px;margin-bottom:10px; }
	
	
	
	#close-icon { right:2px;top:2px;position:fixed;z-index:4;cursor:pointer;width:50px;height:50px }
	#logo { width:145px; }
	.modal-title {  font-size:24px;color:#e30613 }
	.close {  color:#e30613 }
	
	.card { border:0px; }
	.card-block p { text-align:justify }
	
	
	/* large screens */
	
	
	@media only screen and (min-width: 1024px) {

	
		.slogan { margin-top:80px;}
		.slogan-form-page { margin-top:10px;margin-bottom:10px;max-width:200px;min-width:200px!important;}
		
	
		.sifrenizi-girin { max-width:200px;min-width:200px; }
	
		
	}
	

	
	@media only screen and (min-width: 1366px) {

	
		.slogan { margin-top:50px;}
		.slogan-form-page { margin-top:10px;margin-bottom:10px;max-width:200px;min-width:200px!important;}
		.ribbon-center {  right:30%; }
		
		body { 
		background: url('../images/ribbon-center.png') no-repeat 70% 0% fixed, url('../images/bg.png') repeat;
		}
		
		.sifrenizi-girin { max-width:250px;min-width:250px; }
	}
	
	@media only screen and (min-width: 1680px) {

		.ribbon-center {  right:40%; }
		
		
		body { 
		background: url('../images/ribbon-center.png') no-repeat 60% 0% fixed, url('../images/bg.png') repeat;
		}
	
		.slogan { margin-top:200px;}
		.logo {  right:70px; z-index:2;}
		.slogan-form-page { margin-top:100px}
		.slogan-form-page { margin-top:100px;margin-bottom:10px;max-width:300px;min-width:300px!important;}
		
	
		
	}
	
	
	
	@media only screen and (min-width: 2500px) {

	
		.left-container { margin-left:0px; }
		.ribbon-center {  right:42%; }
		
		body { 
		background: url('../images/ribbon-center.png') no-repeat 58% 0% fixed, url('../images/bg.png') repeat;
		}
		
		.slogan-form-page { margin-top:200px;}
		.oduller { max-width:1200px;}
	
		
	}
	
	@media only screen and (max-width: 1920px) {

	
		.oduller { max-width:800px;}
	
	}
	
	
	@media only screen and (max-width: 1366px) {
		
		
		body { 
		background: url('../images/ribbon-center.png') no-repeat 60% 0% fixed, url('../images/bg.png') repeat;
		}

		.ribbon-center {  left:60%}
		.paketler { max-width:220px; }
		.oduller { max-width:600px;}
		.sifrenizi-girin { max-width:200px; }
	
	}
	
	@media only screen and (max-width: 1280px) {

	
		.oduller { max-width:500px;}

		.sifrenizi-girin { max-width:200px; }
	
	}
	/* small screens */
	@media only screen and (max-width: 768px) {
		
		.slogan-form-page { margin-top:130px}

		.ribbon-center {  left:-100px }
		.ribbon-left {  display:none; }
		.left-container { padding-left:0px; }
		.responsive { width:80%; }
		.ribbon-bottom { display:none; }
		.oduller { margin-top:20px;}
		.slogan { margin-top:200px;}
	

		body { 
		background: url('../images/ribbon-center.png') no-repeat -110px 0% fixed, url('../images/bg.png') repeat;
		}


		.paketler { top:0px;width:300px;min-width:300px;position:absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;margin-top:50px; }
		.slogan { margin-top:250px;margin-bottom:30px;}
	}
	
	
	@media only screen and (max-width: 640px) {

		.ribbon-center {  left:-110px; }
		.left-container { margin-left:-5px; }
		#close-icon { cursor:pointer;width:30px;height:30px;top:0;right:0px }
		
		.logo {  right:30px; }
		#logo { width:100px; }
		.paketler { width:300px;min-width:300px; }
		
		.responsive { width:100%; }
		.slogan { margin-top:250px;margin-bottom:30px;width:70%;}
		.modal-title { padding-left:0px; }
	
		body { 
		background: url('../images/ribbon-center.png') no-repeat -110% 0% fixed, url('../images/bg.png') repeat;
		}

	}

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

	    .ribbon-center {  display:none; }
		
		body { 
		background: url('../images/ribbon-center.png') no-repeat -5000px 0% fixed, url('../images/bg.png') repeat;
		}
		
	}
	
	@media only screen and (max-width: 400px) {

	
		#btn-gonder { max-width:300px; }
		
		#logo { width:50px; }
		
		.slogan { margin-top:200px;margin-bottom:20px;}
		.responsive { width:80%;min-width:230px; }
		.paketler { width:230px;min-width:230px; }

	}
	

	
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

.mb-5 { margin-bottom: 5px }
.mb-20 { margin-bottom: 20px }
.mb-50 { margin-bottom: 50px }
.pr-15 {  padding-right: 15px; }
.pl-15 {  padding-left: 15px; }
.pl-50 {  padding-left: 50px; }
.pl-70 {  padding-left: 70px; }
.pl-100 {  padding-left: 100px; }
.mt-5 { margin-top:5px; } 
.mt-10 { margin-top:10px; } 
 

.input-sifre { width:300px;max-width:300px;text-align:center;letter-spacing:2px;margin:auto; }

#captcha_code, .form-control, input[type=checkbox], input[type=radio]  { border:1px solid #e30613!important }
#captcha_code, .form-control, .form-control::placeholder, .form-control-lg {
  color: #be2227;
}

.custom-control-description { color: #be2227;font-size:13px; }
.custom-control-description a, .custom-control-description a:focus, .custom-control-description a:visited, .custom-control-description a:active { color: #be2227;font-size:14px;text-decoration:underline;font-weight:700 }

.form-control-lg {
    padding: .8rem 3rem .8rem 3rem;
    font-size: 1.5rem;
    border-radius: .3rem;
}

.help-block.form-error { font-size:12px; font-weight:700;color:red }


#captcha_container_1 {  width:280px;margin:auto; }


.help-block.form-error { width:100% }

.custom-control-indicator { border:1px solid #be2227; background-color:#fff }

.custom-control-input:active~.custom-control-indicator {
    background-color: #be2227;
}
.custom-control-input:checked~.custom-control-indicator {
    background-color: #be2227;
}

.card-body.nestle { font-size: 13px; } 

.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: scroll
}

/*
.g-recaptcha{
   margin: 15px auto !important;
   width: auto !important;
   height: auto !important;
   text-align: -webkit-center;
   text-align: -moz-center;
   text-align: -o-center;
   text-align: -ms-center;
}

.g-recaptcha iframe {border: 1px solid #e30613!important;border-radius:3px;}
*/