@charset "utf-8";
/* CSS Document */
* { padding:0;
	margin:0;
	/*font-family: 'Berkshire Swash', cursive; */
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height: 35px;
	}
	
a {text-decoration:none}
::selection {background:#26A9E0; color:white}
body {overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow:-moz-scrollbars-vertical; overflow-; height: 100%;} 
a {text-decoration:none}
i {font-style:normal}
p {margin-top:25px}
.firstlogo {width: 350px; height: auto; transition: 0.5s}
.firstscreen {background-color: black; background-image: url(../dist/images/first.jpg); height: 390px; width:: 100%; background-size:cover; background-position: center center;}
.socialarea {background-color: #E52847; color:white; transition: 0.9s; padding:25px 28px; border-radius: 50%; margin-top:25px}
.socialarea:hover {background-color:white; color:#E52847; font-weight: 700; transition: 0.9s; padding:35px 38px; }
.belirleme {padding-right:100px}
.orderbutton {background-color: #E52847; margin-top:13%; color:white; text-align: center; padding: 15px 50px 15px 50px; border-color:#E52847; border-radius: 25px; transition: 0.9s}
.orderbutton:hover {background-color: white; color:#E52847; font-weight:700; text-align: center; padding: 20px 60px 20px 60px; border-color:white; border-radius: 25px; transition: 0.9s}
.navbar-default {min-height: 75px; background-color: white; border-color:white; padding-top:15px;}
.navbar-default .navbar-nav>li>a {font-family:'Berkshire Swash', cursive; color:#221F1F; transition: 0.5s}
.navbar-default .navbar-nav>li>a:hover {font-family:'Berkshire Swash', cursive; color:#E52847; transition: 0.5s}
.rightmenu {color:#A6A8AB; font-size:12px; padding-left:50px} 
@media screen and (max-width: 768px) {.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top:50px}}
.glyphicon-chevron-left {background-color: #E52847; width: 150px; height: 150px; border-radius:50%; line-height: 75px; margin-top:-35px;}
@media screen and (max-width: 768px) {.glyphicon-chevron-left {line-height: 35px}}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {width: 75px; height: 75px;}
@media screen and (max-width: 768px) {.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {width: 35px; height: 35px;}}
.glyphicon-chevron-right {background-color: #E52847; width: 150px; height: 150px; border-radius:50%; margin-top:-35px; line-height: 75px}
@media screen and (max-width: 768px) {.glyphicon-chevron-right {line-height: 35px}}
.secondorder {background-color:rgba(229, 40, 71, 0); color:white; border:solid white 1px; margin-top:9%; text-align: center; padding: 15px 50px 15px 50px; border-radius: 25px; transition: 0.9s}
.secondorder:hover {background-color: white; color:#E52847; text-align: center; border-color:white; border-radius: 25px; transition: 0.9s}
.orderline {color:white; font-size:20px; margin-top:13%; border-left:35px solid white; height: 5px; float: left; }
.ordertext {font-family: 'Berkshire Swash', cursive; font-size:20px; color:white; margin-top:10%; margin-left:10%}
@media screen and (max-width: 768px) {.ordertext {text-align: center;}}
.yenibutonalani {text-align: right;}
@media screen and (max-width: 768px) {.yenibutonalani {text-align: center; margin-bottom: 75px}}
.closearkaplan {background-color:#E52847; color:white; padding: 10px 15px; margin-top:15px; border-radius: 50%; opacity: 1}
.alert {margin-bottom: 0px; min-height: 100px;}
.resimalani {text-align: left; margin-top:30px;}
@media screen and (max-width: 768px) {.resimalani {text-align: center; margin-top:5px; transition:0.9s}}
.appyazi {margin-top:-15px;  transition:0.9s}
@media screen and (max-width: 768px) {.appyazi {text-align: center; margin-top:15px; transition:0.9s}}
.almost {background-color: #221F1F; background-image: url(../dist/images/secondbg.jpg); background-position: center center; background-attachment: fixed}
.box1 {margin-top:75px;}
.box2 {margin-top:25px; transtion:0.9s}
@media screen and (max-width: 768px) {.box2 {margin-top:50px; transition:0.9s}}
.birincifooter {padding: 50px 50px 50px 50px; font-size:14px; font-weight: 300; transition: 0.9s}
@media screen and (max-width: 768px) {.birincifooter {text-align:center; margin-top:50px; padding-bottom: 25px;	 transition:0.9s}}
.ikincifooter {text-align: right; padding: 50px 50px 50px 50px; transtion:0.9s}
@media screen and (max-width: 768px) {.ikincifooter {text-align:center; padding-top:25px; transition:0.9s}}
.ikinci {font-size:14px; font-weight: 900; transition: 0.9s; text-align: right; color:#58595B}
.box3 {background-color: #221F1F; background-image: url(../dist/images/aboutusbg.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover; background-attachment: fixed; width:100%; height:450px;}
.breadcrumb {background-color: rgba(245, 245, 245, 0); text-align: right;}
.ikincibaslik {color:white; font-size:50px; text-align: center; font-family:'Berkshire Swash', cursive; margin-top:10% }
.arabaslik {color:white; font-size: 16px; font-weight:400; text-align:center}
.box4 {background-color:#221F1F; background-image: url(../dist/images/iconlar.jpg); background-position: center center; width: 100%; min-height:450px; padding-top:25px; padding-bottom: 50px}
.box5 {background-color: #221F1F; background-image: url(../dist/images/yeni2.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover; background-attachment: fixed; width:100%; height:450px;}