@charset "utf-8";
body {
	font-family:'Titillium Web',sans-serif;
	font-size:15px;
	line-height:normal;
	color:#333;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	background-image: url(bg.jpg);
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a,img,input,select,textarea {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

a {color:#333;text-decoration:none;}

input,select,textarea {
font-family: 'Source Sans Pro', sans-serif;
outline:none;
width:96%;
padding:5px;
font-size:15px;
color:#333;
border:1px solid #ccc;
}

input, textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #444;
}

input:focus, textarea:focus {
  box-shadow: 0 0 5px #00b7be;
  border: 1px solid #00b7be;
}

table tr td {
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: dotted;
border-bottom-style: dotted;
border-right-color: #CCC;
border-bottom-color: #CCC;
height: 36px;
padding:5px;
}

.notice {color:orange;font-weight:bold;}
.error {color:red;font-weight:bold;}
.complete {color:green;font-weight:bold;}

.clear {clear:both;}

h1, h2, h3, h4, h5 {
	padding: 0px;
	margin: 0px;
	font-weight:normal;
}

h1 {font-size:32px;}
h2 {font-size:28px;}
h3 {font-size:26px;}
h4 {font-size:20px;}
h5 {font-size:18px;}


.arrow {
    width: 56%;
    height: 100%;
    background: white;
    position: absolute;
    transform: skew(-28deg);
    margin-left: -250px;
	box-shadow: 0px 0px 15px #000;
}

.logo {
    transform: skew(28deg);
    text-align: right;
    margin-right: 20%;
    margin-top: 15%;
}

.logo h3{
    font-weight:200;margin-top:35px;font-size:28px;
}

.yakup h3{
    font-weight:200;margin-top:35px;font-size:25px;
}

.content {
	float: right;
	margin-right: -650px;
	color: white;
	transform: skew(28deg);
	margin-top: -200px;
	text-align: left;
	width: 450px;
}

.content h5 {
	font-size: 15px;
    font-weight: 200;
	}

	.footend{width:100%;background:#1c1c1c;height:50px;float:left;    position: absolute;
    bottom: 0;}
.footend a{color:#ccc;}
.footend span{line-height:50px;color:#ccc;font-weight:200;float:left;margin-left:50px;}

.clearmob {display:none;}
@media only screen and (min-width: 320px) and (max-width: 1023px) {

	.arrow {
    width: 100%;
    height: 225px;
    background: white;
    position: relative;
     transform: none;
    margin-left: 0px;
    display: inline-block;    text-align: center;
}

.content {
    float: none;
    margin-right: auto;
    color: white;
    transform: none;
    margin-top: 35px;
    text-align: left;
    width: 90%;
    /* margin: auto; */
    display: inline-block;
}

	.content h4 {
	font-size: 18px;

	}


	.logo {
   transform: none;
    text-align: right;
    margin-right: 0%;
    margin-top: 0%;;
    text-align: center;
    margin-top: 25px;
}

.footend {
    width: 100%;
    background: #1c1c1c;
    height: auto;
    float: left;
    position: relative;
    bottom: 0;
    margin-top: 550px;
    text-align: center;padding: 15px 0px;
}
.footend span {
    line-height: normal;
    color: #ccc;
    font-weight: 200;
    float: none;
    margin-left: auto;
}

.clearmob {display:block;clear:both;}

}