body {
	margin: 0;
	padding: 0;
	background-color: #dae7f7;
}

h1, h2, h3, h4, h5, h6 {
	font-family: amatic-sc, sans-serif;
	color: #005E87;
	margin: 0;
}

h1 {
	text-align: center;
	font-size: 5em;
	padding-top: 1.3em;
	line-height: 2em;
}

h2 {
	text-align: left;
	font-size: 3.5em;
	padding-top: 1.3em;
	line-height: 1.2em;
}

.hakkimizda p, .footer p {
	color: #003A52;
	font-size: 1.6em;
	font-family: josefin-sans, sans-serif;
}

.main {
	background: #dae7f7 url(../img/bg-2.jpg);
	width:100%;
	background-size:cover;
	background-position:right;
	background-repeat:no-repeat;
	display: flex;
	min-height: 100vh;
}

.menu {
	margin: auto auto;
	width: 50vw;
	max-width: 640px;
	min-height: 40vh;
	position: relative;
	background-color: rgba(0,0,0,0.25);
	border-radius: 20px;
	padding-top: 41px;
	padding-bottom: 69px;

	transition: width 1s;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
	-o-transition: width 1s;
}

.main .logo {
	position: absolute;
	width: 24%;
	right: 5%;
	margin-top: 52px;
	height: 120px;
	background-repeat: no-repeat;
	background-image: url(../img/logo.png);
	background-size: contain;

	transition: margin 1s;
	-webkit-transition: margin 1s;
	-moz-transition: margin 1s;
	-ms-transition: margin 1s;
	-o-transition: margin 1s;
}

.menu a {
	text-align: center;
	display: block;
	width: 100%;
	padding: 0.2em 0.2em 0.2em 0.2em;
	font-family: amatic-sc, sans-serif;
	text-decoration: none;
	font-size: 4em;
	color: white;
	transition: color 1s ease;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
}

.menu a:hover {
	color: #FEFADA;
}

.form {
	margin-top: -1em;
	padding-top: 3em;
	width: 100%;
}

.form label {
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	font-family: josefin-sans, sans-serif;
	color: #666666;
	display: inline-block;
}

.form input {
	min-height: 16px;
	font-size: 14px;
	font-family: josefin-sans, sans-serif;
	width: 30%;

	border-width: 1px;
	border-radius: 8px;
	border-style: solid;
	min-height: 16px;
	background-color: #F4F4F4;
	position: relative;
	border-color: #B5B5B5;
	z-index: 13;
	padding: 6px 0px 4px 10px;
}

.form input[type=submit] {
	background-color: #B5CDF9;
	color: #444444;
	border: 0px;
}

.form1 {
	background-color: #efefef;
	height: 180px;
}

.form1 label {
	width: 20%;
	margin-left: 20%;
	margin-right: 2em;
	margin-bottom: 2em;
}

.form1 input[type=submit] {
	margin-top: 1em;
}

.form2 {
	background-color: #fffeed;
	height: 120px;
}

.form2 label {
	min-width: 20px;
	margin-left: 5%;
	margin-right: 1em;
}

.form2 input[type=submit] {
	margin-top: 1em;
	min-width: 190px;
}

.form2 input {
	width: 20%;
}

.form .form_msg {
	width: 100%;
}

.form .form_msg p {
	display: block;
	margin: 0 0 0 3em;
	font-size: 3em;
	font-family: josefin-sans, sans-serif;
}

.form .form_msg p.success {
	color: #438C00;
}

.form .form_msg p.fail {
	color: #AB002A;
}

@media (max-width: 877px) {
	.form2 input[type=submit] {
		display: block;
		width: 68%;
		margin-top: 2em;
		margin-left: 5%;
	}

}

.hakkimizda {
	background-color: #D6DAE2;
	min-height: 600px;
	width: 100%;
	padding-bottom: 12em;
}

.hakkimizda p,h2 {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

.hakkimizda b {
	color: #005E87;
}

.egitimler {
	background-color: #f0ecec;
	min-height: 800px;
	padding-bottom: 3em;
}

.egitimler h1 {
	margin-bottom: 1.2em;
}

.egitim-kutu .eg-kutu {
	margin-top: 2em;
	background-position: center;
	height: 14em;
	width: 20%;
	background-size: contain;
	background-repeat: no-repeat;
}

.egitim-kutu {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 260px;
	margin-bottom: 3em;
}

.egitim-kutu h2 {
	width: auto;
	padding: 0;
	margin: 0;
}

.egitim-kutu .stepper {
	width: 4%;
}

.egitim-kutu .eg-aski {
	background-image: url('../img/eg-aski-2.png');
}
.egitim-kutu .eg-durbun {
	background-image: url('../img/eg-durbun-2.png');
	margin-bottom: -4em;
	margin-left: 2em;
}
.egitim-kutu .eg-etiket {
	background-image: url('../img/eg-etiket-2.png');
	width: 18%;
    height: 130%;
	margin-bottom: 4em;
}
.egitim-kutu .eg-ip {
	background-image: url('../img/eg-ip-2.png');
	width: 21%;
    height: 66%;
}
.egitim-kutu .eg-rapt {
	background-image: url('../img/eg-rapt-2.png');
	width: 5%;
}
.egitim-kutu .eg-tas {
	background-image: url('../img/eg-tas-2.png');
}
.egitim-kutu .eg-tel {
	background-image: url('../img/eg-tel-2.png');
}
.egitim-kutu .eg-top {
	background-image: url('../img/eg-top-2.png');
	width: 21%;
    height: 77%;
}
.egitim-kutu .eg-ucak {
	background-image: url('../img/eg-ucak-2.png');
}
.egitim-kutu h2:nth-child(2n+1) {
	text-align: right;
}

.referans {
	width: 100%;
	height: 57em;
	background-color: white;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.referans .referans_img {
	height: 40em;
    width: 60em;
    margin: auto auto;
    background-size: contain;
    background-repeat: no-repeat;
	background-image: url(../img/referanslar-2.png);
}

@media (max-width: 977px) {
	.referans .referans_img {
		height: 100%;
	    width: 100%;
	    margin: auto auto;
	    background-size: contain;
	    background-repeat: no-repeat;
	}
}

.referans ul li {
	margin-left: 4em;
	font-family: josefin-sans, sans-serif;
	font-size: 3em;
}

.iletisim {
	background-color: #EEF8FE;
	width: 100%;
	min-height: 700px;
}

.iletisim_table {
	padding-bottom: 6em;
}

.iletisim_table_in {
	display: flex;
	align-items: center;
	justify-content: center;
}

.iletisim_table .sign {
	background-repeat: no-repeat;
	background-size: contain;
	width: 4em;
	height: 4em;
	min-width: 62px;
	min-height: 64px;
}

.iletisim_table .content {
	width: 70%;
	font-family: josefin-sans, sans-serif;
	font-size: 2em;
	margin: 2em 2em 2em 2em;
}

.iletisim_table .content a {
	text-decoration: none;
	color: #2d5d82;
	transition: color 1s ease;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
}

.iletisim_table .content a:visited {
	text-decoration: none;
	color: #2d5d82;
}

.iletisim_table .content a:hover {
	color: #111;
}

.sign-tel {
	background-image: url('../img/il-tel-2.png');
}
.sign-mail {
	background-image: url('../img/il-eposta-2.png');
}
.sign-map {
	background-image: url('../img/il-yer-2.png');
}

.footer {
	background-color: white;
	height: 80px;
	width: 100%;
	margin: 0 0 0 0;
	padding: 1em 0 0 0;
}

.footer p {
	font-size: 0.8em;
	float: left;
	margin-left: 2em;
	margin-top: 0;
}

.footer .logo {
	float: right;
	width: 10%;
	height: 90%;
	margin-right: 2em;
	background-image: url(../img/logo-sm-bottom-2.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.webui-popover-inner p {
	padding: 0.5em 1em 0em 1em;
	color: #ffffff;
	font-size: 1.1em;
	font-family: josefin-sans, sans-serif;
}



@media (max-width: 640px) {
	.hakkimizda p,h2 {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	h2 {
		font-size: 2em;
	}

	.egitim-kutu {
		height: 120px;
	}

	.form1 input[type=submit] {
		display: block;
		width: 100%;
	}

	label[for=form1submit] {
		width: 0;
		display: none;
	}

	.main {
		background-image: none;
	}

	.menu {
		width: 100%;
		background-color: rgba(0,0,0,0.65);
	}

	.menu a {
		text-align: center;
		padding: 0.1em 0.1em 0.1em 0.1em;
	}

	.main .logo {
		margin-top: 0;
	}
}

@media (max-width: 608px) {
	.iletisim_table .sign {
		background-size: auto 50%;
    	background-position-y: center;
    	background-position-x: 75%;
	}

	.iletisim_table .content {
		font-size: 1.2em;
		margin: 0.2em 0.2em 0.2em 0.2em;
	}
}