@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext');

@font-face { font-family: 'ataFont'; src: url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.eot'); src: url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.eot?#iefix') format('embedded-opentype'), url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.woff2') format('woff2'), url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.woff') format('woff'), url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ataFont'; src: url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.eot'); src: url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.eot?#iefix') format('embedded-opentype'), url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.woff2') format('woff2'), url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.woff') format('woff'), url('https://www.keremticaret.com/font/ufonts.com_ft77-ataFont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

body{
	margin:0px; padding: 0px;
}

*{ 
	font-family: 'Raleway', sans-serif;
	outline: none;
}

a{
	text-decoration: none;
}

.nedenentegre{
	max-height: 600px;
}
div.wrapper {
    width: 100%;
    max-width: 1230px;
    padding: 0 15px;
    margin: auto;
    box-sizing: border-box;
}

header{
	width: 100%;
	height: 181px;
	float: left;
	position: absolute;
	z-index: 2;
	background: url('../img/header.png') no-repeat top center;
}
header div.header-ust{
	width: 100%;
	height: 40px;
	float: left;
	position: relative;
}
header div.header-ust span.telefon{
	width: auto;
	height: auto;
	float: right;
	color: #fff;
	line-height: 40px;
	font-size: 15px;
	font-weight: 100;
	padding-left: 30px;
	box-sizing: border-box;
	background: url('../img/phone.png') no-repeat left center;
	background-size: 20px !important;
	font-family: sans-serif;
}

header div.header-ust span.telefon b { font-family: sans-serif; }

header div.header-ust a.teklif-al{
	width: 150px;
	height: 32px;
	float: right;
	box-sizing: border-box;
	background: url(../img/edit.png) no-repeat left 10px center #f90;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	padding-top: 11px;
	padding-left: 37px;
	margin-left: 35px;
	margin-top: 4px;
}
header div.header-ust a.online-egitim{
	    width: 150px;
	    height: 32px;
	    float: right;
	    box-sizing: border-box;
	    background: #f90;
	    color: #ffffff;
	    font-size: 12px;
	    font-weight: 700;
	    padding-top: 10px;
	    padding-left: 20px;
	    margin-left: 35px;
	    margin-top: 4px;
}
header div.header-sag{
	width: 100%;
	height: 90px;
	float: left;
	opacity: 0.98;
}
header div.header-sag div.header-ic{
	width: 203px;
	height: 155px;
	float: left;
	margin-top: -32px;
	position: relative;
}

header div.header-sag div.header-ic a.logo{
	width: 203px;
	height: 123px;
	float: right;
	background: url('../img/logo.png') no-repeat center;
	background-size: contain;
	position: absolute;
	top: 15px;
	left: 0px;
	z-index: 1;
}
header nav {
    width: auto;
    height: auto;
    float: right;
    padding-top: 40px;
    box-sizing: border-box;
}
header nav a {
    width: auto;
    height: auto;
    float: left;
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
    color: #1c1c1c;
}
section#slider{
	width: 100%;
    height: 690px;
    float: left;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

section#slider div#rotator {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0px;
    display: flex;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
}
section#slider div#rotator a{
	width: 100%;
    height: 100%;
    float: left;
    display: inline-table;
    background-size: cover !important;
    position: absolute;
}
section#slider div#rotator a:nth-child(1){left:000% !important;}
section#slider div#rotator a:nth-child(2){left:100% !important;}
section#slider div#rotator a:nth-child(3){left:200% !important;}
section#slider div#rotator a:nth-child(4){left:300% !important;}
section#slider div#rotator a:nth-child(5){left:400% !important;}
section#slider div#rotator a:nth-child(6){left:500% !important;}
section#slider div#rotator a:nth-child(7){left:600% !important;}
section#slider div#rotator a:nth-child(8){left:700% !important;}
section#slider div#rotator a:nth-child(9){left:800% !important;}
section#slider div#rotator a img{
    float: left;
    position: relative;
    top: 365px;
}

section#slider div#rotator a div.slogan{
    width: auto;
    height: 139px;
    float: left;
    position: relative;
    top: 365px;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.8);
    background-position: left 25px center;
    background-size: auto 55%;
    padding: 35px 27.5px 0px 120px;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: 400;
    color: #121212;
}

section#slider div#rotator a div.slogan b{
    font-weight: 800;
}

section#validation{
	width: 100%;
	height: auto;
	float: left;
	margin-top: -79px;
	position: relative;
	z-index: 1;
}
section#validation div.nav{
	width: auto;
    height: auto;
    float: right;
    z-index: 1;
    background: rgba(0,0,0,0.2);
    text-align: center;
    padding: 10px;
}
section#validation div.nav div.white{
	width: auto;
	height: auto;
	float: left;
	background-color: #fff;
	padding-right: 6px;
}
section#validation div.nav div.white a{
    width: 51px;
    height: 58px;
    float: left;
    display:block;
    cursor: pointer;
    padding: 7px 0 6px 6px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    box-sizing: border-box;
    background-position: bottom 10px left 20px;
}
section#validation div.nav div.white a div{
    width: 100%;
    height: 100%;
    float: left;
    display:block;
    background-size: 100% 100% !important;
    cursor: pointer;
}
section#validation div.nav div.white a:hover div, section#validation div.nav div.white a._hover div{
	border: 2px solid #ff0000;
	box-sizing: border-box;
}
section#validation div.nav div.white a:hover, section#validation div.nav div.white a._hover {
	background: url('../img/up-arrow.png') no-repeat top center;
	background-position: top -2px left 20px;
}
section#icerik{
	width: 100%;
	height: auto;
	float: left;
}
section#icerik div.title{
	width: 100%;
	height: auto;
	float: left;
	font-size: 36px;
	font-weight: 300;
	color: #0c0c0c;
	text-align: center;
	margin-top: 85px;
	padding-bottom: 25px;
	background: url('../img/title-bottom-bg.png') no-repeat bottom center;
}
section#icerik div.text{
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color:#858585;
	padding-top: 25px;
	text-align: center;
	line-height: 26px;
}
section#icerik div.boxes{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 75px;
}
section#icerik div.boxes div.box{
	width: 370px;
	height: 300px;
	float: left;
	margin-right: 45px;
	margin-bottom: 80px;
} 
section#icerik div.boxes div.box:nth-child(3n+0){
	margin-right: 0px;
}
section#icerik div.boxes div.box div.photo{
	width: 100%;
	height: 187px;
	float: left;
	background-size: cover !important;
	padding-left: 8px;
	box-sizing:border-box;
	position: relative;
}
section#icerik div.boxes div.box div.photo div.aciklama{
	width: auto;
	height: auto;
	float: left;
	background: url(../img/orange.png) no-repeat left 10px center;
	background-color: #fff;
	padding: 10px;
	padding-left: 25px;
	box-sizing: border-box;
	position: absolute;
	bottom:8px;
	font-weight: 500;
	font-size: 14px;
	color: #ff0000;
}
section#icerik div.boxes div.box div.text{
	width: 100%;
	height: auto;
	float: left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom: 1px solid #ffb500;
	padding-top: 10px;
	padding-bottom: 30px;
	font-size: 13px;
	font-weight: 400;
	color: #353535;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
}

section#icerik div.boxes div.box a.detayli-bilgi{
	width:90px;
	height: 30px;
	float: right;
	background-color: #f3f3f3;
	border:1px solid #e1e1e1;
	font-size: 12px;
	font-weight: 400;
	color: #323232;
	text-align: center;
	line-height: 30px;
	margin-top: -19px;
	margin-right: 10px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

section#icerik div.boxes div.box a.detayli-bilgi:hover{
	background-color: #d2181f;
	border-color: #d2181f;
	color: #fff;
}

section.kurumsal-icerik{
	width: 100%;
	height: 545px;
	float: left;
	background: url('../img/kurumsal-bg.png') no-repeat center;
	background-size: cover !important;
}

section.kurumsal-icerik div.sag{
	width: 65.7%;
	height: auto;
	float: right;
	padding-top: 85px;
}

section.kurumsal-icerik div.sag div.title{
	width: 100%;
	height: auto;
	float: left;
	background: url('../img/kurumsal-title-left-icon.png') no-repeat left ;
	padding-left: 30px;
	font-size: 61px;
	font-weight: 200;
	color: #0c0c0c;
	box-sizing: border-box;
}
section.kurumsal-icerik div.sag div.text{
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	padding-top: 40px;
	text-align: justify;
}

section.kurumsal-icerik div.sag a.kurumsal-detayli-bilgi{
	width:107px;
	height: 33px;
	float: left;
	background-color: #ff0000;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: 34px;
	margin-top: 55px;
}
section.referans-icerik{
	width: 100%;
	height: 550px;
	float: left;
	background-color: #fff;
}
section.referans-icerik div.title{
	width: 100%;
	height: auto;
	float: left;
	font-size: 36px;
	font-weight: 300;
	color: #0c0c0c;
	text-align: center;
	margin-top: 85px;
	padding-bottom: 25px;
	background: url('../img/title-bottom-bg.png') no-repeat bottom center;
}
section.referans-icerik div.text{
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color:#858585;
	padding-top: 25px;
	text-align: center;
	line-height: 26px;
}
section.referans-icerik div.area{
	width: 100%;
    height: 228px;
    float: left;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 90px;
}
section.referans-icerik div.area div.miniSlide {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}
section.referans-icerik div.area div.miniSlide div.producs {
    min-width: 100%;
    width: auto;
    height: auto;
    float: left;
    position: absolute;
    top: 45px;
    left: 0px;
    display: flex;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
}
section.referans-icerik div.area div.miniSlide div.producs a.item {
    width: 212px;
    height: 183px;
    float: left;
    box-sizing: border-box;
    margin-right: 35px;
    border: 1px solid #e0e0e0;
}
section.referans-icerik div.area div.miniSlide div.producs a.item div.photo {
    width: 100%;
    height: 100%;
    float: left;
    background-size: 90% auto !important;
}
section.referans-icerik div.area div.right {
    width: 31px;
    height: 57px;
    float: right;
    position: absolute;
    top: 100px;
    right: -55px;
    background: url(../img/right.png) no-repeat center;
    cursor: pointer;
}
section.referans-icerik div.area div.left {
    width: 31px;
    height: 57px;
    float: left;
    position: absolute;
    top: 100px;
    left: -55px;
    background: url(../img/left.png) no-repeat center;
    cursor: pointer;
}
section.footernav{
	width: 100%;
	height:360px;
	float: left;
	background-color: #fbf8f5;
}
section.footernav div.box{
	width: 25%;
	height: 255px;
	float: left;
	margin-top: 58px;
	border-right: 1px solid #dbd9d7;
	box-sizing: border-box;
}
section.footernav div.box div.title{
	width: 100%;
	height: auto;
	float: left;
	font-size: 15px;
	font-weight: 600;
	color: #323232;
	padding-bottom: 35px;
}
section.footernav div.box div.list{
	width: 100%;
	height: auto;
	float: left;
}
section.footernav div.box div.list a{
	width: 100%;
	height: auto;
	float: left;
	background:url('../img/orange.png') no-repeat left;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #323232;
	box-sizing: border-box;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
section.footernav div.box div.list a:hover
{
	color: #d2181f;
}
section.footernav div.box:nth-child(2){
	width: 30%;
	padding-left: 37px;
}
section.footernav div.box:nth-child(3){
	width: 15%;
	padding-left: 30px;
}
section.footernav div.box:nth-child(3) div.title{
	display: none;
}
section.footernav div.box:nth-child(3) div.list{
	padding-top: 45px;
}
section.footernav div.box:nth-child(3) div.list a{
	background: none;
	font-size: 14px;
	font-weight: 600;
	color: #323232;
	line-height: 20px;
	padding-left: 0px;
}
section.footernav div.box:nth-child(3) div.list a:hover
{
	color: #d2181f;
	font-weight: 500;
}
section.footernav div.box:last-child{
	width: 25%;
	border:none;
	padding-left: 35px;
}
section.footernav div.box:last-child div.title{
	width: 100%;
	height: auto;
	padding-top: 30px;
	padding-bottom: 20px;
}
section.footernav div.box:last-child div.bizeulasin{
	width: 100%;
	height: auto;
	float: left;
	font-size: 24px;
	font-weight: 300;
	color: #ff0000;
}
section.footernav div.box:last-child div.text{
	width: 100%;
	height: auto;
	float: left;
	font-size: 13px;
	font-weight: 500;
	color: #343434;
	padding-top: 0px;
	box-sizing: border-box;
	padding-right: 25px;
}
section.footernav div.box:last-child div.telefon{
	width: 100%;
	height: auto;
	float: left;
	font-size: 14px;
	font-weight: 500;
	color: #343434;
	padding-top: 15px;
	padding-bottom: 15px;
}
section.footernav div.box:last-child a.e-mail{
	width: 100%;
	height: auto;
	float: left;
	font-size: 14px;
	font-weight: 500;
	color: #343434;
}


section#uparea
{
	width: 100%;
	height: 502px;
	float: left;
	background-position: center;
	background-size: cover;
	margin-top: 129px;
	background-repeat: no-repeat;
}

section#content
{
	width: 100%;
	height: auto;
	float: left;
}

section.contenttop { margin-top: -245px; margin-bottom: 70px; }

section.line article { margin-left: -1px; width: calc(100% - 292px) !important; border-left: 1px solid #b0b0b0; }

section#content aside
{
	width: 293px;
	height: auto;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #b0b0b0;
	position: relative;
}

section#content aside div.whiteleft
{
	width: 1200px;
	height: 188px;
	background: #fff;
	position: absolute;
	left: -1200px;
	top: 57px;
}

section#content aside div.page
{
	width: 100%;
	height: 57px;
	float: left;
	box-sizing: border-box;
	border-left: 3px solid #ff0000;
	padding-left: 26px;
	font-size: 24px;
	color: #ff0000;
	font-weight: 500;
	background: #fff;
	line-height: 58px;
}

section#content aside div.menu
{
	width: 100%;
	height: auto;
	min-height: 188px;
	float: left;
	box-sizing: border-box;
	padding-left: 10px;
	background: #fff;
}

section#content aside div.menu a
{
	width: 100%;
	height: auto;
	float: left;
	padding: 14px 0;
	color: #121212;
	font-size: 15px;
	font-weight: 500;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background: url('../img/gray.png') no-repeat left center;
	padding-left: 14px;
	box-sizing: border-box;
	padding-right: 18px;
}

section#content aside div.menu a.active,section#content aside div.menu a:hover 
{
	color: #ff0000;
	background: url('../img/orange.png') no-repeat left 15px center;
	padding-left: 32px;
	padding-right: 0px;
}

section#content article
{
	width: calc(100% - 293px);
	height: auto;
	float: left;
	box-sizing: border-box;
	padding-left: 21px;
}

section#content article div.priup
{
	width: auto;
	min-width: 200px;
	height: 33px;
	float: left;
	background: url('../img/orange.png') no-repeat left 12px center #fff;
	color: #ff0000;
	font-size: 14px;
	font-weight: 500;
	padding: 0 27px;
	line-height: 34px;
	margin-top: 191px;
	margin-bottom: 51px;
	/* text-transform: uppercase; */
}

section#content article div.textarea
{
	width: 100%;
	height: auto;
	float: left;
	color: #303030;
	font-size: 15px;
	font-weight: 400;
	line-height: 27px;
	text-align: justify;
}

section#content article div.textarea img.map
{
	margin-top: 60px;
}

section#content article div.textarea a.accept
{
	width: auto;
	height: auto;
	float: left;
	padding: 11px 18px;
	border: 1px solid #ececec;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #ddd;
	text-decoration: underline;
	color: #ff0000;
	font-size: 15px;
	font-weight: 600;
	padding-right: 40px;
	background: url('../img/right2.png') no-repeat right 16px center;
}

section#content article div.textarea div.nace
{
	width: 100%;
	height: 115px;
	float: left;
}

section#content article div.textarea div.nace span
{
	width: 155px;
	height: 115px;
	line-height: 116px;
	float: left;
	color: #d2181f;
	font-size: 14px;
	font-weight: 500;
}

section#content article div.textarea div.nace a
{
	width: 170px;
	height: 115px;
	float: left;
	background: url('../img/doc.png') no-repeat center #f6f8f2;
}

section#content article div.textarea div.tablearea
{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 25px;
	background: #f0f8fa;
}

section#content article div.textarea div.tablearea div.title
{
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	padding: 18px 0;
	color: #ff0000;
	font-size: 14px;
	font-weight: 500;
}

section#content article div.textarea div.tablearea div.title span
{
	width: auto;
	height: auto;
	float: left;
	padding-left: 25px;
	line-height: 38px;
}
section#content article div.textarea div.tablearea div.title span.wi
{
	width: 100%;
	height: auto;
	float: left;
	padding-left: 0px;
	line-height: 38px;
	text-align: center;
}

section#content article div.textarea div.tablearea div.title input
{
	width: 330px;
	height: 38px;
	float: left;
	border: 1px solid #cad0d2;
	background: #fff;
	box-sizing: border-box;
	padding: 0 10px;
}

section#content article div.textarea div.tablearea div.title button
{
	width: auto;
	height: 38px;
	float: left;
	border: 0px;
	background: #ff0000;
	color: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
	margin-left: 7px;
}

section#content article div.textarea div.tablearea div.table
{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid rgba(216,216,216,0.9);
	padding-top: 5px;
	margin-top: 5px;
}

section#content article div.textarea div.tablearea div.table:nth-child(3)
{ margin-top: 13px }
section#content article div.textarea div.tablearea div.table:nth-child(2)
{ margin-top: 0px }

section#content article div.textarea div.tablearea div.ust:before
{
	width: 100%;
	height: 5px;
	float: left;
	content: '';
	background: #fff;
	margin-top: -11px;
}

section#content article div.textarea div.tablearea div.tr
{
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: 400;
	color: #2f2f2f;
	border-bottom: 1px solid rgba(216,216,216,0.9);
	padding-left: 5px;
	padding-right: 5px;
}

section#content article div.textarea div.tablearea div.tr:first-child
{ color: #2f2f2f; font-weight: 600; border-bottom: 0px;}
section#content article div.textarea div.tablearea div.tr:first-child div.td
{ background: #f4efe5; }
section#content article div.textarea div.tablearea div.tr:last-child
{ border-bottom: 0px;}

section#content article div.textarea div.tablearea div.tr div.td
{
	width: 30%;
	height: auto;
	float: left;
	border-right: 1px solid rgba(216,216,216,0.9);
	box-sizing: border-box;
	text-align: center;
	padding: 18px 0;
}
section#content article div.textarea div.tablearea div.tr div.td:nth-child(3)
{ width: 40%; }

section#content article div.textarea div.tablearea div.tr div.td span
{ color: #d2181f; font-size: 12px; font-weight: 500; }

section#content article div.textarea div.tablearea div.tr div.td:first-child
{ padding-left: 18px; text-align: left; }
section#content article div.textarea div.tablearea div.firstable div.tr div.td
{ width: 30%; }
section#content article div.textarea div.tablearea div.firstable div.tr div.td:first-child,
section#content article div.textarea div.tablearea div.firstable div.tr div.td:nth-child(3)
{ width: 20%; }

section#content article div.textarea div.tablearea div.tr div.td:last-child
{ border: none; }

section#content article div.textarea span.text
{
	width: 100%;
	height: auto;
	float: left;
}

























section#content article div.threearea
{
	width: 100%;
	height: auto;
	float: left;
}

section#content article div.threearea div.out-box
{
	width: 30%;
	height: 349px;
	float: left;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #dbdbdb;
	padding: 11px;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-right: 5%;
    margin-bottom: 65px;
}
section#content article div.threearea div.out-box:nth-child(3n+0)
{ margin-right: 0px; }
section#content article div.threearea div.out-box:hover
{
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

section#content article div.threearea div.out-box div.foto
{
	width: 100%;
	height: 197px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	background-size: cover !important;
}

section#content article div.threearea div.out-box div.title
{
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	color: #ff0000;
	font-size: 14px;
	font-weight: 600;
	padding: 18px 0;
}

section#content article div.threearea div.out-box div.mevk
{
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	color: #1b1b1b;
	font-size: 13px;
	font-weight: 500;
	padding: 4px 0;
	background: url('../img/mevk.png') no-repeat left center;
	padding-left: 20px;
}

section#content article div.threearea div.out-box a
{
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	color: #434343;
	font-size: 13px;
	font-weight: 400;
	padding: 6px 0;
	background: url('../img/mail.png') no-repeat left center;
	padding-left: 20px;
}






section#uparea-2
{
	width: 100%;
	height: 465px;
	float: left;
	background-position: center;
	background-size: cover;
	margin-top: 40px;
	background-repeat: no-repeat;
	position: relative;
}

section#uparea-2 div.page
{
	width: auto;
	height: auto;
	float: left;
	box-sizing: border-box;
	line-height: 57px;
	margin-top: -57px;
	padding: 0 95px 0 23px;
	color: #ff0000;
	font-size: 24px;
	font-weight: 500;
	position: absolute;
	bottom: 0px;
	background-color: #fff;
	border-left: 3px solid #ff0000;
}

section#fivebox
{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 58px;
}

section#fivebox a
{
	width: 17%;
	height: 183px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	margin-top: 35px;
	margin-right: 3.7513%;
	background: no-repeat center;
	background-size: 70% auto;
	-webkit-transition: background-size .3s, filter .4s;
	-o-transition: background-size .3s, filter .4s;
	transition: background-size .3s, filter .4s;
}
section#fivebox a:hover
{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	border: 1px solid #c0c0c0;
	background-size: 85% auto;
}
section#fivebox a:nth-child(5n+0)
{
	margin-right: 0px;
}



section#contact
{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 35px;
}

section#contact div.out-box
{
	width: 22.3%;
	height: auto;
	float: left;
	box-sizing: border-box;
	border: 1px solid #dadada;
	padding: 9px;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background: #fff;
}
section#contact div.out-box:hover
{
	border: 1px solid #bababa;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

section#contact div.out-box:nth-child(4n+0)
{
	margin-right: 0px;
}

section#contact div.out-box div.title
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 14px;
	color: #ff0000;
	font-weight: 500;
	padding: 22px 0;
}

section#contact div.out-box div.adr
{
	width: 100%;
	height: 75px;
	float: left;
	font-size: 13px;
	color: #262626;
	font-weight: 500;
}

section#contact div.out-box div.infos
{
	width: 100%;
	height: 40px;
	float: left;
	font-size: 14px;
	color: #262626;
	font-weight: 400;
}

section#contact div.out-box div.infos span
{
	width: 50%;
	height: auto;
	float: left;
}

section#contact div.out-box div.infos span b
{
	font-size: 12px;
	color: #ff0000;
	font-weight: 400;
}

section#contact div.out-box div.infos span:nth-child(3)
{
	float: right;
}

section#contact div.out-box a.mail
{
	width: auto;
	height: auto;
	float: left;
	font-size: 14px;
	color: #262626;
	font-weight: 500;
}

section#contact div.out-box a.map
{
	width: 100%;
	height: 207px;
	float: left;
	border-top: 1px solid #ff0000;
	background: url('../img/map.jpg') no-repeat center;
	background-size: 100% 100%;
	margin-top: 20px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

section#contact div.out-box a.map:hover
{
	border-top: 1px solid #666;
}

section#contact div.form
{
	width: 100%;
	height: auto;
	float: left;
	padding: 50px 0;
}

section#contact div.form div.title
{
	width: 100%;
	height: auto;
	float: left;
	color: #ff0000;
	font-size: 24px;
	font-weight: 500;
}

section#contact div.form div.cont
{
	width: 48%;
	height: auto;
	float: left;
	margin-top: 20px;
	box-sizing: border-box;
}

section#contact div.form div.cont:nth-child(2n+0) { float: right; }

section#contact div.form div.cont span
{
	width: 100%;
	height: auto;
	float: left;
	color: #262626;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
}

section#contact div.form div#secform
{
	width: 100%;
	padding: 0 40%;
}

section#contact div.form div.cont span img
{
	width: 100px; height: 35px; float: left;
}

section#contact div.form div.cont span input#security
{
	width: calc(97% - 100px); height: 35px; float: right; font-size: 17px; text-align: center;
}

section#contact div.form div.cont input
{
	width: 100%;
	height: 50px;
	float: left;
	color: #262626;
	border: 1px solid #dadada;
	box-sizing: border-box;
	padding: 0 15px;
}

section#contact div.form div.cont textarea
{
	width: 100%;
	height: 205px;
	float: left;
	color: #262626;
	border: 1px solid #dadada;
	box-sizing: border-box;
	resize: none;
	max-width: 100%;
	min-width: 100%;
	padding: 15px;
}

section#contact div.form button
{
	width: auto;
	height: auto;
	float: right;
	color: #fff;
	background: #ff0000;
	box-sizing: border-box;
	padding: 10px 15px;
	border: none;
	margin-top: 22px;
	cursor: pointer;
}

section#content article div.ikform
{
	width: 100%;
	height: auto;
	float: left;
}

section#content article div.ikform div.header
{
	width: 100%;
	height: auto;
	float: left;
	text-align: justify;
    color: #393939;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    padding-bottom: 40px;
}

section#content article div.ikform div.ikarea
{
	width: 100%;
    height: auto;
    float: left;
    background: rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    padding: 13px 15px 13px 34px;
    box-sizing: border-box;
}

section#content article div.ikform div.ikarea span 
{
    width: calc(100% - 270px);
    height: auto;
    float: left;
    font-size: 18px;
    font-weight: 100;
    color: #393939;
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
    padding-right: 28px;
    padding-top: 35px;
}

section#content article div.ikform div.ikarea label 
{
    width: 270px;
    height: 110px;
    float: right;
    background: url(../img/cloud.png) no-repeat top 20px center #ff0000;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 0 40px;
    padding-top: 73px;
}



section#content article div.ikform span.big
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 15px;
	font-weight: 600;
	color: #d2181f;
	padding: 20px 0;
}

section#content article div.ikform span.big:first-child { padding-top: 0px; }

section#content article div.ikform form div.cont
{
	width: 48%;
	height: auto;
	float: left;
	margin-bottom: 15px;
}

section#content article div.ikform form div.list div.cont:nth-child(2n+0)
{
	float: right;
}

section#content article div.ikform form div.cont span
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 15px;
	color: #333;
	font-weight: 500;
	padding-bottom: 7px;
}

section#content article div.ikform form div.cont span:after
{
	font-weight: 900;
	color: #d2181f;
	content: ' *';
}

section#content article div.ikform form div.cont input[type=text]
{
	width: 100%;
	height: 35px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ececec;
	background: #fcfcfc;
	border-radius: 3px;
	padding: 0 10px;
	color: #555;
	font-family: 'Roboto', sans-serif;
}

section#content article div.ikform form div.cont select
{
	width: calc(100% / 3);
	height: 35px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ececec;
	background: #fcfcfc;
	padding: 0 10px;
	appearance: none;
    -webkit-appearance: none;
    font-family: 'Roboto', sans-serif;
}

section#content article div.ikform form div.cont select[name="Gün"]
{ border-radius: 3px 0 0 3px; border-right: 0px; }

section#content article div.ikform form div.cont select[name="Yıl"]
{ border-radius: 0 3px 3px 0; border-left: 0px; }

section#content article div.ikform form div.cont input[type=radio]
{ width: auto; float: left; margin-top: 10px; }

section#content article div.ikform form div.cont label
{ float: left; height: 35px; padding-right: 10px; color: #555; font-weight: 500; font-size: 15px; line-height: 35px; }

section#content article div.ikform form div.full { width: 100%; }
section#content article div.ikform form div.full2 { width: 100%; padding-top: 20px; }

section#content article div.ikform form div.cont textarea
{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 80px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ececec;
	background: #fcfcfc;
	border-radius: 3px;
	padding: 10px;
	color: #555;
	font-family: 'Roboto', sans-serif;
	appearance: none;
    -webkit-appearance: none;
    resize: none;
}

section#content article div.ikform form div.row 
{ 
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 7px;
}

section#content article div.ikform form div.row span
{
	width: 17%;
	height: 35px;
	line-height: 35px;
	float: left; 
	font-size: 14px;
	color: #333;
	font-weight: 500;
}
section#content article div.ikform form div.row span.req:after
{
	font-weight: 900;
	color: #d2181f;
	content: ' *';
}
section#content article div.ikform form div.row input
{
	width: calc(80% / 4);
	height: 35px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ececec;
	background: #fcfcfc;
	border-radius: 3px;
	padding: 0 10px;
	color: #555;
	font-family: 'Roboto', sans-serif;
	margin-right: 1%;
}
section#content article div.ikform form div.row input:last-child, section#content article div.ikform form div.row select:last-child
{ margin-right: 0px; }

section#content article div.ikform form div.row select
{
	width: calc(81% / 3);
	height: 35px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ececec;
	background: #fcfcfc;
	padding: 0 10px;
	appearance: none;
    -webkit-appearance: none;
    font-family: 'Roboto', sans-serif;
    margin-right: 1%;
}

section#content article div.ikform form div.r2 input { width: calc(81% / 3); }

section#content article div.ikform form div.row2 span { width: 10%; }

section#content article div.ikform form div.row2 input { width: calc(86% / 5); }

/* section#content article div.ikform form button
{
	width: auto;
	height: auto;
	float: right;
	padding: 10px 15px;
	box-sizing: border-box;
	border: 1px solid #ececec;
	background: #fcfcfc;
	cursor: pointer;
	font-weight: 500;
} */

















section#news
{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 35px;
}

section#news div.photos
{
	width: 520px;
	height: auto;
	float: left;
	padding-bottom: 30px;
}
section#news div.photos a.photo
{
	width: 100%;
	height: 447px;
	float: left;
	background-size: cover !important;
}

section#news div.right
{
	width: calc(100% - 520px);
	height: auto;
	float: left;
	padding-left: 24px;
	box-sizing: border-box;
	padding-bottom: 30px;
}

section#news div.right div.title
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 18px;
	color: #ff0000;
	font-weight: 500;
}

section#news div.right div.text
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 15px;
	color: #303030;
	font-weight: 400;
	padding-top: 36px;
	text-align: justify;
}

section#news div.others
{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 64px;
}

section#news div.others div.title
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 24px;
	color: #ff0000;
	font-weight: 500;
	padding: 20px 0;
}

section#news div.others div.news
{
	width: 100%;
	height: auto;
	float: left;
}

section#news div.others div.news a
{
	width: 30%;
	height: auto;
	float: left;
	box-sizing: border-box;
	border: 1px solid #dadada;
	color: #313131;
	font-size: 14px;
	font-weight: 500;
	padding: 15px 0;
	padding-left: 25px;
	margin-top: 26px;
	margin-right: 5%;
	background: url('../img/orange.png') no-repeat left 12px center;
	text-transform: uppercase;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

section#news div.others div.news a:nth-child(3n+0)
{
	margin-right: 0%;
}

section#news div.others div.news a:hover
{
	color: #ff0000;
}







footer{
	width: 100%;
	height: 65px;
	float: left;
	background-color: #ff0000;
}
footer div.designed{
	width: 39%;
	height: auto;
	float: left;
	font-size: 12px;
	font-weight: 400;
	color: #ffffff;
	line-height: 65px;
}
footer div.socialmedia-icon {
    width: 32%;
    height: 32px;
    float: left;
    color: #FFF;
    margin: 13.5px 0;
    text-align: center;
}
footer div.socialmedia-icon a{
    width: 32px;
    height: 32px;
    border-radius: 0px;
    margin: 0 4px;
    float: left;
    display: inline-table;
    float: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid #e57c80;
}

footer div.socialmedia-icon a.facebook {
    background: url(../img/facebook.png) no-repeat center;
}
footer div.socialmedia-icon a.twitter {
    background: url(../img/twitter.png) no-repeat center;
}
footer div.socialmedia-icon a.instagram {
    background: url(../img/instagram.png) no-repeat center;
}
footer div.socialmedia-icon a.google {
    background: url(../img/google.png) no-repeat center;
}
footer div.socialmedia-icon a.linkedin {
    background: url(../img/linkedin.png) no-repeat center;
}

footer div.socialmedia-icon a:hover { background-color: rgba(40,40,40,0.1); border-radius: 25px; }

footer a.atamedya{
	width: 29%;
	height: auto;
    float: right;
    text-align: right;
    line-height: 65px;
    color: #fff;
    font-size: 11.5px;
    font-weight: normal;
    font-family: 'ataFont';
}

header div.mobile 
{ 
	display: none;
}

header div.mobile a.logo
{
	width: 92px;
	height: 55px;
	margin: 2.5px 0;
	float: left;
	background: url('../img/logo.png') no-repeat center;
	background-size: contain;
}

header div.mMbtn
{
	width: 25px;
    height: 25px;
    margin: 17.5px 0;
    float: right;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CiAgPGc+CiAgICA8cGF0aCBkPSJNMjQsM2MwLTAuNi0wLjQtMS0xLTFIMUMwLjQsMiwwLDIuNCwwLDN2MmMwLDAuNiwwLjQsMSwxLDFoMjJjMC42LDAsMS0wLjQsMS0xVjN6IiBmaWxsPSIjZmY5OTAwIi8+CiAgICA8cGF0aCBkPSJNMjQsMTFjMC0wLjYtMC40LTEtMS0xSDFjLTAuNiwwLTEsMC40LTEsMXYyYzAsMC42LDAuNCwxLDEsMWgyMmMwLjYsMCwxLTAuNCwxLTFWMTF6IiBmaWxsPSIjZmY5OTAwIi8+CiAgICA8cGF0aCBkPSJNMjQsMTljMC0wLjYtMC40LTEtMS0xSDFjLTAuNiwwLTEsMC40LTEsMXYyYzAsMC42LDAuNCwxLDEsMWgyMmMwLjYsMCwxLTAuNCwxLTFWMTl6IiBmaWxsPSIjZmY5OTAwIi8+CiAgPC9nPgo8L3N2Zz4K) no-repeat right;
    background-size: 25px;
}

header div.phone
{
	width: auto;
    height: 25px;
    margin: 17.5px 0;
    float: right;
    background: url('../img/orange-phone.png') no-repeat left center;
    background-size: 20px;
    color: #1e1e1e;
    font-size: 13px;
    margin-right: 20px;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 25px;
}

div#mM {
    width: 100%;
    height: calc(100% - 60px);
    padding: 20px 20px 10px 20px;
    margin-top: 60px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9;
    background: #fff;
    overflow-y: auto;
    box-sizing: border-box;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    left: 120%;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

div#mM a {
    width: 100%;
    height: 40px;
    line-height: 41px;
    margin-bottom: 10px;
    float: left;
    background: #f4f4f4;
    border-radius: 3px;
    color: #222121;
    font-weight: 700;
    font-size: 14px;
    color: #383838;
    padding-left: 20px;
    padding-top: 0px;
    box-sizing: border-box;
}

div#mM.active {
    display: block;
    left: 0px;
}

section#content aside select.mmenu
{
	display: none;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxNC41IDMxNC41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMTQuNSAzMTQuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMTQuNSw5MC41YzAsNi0yLDEzLTcsMThsLTEzMywxMzNjLTUsNS0xMCw3LTE3LDdzLTEyLTItMTctN2wtMTMzLTEzM2MtMTAtMTAtMTAtMjUsMC0zNSAgICBzMjQtMTAsMzQsMGwxMTYsMTE2bDExNi0xMTZjMTAtMTAsMjQtMTAsMzQsMEMzMTIuNSw3OC41LDMxNC41LDg0LjUsMzE0LjUsOTAuNXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat right center #fff;
    background-position: right 20px center;
    background-size: 20px;
    color: #333;
    margin: 0px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-left: 21px;
    float: left;
    border-radius: 0px;
    border: 1px solid #cac9c9;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 15px;
    font-weight: 700;
    margin-top: 20px;
}