@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin,latin-ext);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext);

@font-face { font-family: 'ataFont'; src: url('../font/ufonts.com_ft77-ataFont.eot'); src: url('../font/ufonts.com_ft77-ataFont.eot?#iefix') format('embedded-opentype'), url('../font/ufonts.com_ft77-ataFont.woff2') format('woff2'), url('../font/ufonts.com_ft77-ataFont.woff') format('woff'), url('../font/ufonts.com_ft77-ataFont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'ataFont'; src: url('../font/ufonts.com_ft77-ataFont.eot'); src: url('../font/ufonts.com_ft77-ataFont.eot?#iefix') format('embedded-opentype'), url('../font/ufonts.com_ft77-ataFont.woff2') format('woff2'), url('../font/ufonts.com_ft77-ataFont.woff') format('woff'), url('../font/ufonts.com_ft77-ataFont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

* {margin:0px;padding:0px;outline: none;}

a {text-decoration: none;color:#484848;}

*.highslide-controls { display: none; }

div.wrapper
{
	width: 100%;
	max-width: 1230px;
	padding: 0 15px;
	margin: auto;
	box-sizing: border-box;
}

div.mfont
{
	font-family: 'Montserrat', sans-serif;
}

div.rfont
{
	font-family: 'Roboto', sans-serif;
}

/* header */

section.header
{
	width: 100%;
	height: 473px;
	float: left;
	position: relative;
	z-index: 1;
	background-size: 100% 100% !important;
}

body#main section.header
{
	width: 100%;
	height: 140px;
	float: left;
	background: none !important;
}

header 
{
	width: 100%;
	height: 140px;
	float: left;
}

header div.gray
{
	width: 100%;
	height: 96px;
	float: left;
	background: rgba(0, 0, 0, 0.45);
}

header div.gray div.hinfos
{
	width: 100%;
	height: 53px;
	line-height: 53px;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #fff;
}

header div.gray div.hinfos div.hleft
{
	width: auto;
	height: auto;
	float: left;
}

header div.gray div.hinfos div.hleft span.info
{
	width: auto;
	height: auto;
	float: left;
	padding-left: 20px;
	margin-right: 32px;
}

header div.gray div.hinfos div.hleft span.info a
{
	color: #fff;
}

header div.gray div.hinfos div.hleft span.phone
{
	background: url('../img/phone.png') no-repeat left center;
}
header div.gray div.hinfos div.hleft span.fax
{
	background: url('../img/fax.png') no-repeat left center;
}
header div.gray div.hinfos div.hleft span.mail
{
	background: url('../img/mail.png') no-repeat left center;
}

header div.gray div.hinfos div.hright
{
	width: auto;
	height: 100%;
	float: right;
}

header div.gray div.hinfos div.hright form
{
	width: auto;
	height: 100%;
	float: left;
}

header div.gray div.hinfos div.hright form input[type="text"]
{
	width: 40px;
	height: 100%;
	float: left;
	cursor: pointer;
	background: url('../img/search.png') no-repeat center;
	border: none;
	padding-right: 40px;
	box-sizing: 0px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	border-radius: 3px;
}

header div.gray div.hinfos div.hright form input[type="text"]::-webkit-search-decoration,
header div.gray div.hinfos div.hright form input[type="text"]::-webkit-search-cancel-button 
{
	display: none; 
}

header div.gray div.hinfos div.hright form input[type="text"]:focus
{
	width: 160px;
	height: calc(100% - 20px);
	background: url('../img/search2.png') no-repeat;
	background-color: #fff;
	background-position: left 10px center;
	padding: 0 10px 0 35px;
	box-sizing: border-box;
	margin: 10px 0px;
}

header div.gray div.hinfos div.hright a.langa
{
	width: auto;
	height: 33px;
	line-height: 33px;
	text-align: center;
	float: left;
	margin: 10px 0 10px 10px;
	padding: 0 12px;
	color: #383838;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: inset 0 0 0 rgba(0,0,0,0);
	border: 0px;
	font-size: 12px;
}

header div.gray div.hinfos div.hright a.social
{
	width: 40px;
	height: 100%;
	float: left;
}

header div.gray div.hinfos div.hright a.search
{
	background: url('../img/search.png') no-repeat center;
}
header div.gray div.hinfos div.hright a.facebook
{
	background: url('../img/facebook.png') no-repeat center;
}
header div.gray div.hinfos div.hright a.twitter
{
	background: url('../img/twitter.png') no-repeat center;
}
header div.gray div.hinfos div.hright a.instagram
{
	background: url('../img/instagram.png') no-repeat center;
}
header div.gray div.hinfos div.hright a.linkedin
{
	background: url('../img/linkedin.png') no-repeat center;
}

header menu
{
	width: 100%;
	height: 87px;
	float: left;
	background: #fff;
	margin-top: -43px;
}

div#mM
{
	width: 100%;
	height: calc(100% - 60px);
	padding: 20px 20px 0 20px;
	margin-top: 60px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 21;
	background: #fff;
	display: none;
	overflow-y: auto;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);

	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
    
	transform: rotate(-100deg);
	-webkit-transform: rotate(-100deg);
	-moz-transform: rotate(-100deg);
	-ms-transform: rotate(-100deg);

	transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%;
	-moz-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;

    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

div#mM.active
{
	display: block;
	transform: rotate(0deg) !important;
	-webkit-transform: rotate(0deg) !important;
	-moz-transform: rotate(0deg) !important;
	-ms-transform: rotate(0deg) !important;
}

div#mM a
{
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	float: left;
	background: #f4f4f4;
	border-radius: 3px;
	color: #222121;
	font-weight: 700;
	font-size: 14px;
	color: #383838;
	padding-left: 20px;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}

header menu div.mMbtn
{
	display: none;
}

header menu a.logo
{
	width: auto;
	height: 100%;
	float: left;
}

header menu a.logo img
{
	width: auto;
	height: 100%;
	float: left;
}

header menu div.navs
{
	width: auto;
	height: auto;
	float: right;
	margin: 31.5px 0;
	margin-right: 26px;
}

header menu div.navs a
{
	width: auto;
	height: auto;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #394044;
	padding: 0 20px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	line-height: 25px;
}

select#langs
{
	width: auto;
	height: 33px;
	margin: 10px 0 10px 10px;
	padding: 0 25px 0 10px;
	float: left;
	background: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiMzODM4MzgiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K') no-repeat right 10px center #fff;
	background-size: 8px;
	border-radius: 3px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: inset 0 0 0 rgba(0,0,0,0);
	border: 0px;
	color: #383838;
	font-size: 12px;

	appearance: none;
	-webkit-appearance: none;
}

/* main */


section#slider
{
	width: 100%;
	height: 713px;
	float: left;
	position: relative;
	margin-top: -140px;
	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-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
}

section#slider div#rotator a:nth-child(1){ left:0%; }
section#slider div#rotator a:nth-child(2){ left:100%; }
section#slider div#rotator a:nth-child(3){ left:200%; }
section#slider div#rotator a:nth-child(4){ left:300%; }
section#slider div#rotator a:nth-child(5){ left:400%; }
section#slider div#rotator a:nth-child(6){ left:500%; }
section#slider div#rotator a:nth-child(7){ left:600%; }
section#slider div#rotator a:nth-child(8){ left:700%; }
section#slider div#rotator a:nth-child(9){ left:800%; }
section#slider div#rotator a:nth-child(10){ left:900%; }
section#slider div#rotator a:nth-child(11){ left:1000%; }
section#slider div#rotator a:nth-child(12){ left:1100%; }
section#slider div#rotator a:nth-child(13){ left:1200%; }
section#slider div#rotator a:nth-child(14){ left:1300%; }
section#slider div#rotator a:nth-child(15){ left:1400%; }
section#slider div#rotator a:nth-child(16){ left:1500%; }
section#slider div#rotator a:nth-child(17){ left:1600%; }
section#slider div#rotator a:nth-child(18){ left:1700%; }
section#slider div#rotator a:nth-child(19){ left:1800%; }
section#slider div#rotator a:nth-child(20){ left:1900%; }


section#slider div#rotator > a span.text
{
	width: 100%;
	height: auto;
	padding: 0 60px;
	float: left;
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-shadow: 0px 3px 7px #222;
	margin-top: 360px;
	box-sizing: border-box;
}

section#slider div#rotator > a div.rtextarea
{
	width: 100%;
	height: auto;
	float: left;
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

section#slider div#rotator > a div.rtext
{
	width: auto;
	height: auto;
	float: left;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	padding: 16px 35px;
	background: rgba(74, 149, 102, 0.8);
	border-radius: 50px;
	display: inline-block;
}

section#slider div#slidernav
{
	width: 100%;
	height: 0px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 100;/*
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;*/
}



section#slider div#slidernav a.navleft
{
	width: 68px;
	height: 68px;
	float: left;
	margin-top: -322px;
	background: url('../img/sliderleft.png') no-repeat center;
	background-color: rgba(0, 0, 0, 0.7);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	cursor: pointer;
}

section#slider div#slidernav a.navright
{
	width: 68px;
	height: 68px;
	float: right;
	margin-top: -322px;
	background: url('../img/sliderright.png') no-repeat center;
	background-color: rgba(0, 0, 0, 0.7);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	cursor: pointer;
}

section#slider div#slidernav a:hover { background-color: rgba(0, 0, 0, 0.9); }

main section#mauretim
{
	width: 100%;
	margin-top: 30px;
	float: left;
}

main section#topNews a.mtop
{
	width: 50%;
	height: auto;
	float: left;
	padding: 25px 58px 25px 105px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	box-sizing: border-box;
	background: url(../img/minfoto.png) no-repeat;
	background-position: left 15px center;
	position: relative;
	margin-top: -60px;
}

main section#topNews a.mtop b
{
	width: 100%;
	height: auto;
	float: left;
	font-weight: 700;
	font-size: 16px;
	padding-bottom: 13px;
	box-sizing: border-box;
}

main section#topNews a.mtop span
{
	width: 100%;
	height: auto;
	float: left;
	font-weight: 400;
	font-size: 13px;
}

main section#mauretim div.mutitle
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding-top: 80px;
	font-size: 46px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

main section#mauretim div.mutitlet
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding-top: 20px;
	color: #bcbcbc;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	padding-bottom: 23px;
	position: relative;
}

main div.bborder { height: 3px; position: absolute; bottom: 0px; border-radius: 10px; right: 0px; left: 0px; margin: auto; }

main section#mauretim div.mtopboxs
{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 115px;
}

main section#mauretim div.mtopboxs .item
{
	width: calc(20% - 25px);
	height: 330px;
	float: left;
	margin-right: 31.265624px;
	margin-top: 30px;
	text-align: center;
}

main section#mauretim div.mtopboxs .item:nth-child(5n+0)
{
	margin-right: 0px;
}

main section#mauretim div.mtopboxs .item div.foto
{
	width: 100%;
	height: 150px;
	float: left;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

main section#mauretim div.mtopboxs .item div.ifoto1
{
	background: url('../img/mtop1-hover.jpg') no-repeat center;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
main section#mauretim div.mtopboxs .item:hover div.ifoto1
{
	-webkit-filter: none;
    filter: none;
}
main section#mauretim div.mtopboxs .item div.ifoto2
{
	background: url('../img/mtop2-hover.jpg') no-repeat center;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
main section#mauretim div.mtopboxs .item:hover div.ifoto2
{
	-webkit-filter: none;
    filter: none;
}
main section#mauretim div.mtopboxs .item div.ifoto3
{
	background: url('../img/mtop3-hover.jpg') no-repeat center;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
main section#mauretim div.mtopboxs .item:hover div.ifoto3
{
	-webkit-filter: none;
    filter: none;
}
main section#mauretim div.mtopboxs .item div.ifoto4
{
	background: url('../img/mtop4-hover.jpg') no-repeat center;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
main section#mauretim div.mtopboxs .item:hover div.ifoto4
{
	-webkit-filter: none;
    filter: none;
}
main section#mauretim div.mtopboxs .item div.ifoto5
{
	background: url('../img/mtop5-hover.jpg') no-repeat center;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
main section#mauretim div.mtopboxs .item:hover div.ifoto5
{
	-webkit-filter: none;
    filter: none;
}

main section#mauretim div.mtopboxs .item div.mtitle
{
	width: 100%;
	height: auto;
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #434343;
	padding: 25px 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	position: relative;
}

main section#mauretim div.mtopboxs .item div.mtext
{
	width: 100%;
	height: auto;
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #6f6767;
	padding-top: 25px;
	line-height: 18px;
}


main section#mauretimb
{
	width: 100%;
	height: 618px;
	float: left;
	background: #f4f6f9;
}

main section#mauretimb div.left
{
	width: calc(100% - 675px);
	height: 618px;
	float: left;
	margin-left: -55px;
	padding: 20px;
	box-sizing: border-box;
}

main section#mauretimb div.right
{
	width: 675px;
	height: auto;
	float: left;
	margin-left: 55px;
	box-sizing: border-box;
}

main section#mauretimb div.right div.title
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 46px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	padding-top: 125px;
}

main section#mauretimb div.right div.mtitle
{
	width: 100%;
	height: auto;
	float: left;
	color: #414856;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	padding-top: 24px;
}

main section#mauretimb div.right div.mtext
{
	width: 100%;
	height: auto;
	float: left;
	color: #3d3737;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	padding-top: 45px;
	text-align: justify;
	line-height: 24px;
}

main section#mauretimb div.right a.moreinfo
{
	width: auto;
	height: auto;
	float: left;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	margin-top: 35px;
	padding: 10px 25px;
	background: none;
	border-radius: 50px;
	text-align: center;
}

main section#makurum
{
	width: 100%;
	height: 545px;
	float: left;
	text-align: center;
	position: relative;
}

main section#makurum div.makurumcolor
{
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.9;
}

main section#makurum div.makurumtext
{
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
}


main section#makurum div.mktitle
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding-top: 90px;
	color: #fff;
	font-size: 46px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

main section#makurum div.mktitlet
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding: 25px 0 30px 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	background: url('../img/makualt.jpg') no-repeat bottom center;
}

main section#makurum div.mktext
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding: 36px 0 50px 0;
	line-height: 24px;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
}

main section#makurum a.moreinfo
{
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	padding: 10px 25px;
	background: #fff;
	border-radius: 50px;
	text-align: center;
}

main section#mahaber
{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	padding: 115px 0 65px 0;
}


main section#mahaber div.titext
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	font-weight: 700;
	color: #bcbcbc;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
}

main section#mahaber div.tititle
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 46px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding: 5px 0 24px 0;
	position: relative;
}

main section#mahaber div.tiboxs
{
	width: 100%;
	height: auto;
	float: left;
	padding: 15px;
	box-sizing: border-box;
	margin-top: 53px;
	/*margin-bottom: 200px;*/
}

main section#mahaber div.tiboxs div.titem1
{
	width: 780px;
	height: 260px;
	float: left;
	box-sizing: border-box;
}

main section#mahaber div.tiboxs div.titem1 div.left
{
	width: 390px;
	height: 260px;
	float: left;
	box-sizing: border-box;
	padding: 20px 28px 0 28px;
}

main section#mahaber div.tiboxs div.titem div.hdate
{
	width: 100%;
	height: auto;
	float: left;
	color: #999999;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

main section#mahaber div.tiboxs div.titem div.htitle
{
	width: auto;
	height: auto;
	float: left;
	color: #222222;
	font-size: 19px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	padding-top: 20px;
}

main section#mahaber div.tiboxs div.titem div.htext
{
	width: auto;
	height: auto;
	float: left;
	color: #999999;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	line-height: 30px;
}

main section#mahaber div.tiboxs div.titem a.readmore
{
	width: auto;
	height: auto;
	float: left;
	color: #ef5350;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	padding-top: 15px;
	text-decoration: underline;
}

main section#mahaber div.tiboxs div.titem1 div.right
{
	width: 390px;
	height: 260px;
	float: left;
	box-sizing: border-box;
	background-size: cover !important;
}

main section#mahaber div.tiboxs div.titem1 div.right span
{
	height: 100%;
	width: 100%;
	float: left;
	background: url('../img/lisaret.png') no-repeat left center;
}


main section#mahaber div.tiboxs div.titem2 
{ 
	width: 390px; 
	height: 520px;  
	float: right; 
}

main section#mahaber div.tiboxs div.titem2 div.top
{
	width: 390px;
	height: 260px;
	float: left;
	box-sizing: border-box;
	padding: 20px 28px 0 28px;

}
main section#mahaber div.tiboxs div.titem2 div.bottom
{
	width: 390px;
	height: 260px;
	float: left;
	box-sizing: border-box;
	background-size: cover !important;
}

main section#mahaber div.tiboxs div.titem2 div.bottom span
{
	height: 100%;
	width: 100%;
	float: left;
	background: url('../img/bisaret.png') no-repeat top center;
}


main section#mahaber div.tiboxs div.titem3
{ 
	width: 780px; 
	height: 260px;  
	float: left; 
}
main section#mahaber div.tiboxs div.titem3 div.left
{
	width: 390px;
	height: 260px;
	float: left;
	box-sizing: border-box;
	background-size: cover !important;
}

main section#mahaber div.tiboxs div.titem3 div.right
{
	width: 390px;
	height: 260px;
	float: left;
	box-sizing: border-box;
	padding: 20px 28px 0 28px;

}

main section#mahaber div.tiboxs div.titem3 div.left span
{
	height: 100%;
	width: 100%;
	float: left;
	background: url('../img/risaret.png') no-repeat right center;
}

main section#mahaber div.tititle2
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 46px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding: 5px 0 50px 0;
	position: relative;
}





main section.contitle
{
	width: 100%;
	height: 89px;
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 32.39px;
}


main section.contitle div.title
{
	width: 100%;
	line-height: 89px;
	float: left;
	color: #fff;
}

main section.icontent
{
	width: 100% ;
	height: auto;
	float: left;
}

main section.icontent aside.mob { display: none; }

main section.icontent aside.norm
{
	width: 225px;
	height: auto;
	float: left;
	border-right: 1px solid #ccc;
	padding: 20px 0px;
	box-sizing: border-box;
}

main section.icontent aside.norm div.menuborder
{
	width: 56px;
	height: 1px;
	float: left;
	left: 0px;
	bottom: 0px;
	position: absolute;
}

main section.icontent aside.norm a:last-child div.menuborder
{
	display: none;
}

main section.icontent aside.norm a
{
	width: 100%;
	height: auto;
	line-height: 28px;
	padding: 10px 0;
	float: left;
	color: #210a0c;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	position: relative;
}

main section.icontent aside.norm a:last-child
{
	background: none;
}

main section.icontent aside.norm a.active
{
	width: auto;
	height: auto;
	float: left;
	background: none;
}

main section.icontent aside.norm div.opened
{
	width: calc(100% - 22px);
	height: auto;
	float: left;
	padding-bottom: 15px;
	position: relative;
}

main section.icontent aside.norm div.opened a
{
	width: 100%;
	height: 26px;
	float: left;
	padding-left: 18px;
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	position: relative;
}

main section.icontent aside.norm div.menuborders
{
	width: 5px;
	height: 3px;
	float: left;
	left: 0px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

main section.icontent aside.norm div.opened div.opened2
{
	width: 100%;
	height: auto;
	float: left;
}

main section.icontent aside.norm div.opened div.opened2 a
{
	width: 100%;
	height: auto;
	float: left;
	padding-left: 18px;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	background: #fff;
}


main section.icontent article
{
	width: calc(100% - 250px);
	height: auto;
	float: right;
	padding-top: 37px;
}

main section.icontent article div.title
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

main section.icontent article div.text
{
	width: 100%;
	height: auto;
	float: left;
	color: #210a0c;
	line-height: 24px;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	padding-top: 27px;
	margin-bottom: 35px;
}

main section.icontent article div.navibar
{
	width: auto;
	height: auto;
	float: left;
}

main section.icontent article div.navibar a
{
	width: auto;
	height: auto;
	float: left;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	background: url(../img/navright.png) no-repeat right center;
	padding-right: 20px;
	box-sizing: border-box;
	margin-right: 15px;
}

main section.icontent article div.navibar a:last-child
{
	background: none;
	padding-right: 0px;
	margin-right: 0px;
}


main section.icontent article div.navibarright
{
	width: auto;
	height: 36px;
	float: right;
	background: #fcf5f1;
	margin-top: -10px;
	position: relative;
}


main section.icontent article div.navibarright a.goback
{
	width: auto;
	height: auto;
	float: left;
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 36px;
	box-sizing: border-box;
	padding-left: 30px;
	background: url(../img/naviback.png) no-repeat left center;
	padding-right: 10px;
}

main section.icontent article div.fourboxs
{
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	margin-bottom: 30px;
}

main section.icontent article div.fourboxs a.item
{
	width: 222px;
	height: 308px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
	margin: 21px 20.67187px 0 0;
	padding: 11px;
}

main section.icontent article div.fourboxs a.item:nth-child(4n+0)
{
	margin: 21px 0 0 0;
}

main section.icontent article div.fourboxs a.item div.foto
{
	width: 100%;
	height: 198px;
	float: left;
	box-sizing: border-box;
	background-size: cover !important;
}

main section.icontent article div.fourboxs a.item div.itemtitle
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding: 20px 0 10px 0;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}

main section.icontent article div.fourboxs a.item div.itemtext
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	color: #3f3a3a;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}


main section.icontent article div.fourboxsabout
{
	width: 100%;
	height: auto;
	padding-bottom: 50px;
	float: left;
	box-sizing: border-box;
	margin-top: 21px;
}

main section.icontent article div.fourboxsabout div.fleft
{
	width: 488px;
	height: auto;
	float: left;
	box-sizing: border-box;
}

main section.icontent article div.fourboxsabout div.fleft a.bigph
{
	width: 100%;
	height: auto;
	float: left;
	padding: 11px;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
}

main section.icontent article div.fourboxsabout div.fleft a.bigph div.iph
{
	width: 100%;
	height: 475px;
	float: left;
	box-sizing: border-box;
	background-size: cover !important;
}

main section.icontent article div.fourboxsabout div.fleft a.lttph
{
	width: calc(25% - 12px);
	height: auto;
	float: left;
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
	margin-right: 16px;
	margin-top: 16px;
}
main section.icontent article div.fourboxsabout div.fleft div.lthelp
{
	width: 100%;
	height: auto;
	float: left;
}

main section.icontent article div.fourboxsabout div.fleft div.lthelp a.lttph:nth-child(4n+0)
{
	margin-right: 0px;
}

main section.icontent article div.fourboxsabout div.fleft div.lthelp a.lttph div.iphl
{
	width: 100%;
	height: 102px;
	float: left;
	box-sizing: border-box;
	background-size: cover !important;
}


main section.icontent article div.fourboxsabout div.fright
{
	width: calc(100% - 488px);
	height: auto;
	float: left;
	box-sizing: border-box;
	padding-left: 29px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

main section.icontent article div.fourboxsabout div.fright div.btitle
{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	float: left;
	font-size: 28.98px;
}

main section.icontent article div.fourboxsabout div.fright div.stitle
{
	width: 100%;
	height: auto;
	float: left;
	color: #282324;
	font-size: 17.67px;
	padding: 15px 0;
}

main section.icontent article div.fourboxsabout div.fright div.ftext
{
	width: 100%;
	height: auto;
	float: left;
	color: #443f40;
	font-size: 13px;
	text-align: justify;
	line-height: 24px;
}

main section.icontent article div.fourboxsabout div.fright a.fdown
{
	width: 100%;
	height: 56px;
	line-height: 56px;
	float: left;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	background: #fcf5f1;
	margin-top: 9px;
	padding-left: 55px;
	box-sizing: border-box;
}

main section.icontent article div.fourboxsabout div.fright a.pdf
{
	color: #cc494b;
	background: url('../img/pdf.png') no-repeat #fcf5f1;
	background-position: left 12px center;
}


main section.icontent article div.fourboxsabout div.fright a.youtube
{
	color: #cc494b;
	background: url('../img/youtube.svg') no-repeat #fcf5f1;
	background-position: left 12px center;
	background-size: 30px;
}

main section.icontent article div.fourboxsabout div.fright a.xls
{
	color: #4c975f;
	background: url('../img/xls.png') no-repeat #fcf5f1;
	background-position: left 12px center;
}


main section.icontent article div.fourboxsabout div.fatext
{
	width: 100%;
	height: auto;
	float: left;
	color: #443f40;
	font-size: 13px;
	text-align: justify;
	line-height: 24px;
	padding: 35px 0 45px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

main section.icontent article div.fourboxsabout div.fatitle
{
	width: 100%;
	height: auto;
	margin-top: 30px;
	float: left;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

main section#uretim
{
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 95px;
}

main section#uretim div.left
{
	width: 553px;
	height: 468px;
	float: left;
	margin-top: 75px;
	margin-right: 20px;
}

main section#uretim div.right
{
	width: calc(100% - 573px);
	height: auto;
	float: left;
	margin-top: 95px;
}

main section#uretim div.right div.btitle
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 24px;
	padding-bottom: 48px;
}

main section#uretim div.right div.texts
{
	width: 100%;
	height: auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	float: left;
	color: #3d3737;
}

main section#uretim div.right div.texts b
{
	font-weight: 700;
	font-size: 24px;
}

main section#urelist
{
	width: 100%;
	height: auto;
	float: left;
	background-image: url('../img/uretbg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 25px 0;
	box-sizing: border-box;
	text-align: center;
}

main section#urelist a.urebox
{
	width: 259px;
	height: 259px;
	display: inline-block;
	/*background: rgba(255, 255, 255, 0.9);*/
	background-color: #fff;
	margin: 25px;
	font-family: 'Open Sans', sans-serif;
	color: #444444;
	font-size: 15px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	opacity: 0.9;

	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
}

main section#urelist a.urebox:hover
{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);

	opacity: 1;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

main section#urelist a.urebox div.img
{
	height: 65px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 55px;
}

/*main section#urelist a.urebox div.img1
{
	background: url('../img/uretim1-hover.png') no-repeat center;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

main section#urelist a.urebox:hover div.img1
{
	-webkit-filter: none;
    filter: none;
}
main section#urelist a.urebox div.img2
{
	background: url('../img/uretim2-hover.png') no-repeat center;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
main section#urelist a.urebox:hover div.img2
{
	-webkit-filter: none;
    filter: none;
}
main section#urelist a.urebox div.img3
{
	background: url('../img/uretim3-hover.png') no-repeat center;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
main section#urelist a.urebox:hover div.img3
{
	-webkit-filter: none;
    filter: none;
}
main section#urelist a.urebox div.img4
{
	background: url('../img/uretim4-hover.png') no-repeat center;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
main section#urelist a.urebox:hover div.img4
{
	-webkit-filter: none;
    filter: none;
}*/

main section#urelist a.urebox div.title
{
	color: #454545;
	font-size: 18px;
	font-weight: 700;
	padding: 20px 0px 23px 0px;
	background: url('../img/urunboxalt.jpg') no-repeat bottom center;
}

main section#urelist a.urebox div.text
{
	width: 100%;
	padding: 20px 8px;
	float: left;
	font-size: 13px;
	box-sizing: border-box;
}


main section#referanslar
{
	width: 100%;
	height: auto;
	float: left;
}

main section#referanslar div.title
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 24px;
	padding: 39px 0 33px 0;
}

main section#referanslar div.text
{
	width: 100%;
	height: auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	float: left;
	color: #3d3737;
	padding-bottom: 39px;
}

main section#referanslar div.text b
{
	font-weight: 700;
	font-size: 24px;
}

main section#referanslar div.boxs
{
	width: 100%;
	height: auto;
	float: left;
}

main section#referanslar div.boxs a.box
{
	width: calc(20% - 16px);
	height: 227px;
	float: left;
	margin: 0 16px 16px 0;
	box-sizing: border-box;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    background-size: 50% !important;
}

main section#referanslar div.boxs a.box:hover
{
	border: 4px solid #e5dfdf;
	-webkit-filter: none;
    filter: none;
}


main section#referanslar div.boxs a.box:nth-child(5n+0)
{
	margin-right: 0px;
}

main section#referanslar div.boxs a.box div.rsocials
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding-top: 155px;
	box-sizing: border-box;
	opacity: 0;
	transition: 0.3s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
}

main section#referanslar div.boxs a.box div.rsocials a.rsocial
{
	width: 32px;
	height: 32px;
	display: inline-block;
	background: #fff;
	border-radius: 32px;
}

main section#referanslar div.boxs a.box div.rsocials a.facebook
{
	background: url('../img/rfacebook.png') no-repeat center
}
main section#referanslar div.boxs a.box div.rsocials a.twitter
{
	background: url('../img/rtwitter.png') no-repeat center
}
main section#referanslar div.boxs a.box div.rsocials a.instagram
{
	background: url('../img/rinstagram.png') no-repeat center
}

main section#referanslar div.boxs a.box:hover div.rsocials { opacity: 1; }



main section#haberler
{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 35px;
	margin-bottom: 60px;
}

main section#haberler div.left
{
	width: 50%;
	height: auto;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
}

main section#haberler div.left div.btitle
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 24px;
	padding-bottom: 30px;
}

main section#haberler div.left div.texts
{
	width: 100%;
	height: auto;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	float: left;
	color: #3d3737;
	line-height: 24px;
}

main section#haberler div.left div.lbold
{
	width: 100%;
	height: auto;
	font-family: 'Roboto', sans-serif;
	float: left;
	color: #3d3737;
	line-height: 24px;
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 30px;
}

main section#haberler div.right
{
	width: 50%;
	height: auto;
	float: left;
	padding-left: 20px;
	box-sizing: border-box;
}

main section#haberler div.right div.hfoto
{
	width: 100%;
	height: 460px;
	float: left;
}

main section#haberler div.hatitle
{
	width: 100%;
	height: auto;
	float: left;
	font-size: 25px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin-top: 80px;
}

main section#haberler div.otherboxs
{
	width: 100%;
	height: auto;
	float: left;
}

main section#haberler div.otherboxs a.item
{
	width: 146px;
	height: auto;
	float: left;
	box-sizing: border-box;
	border: none;
	margin-right: 29.67187px;
	padding-top: 28px;
}

main section#haberler div.otherboxs a.item:last-child
{
	margin-right: 0px;
}

main section#haberler div.otherboxs a.item div.foto
{
	width: 100%;
	height: 109px;
	float: left;
	box-sizing: border-box;
	background-size: cover !important;
}

main section#haberler div.otherboxs a.item div.ititext
{
	width: 100%;
	height: auto;
	float: left;
	padding: 13px 0 9px 0;
	color: #222222;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}

main section#haberler div.otherboxs a.item div.idate
{
	width: auto;
	height: auto;
	float: right;
	color: #999999;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}


main section#mareferans
{
	width: 100%;
	height: auto;
	float: left;
	background: #f7f7f7;
}

main section#mareferans div.refs
{
	width: 100%;
	height: auto;
	float: left;
	padding: 50px 132px;
	box-sizing: border-box;
}

main section#mareferans div.refs a.refitem
{
	width: 20%;
	height: 180px;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	background-size: 80% !important;
}

main section#mareferans div.refs a.refitem:hover
{
	-webkit-filter: none;
    filter: none;
}

main section#mareferans div.refs a.refitem:nth-child(5),
main section#mareferans div.refs a.refitem:last-child
{ border-right: none; }

main section#mareferans div.refs a.refitem:nth-child(6), 
main section#mareferans div.refs a.refitem:nth-child(7), 
main section#mareferans div.refs a.refitem:nth-child(8), 
main section#mareferans div.refs a.refitem:nth-child(9),
main section#mareferans div.refs a.refitem:nth-child(10)
{ border-bottom: none; }




main section.icontent div.fiveboxs
{
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	margin-bottom: 30px;
}

main section.icontent div.fiveboxs a.item
{
	width: 222px;
	height: 320px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #d8d8d8;
	margin: 21px 20.67187px 0 0;
	padding: 11px;
}

main section.icontent div.fiveboxs a.item:nth-child(5n+0)
{
	margin: 21px 0 0 0;
}

main section.icontent div.fiveboxs a.item div.foto
{
	width: 100%;
	height: 198px;
	float: left;
	box-sizing: border-box;
	background-size: cover !important;
}

main section.icontent div.fiveboxs a.item div.itemtitle
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding: 20px 0 10px 0;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}

main section.icontent div.fiveboxs a.item div.itemtext
{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	color: #3f3a3a;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}


main section.iletisim
{
	width: 100%;
	height: auto;
	float: left;
}

main section.iletisim div.title
{
	width: auto;
	height: auto;
	float: left;
	font-size: 28px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	padding-bottom: 30px;
}

main section.iletisim div.info
{
	width: 100%;
	height: auto;
	float: left;
	color: #2b2929;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	padding-bottom: 40px;
}

main section.iletisim div.info2
{
	width: 100%;
	height: auto;
	float: left;
	color: #2b2929;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	padding-bottom: 40px;
}

main section.iletisim div.info b
{
	font-size: 30px;
	font-weight: 300;
}

main section.iletisim div.ileft
{
	width: 50%;
	height: auto;
	float: left;
	box-sizing: border-box;
	margin-top: 35px;
}

main section.iletisim div.ileft a.address
{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	float: left;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #2b2929;
}

main section.iletisim div.iright
{
	width: 50%;
	height: auto;
	float: left;
	box-sizing: border-box;
	margin-top: 35px;
}

main section.iletisim div.iright #iletisimForm
{
	width: 100%;
	height: auto;
	float: left;
}

main section.iletisim div.iright #iletisimForm input
{
	width: calc(50% - 6.5px);
	height: 46px;
	float: left;
	padding-left: 15px;
	border: 1px solid #ececec;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
}

main section.iletisim div.iright #iletisimForm input:nth-child(2)
{
	float: right;
}

main section.iletisim div.iright #iletisimForm input.tam
{
	width: 100%;
}

main section.iletisim div.securityArea
{
	width: 100%;
	float: left;
}

main section.iletisim div.securityArea span
{
	width: 100px;
	height: auto;
	float: left;
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

main section.iletisim div.securityArea span img
{
	width: 100px;
	height: 44px;
	float: left;
}

main section.iletisim div.securityArea input
{
	width: calc(100% - 102px) !important;
	float: left !important;
}

main section.iletisim div.iright #iletisimForm textarea
{
	width: 100%;
	min-width: 100%;
	width: 100%;
	height: auto;
	min-height: 150px;
	float: left;
	padding: 15px;
	border: 1px solid #ececec;
	box-sizing: border-box;
	resize: vertical;
    overflow: auto;
    font-family: 'Roboto', sans-serif;
}

main section.iletisim div.iright #iletisimForm button
{
	width: auto;
	height: auto;
	float: right;
	padding: 10px;
	border: 0px;
	border-radius: 0px;
	background: #fff;
	font-size: 18px;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	margin: 10px 9px 0 0;
}

main section#imap
{
	width: 100%;
	height: 403px;
	float: left;
	margin-top: 45px;
	background: #ccc;
}

main section#imap iframe
{
	width: 100% !important;
	height: 100% !important;
	float: left;
	border: 0px;
}


/* footer */

footer 
{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	float: left;
	/*margin-top: 12px;*/
}

footer div.footercont
{
	width: 100%;
	height: 100%;
	float: left;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	margin-top: 58px;
}


footer div.footercont span
{
	width: 100%;
	float: left;
	font-family: 'Roboto', sans-serif;
}


footer div.footercont span.fobig
{
	font-size: 24px;
	font-weight: 400;
}

footer div.footercont span.foltt
{
	padding-top: 5px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 12px;
}

footer div.footercont a.fologo
{	
	width: auto;
	height: 30px;
	line-height: 30px;
	float: none;
	text-align: center;
	font-family: 'ataFont';
	font-size: 11px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	margin-top: 32px;
	box-sizing: border-box;
}