*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	color:#444;
	background:#fff !important;
	font-family: AvertaStd, Arial !important;
	margin: 0;
	overflow-x:hidden;
}
a:hover {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;	
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

@font-face {
	font-family: 'AvertaStd';
	src: url('fonts/AvertaStd-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'AvertaStd';
	src: url('fonts/AvertaStd-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;	
 }
@font-face {
	font-family: 'AvertaStd';
	src: url('fonts/AvertaStd-Semibold.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'AvertaStd';
	src: url('fonts/AvertaStd-ExtraBold.ttf') format('truetype');
	font-weight: 700;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


#content {
	overflow: hidden;
	padding: 0 10px;
}
.btn-default, .form-control {
	background: #f2f2f2 !important;
	border:1px solid #ddd !important;
	color: #000 !important;
	-webkit-border-radius:0px !important;
	-moz-border-radius:0px !important;
	border-radius: 0px !important;
	font-size: 11px !important;
	margin: 0 10px 0 0;
	width: 220px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}


/* header */
.header {
	margin: 20px 0 0px 0;
}
.ortala {
	width: 1000px;
	margin: auto;
}
/* logo */
a#logo {
	background:url(img/logo.png);
	width:183px;
	height: 60px;
	text-indent: -999em;
	display: block;
	outline: 0;
	position: relative;
	z-index: 999;
	float: left;
	margin-bottom: 15px;
}
a#logo:hover {
	opacity: 0.8;
}

a#kayan_logo {
	float: left;
	background:url(img/bucunculogo.png);
	width: 100px;
	text-indent: -999em;
	display: block;
	outline: 0;
	position: relative;
	z-index: 999;
	display: none;
	margin:5px 0 0 15px;
}

/* arama */
.search_form {
	margin: 30px 0 0 0;
	background:#fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.39);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.39);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.39);	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding: 3px;
}
.search-input {
	padding: 5px;
	width: 260px;
	border:none;
	outline: 0;
}
.search-submit {
	padding: 4px;
	width: 75px;
	border:none;
	background:#ddd;
	color: #fff;
	font-family: oswald;
	text-transform: uppercase;

}

.sec a, .sec a:visited {
	background:#fff !important;
	color: #2c3e50 !important;
	text-shadow:none !important;	
}
.current_page_item a, .current_page_item a:visited {
	background:#fff !important;
	color: #2c3e50 !important;
	text-shadow:none !important;
}
/* header */


.navbar {
	background: none !important;
	margin: 0;
	padding: 0;
	margin-bottom: 0px !important;
	border:none !important;
	font-size: 12px !important;
}
a.navbar-brand {
	background: url(img/logo.png) no-repeat;
	width: 183px;
	height: 60px;
	display: block;
	text-indent: -999em;
	display: block;
	padding-bottom: 10px;
}


.navbar-default .navbar-nav li {
	margin-right: 10px;
	margin-top: 5px !important;
}
.navbar-default .navbar-nav li a, .navbar-default .navbar-nav li a:visited {
	padding: 15px 15px 20px 15px;
	font-weight: 500 !important;
	border-bottom:3px solid #fff;

}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:visited, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background:none !important;
	border-bottom:3px solid #db3755;
}
.navbar-default .navbar-nav li a:hover {
	background:none !important;
	border-bottom:3px solid #db3755;
}
a.uyeol {
	border:1px solid #d844e1;
	color: #d844e1 !important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;	
	padding: 10px 20px !important;	
}
a.uyeol:hover {
	border:1px solid #d844e1 !important;
}
a.giris {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff63de+0,b323e5+100 */
	background: rgb(255,99,222); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,99,222,1) 0%, rgba(179,35,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,99,222,1) 0%,rgba(179,35,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,99,222,1) 0%,rgba(179,35,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff63de', endColorstr='#b323e5',GradientType=1 ); /* IE6-9 */
		
	border:1px solid #ff63de;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;	
	padding: 10px 25px !important;	
	color: #fff !important;
}
a.giris:hover {
	background: #333 !important;
	color: #d844e1 !important;
	border:none !important;
	border:1px solid #d844e1 !important;	
}


/* nav */


#head-content {
	background: url(img/head-content.png) no-repeat center;
	width: 100%;
	min-height: 575px;
	position: relative;
}
#head-content .ha1 {
	font-size: 30px;
	font-weight: 700;
	color: #6c56ae;
}
#head-content .ha2 {
	font-size: 22px;
	color:#404040;
	font-weight: 500;
}
#head-content .pa1 {
	font-size: 13px;
	color:#404040;	
	margin-top: 20px;
	line-height: 25px;
}
#head-content .things {
	position: absolute;
	top: 150px;
}


#social-head {
	height: 179px;
	position: relative;
	top: -50px;
}
#social-head a.i {
    width: 100%;
    height: 69px;
    display: block;
    position: relative;
    top: 43px;
        margin: auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff63de+0,b122e6+100 */
	background: rgb(255,99,222); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(255,99,222,1) 0%, rgba(177,34,230,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(255,99,222,1) 0%,rgba(177,34,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(255,99,222,1) 0%,rgba(177,34,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff63de', endColorstr='#b122e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 19px;
	color: #fff;
	padding: 21px 0px 10px 122px;
	font-weight: 500;
	z-index: 0;
-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.22);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.22);	
}
#social-head a.i .gr {
	background: url(img/social/instagram.png) no-repeat;
	width: 105px;
	height: 98px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top:-35px;
}
#social-head a.i:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b122e6+0,ff63de+100 */
	background: rgb(177,34,230); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(177,34,230,1) 0%, rgba(255,99,222,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(177,34,230,1) 0%,rgba(255,99,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(177,34,230,1) 0%,rgba(255,99,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b122e6', endColorstr='#ff63de',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-decoration: none;
}



#social-head a.f {
    width: 100%;
    height: 69px;
    display: block;
    position: relative;
    margin: auto;
    top: 43px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#59c2ff+0,1270e2+100 */
	background: rgb(89,194,255); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(89,194,255,1) 0%, rgba(18,112,226,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(89,194,255,1) 0%,rgba(18,112,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(89,194,255,1) 0%,rgba(18,112,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c2ff', endColorstr='#1270e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 19px;
	color: #fff;
	padding: 21px 0px 10px 122px;
	font-weight: 500;
	z-index: 0;

	-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.22);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.22);
}
#social-head a.f .gr {
    background: url(img/social/facebook.png) no-repeat;
    width: 121px;
    height: 115px;
    position: absolute;
    z-index: 1;
    left: -30px;
    top: -43px;
}
#social-head a.f:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1270e2+0,59c2ff+100 */
	background: rgb(18,112,226); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(18,112,226,1) 0%, rgba(89,194,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(18,112,226,1) 0%,rgba(89,194,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(18,112,226,1) 0%,rgba(89,194,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1270e2', endColorstr='#59c2ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		
	text-decoration: none;
}


#social-head a.t {
    width: 100%;
    height: 69px;
    display: block;
    position: relative;
    margin: auto;
    top: 43px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15eded+0,029af2+100 */
	background: rgb(21,237,237); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(21,237,237,1) 0%, rgba(2,154,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(21,237,237,1) 0%,rgba(2,154,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(21,237,237,1) 0%,rgba(2,154,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15eded', endColorstr='#029af2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.22);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.22);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 19px;
	color: #fff;
	padding: 21px 0px 10px 132px;
	font-weight: 500;
	z-index: 0;
}
#social-head a.t .gr {
    background: url(img/social/twitter.png) no-repeat;
    width: 115px;
    height: 120px;
    position: absolute;
    z-index: 1;
    left: -7px;
    top: -55px;
}
#social-head a.t:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#029af2+0,15eded+100 */
	background: rgb(2,154,242); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(2,154,242,1) 0%, rgba(21,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(2,154,242,1) 0%,rgba(21,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(2,154,242,1) 0%,rgba(21,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029af2', endColorstr='#15eded',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	text-decoration: none;
}

#social-head a.y {
    width: 100%;
    height: 69px;
    display: block;
    position: relative;
    margin: auto;
    top: 43px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ae385a+0,ff3652+100 */
background: rgb(174,56,90); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(174,56,90,1) 0%, rgba(255,54,82,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(174,56,90,1) 0%,rgba(255,54,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(174,56,90,1) 0%,rgba(255,54,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae385a', endColorstr='#ff3652',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-box-shadow: 0px 9px 16px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    0px 9px 16px 0px rgba(50, 50, 50, 0.22);
box-shadow:         0px 9px 16px 0px rgba(50, 50, 50, 0.22);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 19px;
	color: #fff;
	padding: 21px 0px 10px 122px;
	font-weight: 500;
	z-index: 0;
}
#social-head a.y .gr {
    background: url(img/social/youtube.png) no-repeat;
    width: 115px;
    height: 120px;
    position: absolute;
    z-index: 1;
    left: 4px;
    top: -53px;
}
#social-head a.y:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3652+0,ae385a+100 */
background: rgb(255,54,82); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(255,54,82,1) 0%, rgba(174,56,90,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,54,82,1) 0%,rgba(174,56,90,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,54,82,1) 0%,rgba(174,56,90,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3652', endColorstr='#ae385a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	text-decoration: none;
}


#uclu {
	position: relative;
	top: -50px;
	z-index: 1;
}
#uclu .tek img {
	margin-bottom: 15px;
}
#uclu .tek .im {
	height: 140px;
}
#uclu .tek {
	border:1px solid #e7edff;
	width: 100%;
	background: #fff;
	height: 340px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	padding: 30px 30px;	
}
#uclu .tek span {
	color: #577294;
	font-size: 17px;
	font-weight: 500;
}
#uclu .tek p {
	color: #577294;
	font-size: 12px;
	line-height: 30px;
}
#uclu .tek:hover {
	-webkit-box-shadow: 0px 11px 30px 0px rgba(50, 50, 50, 0.22);
	-moz-box-shadow:    0px 11px 30px 0px rgba(50, 50, 50, 0.22);
	box-shadow:         0px 11px 30px 0px rgba(50, 50, 50, 0.22);
	border:1px solid #fff;
	cursor: pointer;
}
#uclu-bg {
	background: url(img/surdurulebilir-bg.png) left;
	width: 1030px;
	height: 638px;
	position: absolute;
	left: -620px;
	top: -365px;
	z-index: 0;
}


#ulke-14 {
	background:#f9fbff url(img/14ulke-bg.png) no-repeat top;
	width: 100%;
	position: relative;
	min-height: 1700px;
	top: -260px;
    z-index: 0;
}
#ulke-14 .g1 {
	position: absolute;
	top: 250px;	
	background: url(img/asdfsa.png) center no-repeat;
	width: 100%;
	height: 1650px;
}
#ulke-14 .g1 .bb {
	font-size: 25px;
	font-weight: 700;
	color: #404887;
}
#ulke-14 .g1 .aa {
	font-size: 20px;
	margin-left: 100px;
	font-weight: 300;
}
#ulke-14 .g1  p {
	font-size: 13px;
	line-height: 25px;
	clear: both;
	margin-top: 15px;
}



#ulke-14 .g1 .b1 {
	position:relative;
    top: 178px;
  
}
#ulke-14 .g1 .b2 {
	position: relative;
    top: 410px;
    float: right;
    margin-left: 35px;
}

#ulke-14 .g1 .b3 {
	position: relative;
    top: 650px;
}


#footer-top {
	background: #5f6cd9;
	z-index: -3;
	position: relative;
	width: 100%;
	height: 560px;
}
.footer-icons {	
	background:url(img/fbg.png) no-repeat center; 
	width: 100%;
	height: 384px;
	position: relative;
	z-index: -1;
	margin-top: -422px;
	overflow: hidden;	
}
#footer-top #footer-kapsa {
	width: 80%;
	margin: auto;
}
#footer-top #footer-m {
	background: #fff;
	height: 500px;
	z-index: -2;
	position: relative;
	top: -100px;
	-webkit-box-shadow: 0px -7px 26px 0px rgba(50, 50, 50, 0.12);
	-moz-box-shadow:    0px -7px 26px 0px rgba(50, 50, 50, 0.12);
	box-shadow:         0px -7px 26px 0px rgba(50, 50, 50, 0.12);	
	overflow: hidden;
	width: 92%;
	margin: auto;
}
#footer-top #footer-m .bas {
	font-size: 25px;
	color: #404887;
	font-weight: 700;
	width: 60%;
	margin: auto;
	margin-top: 50px;
	text-align: center;
}
#footer-top #footer-m .desc {
	font-size: 18px;
	width: 80%;
	margin: auto;
	color: #404887;
	text-align: center;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 50px;
}
#footer-top .foot-topb {
	text-align: center;
}
#footer-top .foot-topb img {}
#footer-top .foot-topb div {
	font-weight: 700;
	color: #404887;
	height: 20px;
}
#footer-top .foot-topb p {
	line-height: 25px;
	font-size: 12px;
	margin-top: 30px;
}

#footer-top .man-icon {
    width: 181px;
    height: 346px;
    background: url(img/man-icon.png) no-repeat;
    position: absolute;
    left: -5px;
    z-index: 1;
    top: 126px;
}
#footer-top .girl-icon {
    width: 170px;
    height: 315px;
    background: url(img/girl-icon.png) no-repeat;
    position: absolute;
    right: -8px;
    z-index: 1;
    top: 155px;
}

#footer {
	background: #f9fbff;
	padding: 50px 0 0 0;
	border-top: 2px solid #ecefff;
}
#footer .ust {
	height: 235px;
	width: 100%;
	background: url(img/footer_.png) center bottom no-repeat;
	text-align: center;
}
#footer .fbas {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 700;
	color: #404887;
	margin-bottom: 10px;
}
#footer .fbas2 {
	color: #404887;
}
#footer a.destekal {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b59d2+0,202d98+100 */
	background: rgb(75,89,210); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(75,89,210,1) 0%, rgba(32,45,152,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(75,89,210,1) 0%,rgba(32,45,152,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(75,89,210,1) 0%,rgba(32,45,152,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b59d2', endColorstr='#202d98',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
	display: block;
	width: 170px;
	margin: auto;
	margin-top: 55px;
	font-size: 12px;
	padding: 12px 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:1px solid rgb(75,89,210);
	-webkit-box-shadow: 0px 7px 26px 0px rgba(50, 50, 50, 0.32);
	-moz-box-shadow:    0px 7px 26px 0px rgba(50, 50, 50, 0.32);
	box-shadow:         0px 7px 26px 0px rgba(50, 50, 50, 0.32);	
}
#footer a.destekal:hover {
	background: #fff;
	border:1px solid #4b59d2;
	text-decoration: none;
	color: #4b59d2;
}

#footer .alt {
	border-top: 1px solid #dadff9;
	color: #5e83a8;
	font-size: 11px;
	padding:20px 0 20px 0;
}
ul#f-menu {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
ul#f-menu li {
	float: left;
	list-style: none;
	margin-right: 20px;
}
ul#f-menu li a, ul#f-menu li a:visited {
	color: #5e83a8;
}
ul#f-menu li a:hover {
	color: #000;
	text-decoration: none;
}

.soci {
	background: url(img/social-icons.png) no-repeat;
	width: 107px;
	height: 16px;
}
.soci a:hover {
	-webkit-transition: auto;
	-moz-transition: auto;
	-ms-transition: auto;
	-o-transition: auto;
	transition: auto;
}
.soci a.f {
	text-indent: -999em;
	display: block;
	width: 16px;
	height: 16px;
	float: left;
}
.soci a.f:hover {
	background: url(img/social-icons2.png) no-repeat;
}

.soci a.t {
	text-indent: -999em;
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin-left: 10px;
}
.soci a.t:hover {
	background: url(img/social-icons2.png) no-repeat;
	background-position: -27px 1px;	
}
.soci a.g {
	text-indent: -999em;
	display: block;
	width: 20px;
	height: 16px;
	float: left;
	margin-left: 15px;
}
.soci a.g:hover {
	background: url(img/social-icons2.png) no-repeat;
	background-position: -57px 0px;	
}
.soci a.y {
	text-indent: -999em;
	display: block;
	width: 16px;
	height: 16px;	
	float: left;
	margin-left: 12px;
}
.soci a.y:hover {
	background: url(img/social-icons2.png) no-repeat;
	background-position: -89px 0px;
}
/* Hakkımızda Styles */

#info-img {
	background: url(img/hakkimizda/img.png) center no-repeat;
	width: 100%;
	height: 353px;
}
.info-bas-img {
	background: url(img/hakkimizda/adam.png) no-repeat center;
	width: 95px;
	height: 79px;
	margin: auto;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 5px;
}
.info-bas {
	font-size: 30px;
	color: #404887;
	font-weight: 500;
	background: url(img/hakkimizda/cizgi.png) no-repeat center bottom;
	padding: 0 0 10px 0;
	text-align: center;
	margin: auto;
}
.info-bas-desc {
	font-size: 17px;
	color: #404887;
	margin: auto;
	text-align: center;
	margin-top: 15px;
}

#biz-kimiz {
	color: #404887;
	overflow: hidden;
	margin: 40px 0 0 0;
}
#biz-kimiz h2 {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
}
#biz-kimiz p {
	font-size: 13px;	
	line-height: 30px; 
}

.col {
	display: block;
	text-align: center;
}
.col-bas {
	font-size: 20px;
	font-weight: 500;
	color: #404887;
	height: 45px;
	margin-top: 20px;
}
.col p {
	font-size: 13px;
	color: #404887;
	width: 80%;
	margin: auto;
	line-height: 25px;
	text-align: center;
}

.basarilarimiz {
	overflow: hidden;
	margin: 45px 0 30px 0;
}
.basarilarimiz img {
	float: left;
}
.basarilarimiz-bas {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin: auto;
	margin-bottom: 30px;
	color: #404887;
}



#akordiyon {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 100%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #fff;
	color: #404887;
	-webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 0.10);	
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding: 20px 20px;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 5px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	position: relative;
	z-index: 1;	
	}
	
.accordionContent {	
	width: 100%;
	position: relative;
	z-index: 0;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #fcfbff;
	margin-top: -10px;
	text-align: justify;
	line-height: 25px;
	color: #4d548e;
	font-size: 12px;
	padding: 20px 40px;
	-webkit-border-bottom-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;	

	}
.on {
	background: #fff;
	}
	
.over {
	background: #f2f2f2;
	}

/* Hakkımızda Styles */


/* Blog Styles */

#blog-bg {
	background: url(img/blog/blog-bg.png) center no-repeat;
	width: 100%;
	height: 353px;
}

.blog-bg-img {
	background: url(img/blog/blog-icon.png) no-repeat center;
	width: 95px;
	height: 79px;
	margin: auto;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 5px;
}
.blog-bg-bas {
	font-size: 30px;
	color: #404887;
	font-weight: 500;
	background: url(img/hakkimizda/cizgi.png) no-repeat center bottom;
	padding: 0 0 10px 0;
	text-align: center;
	margin: auto;
}
.blog-bg-desc {
	font-size: 17px;
	color: #404887;
	margin: auto;
	text-align: center;
	margin-top: 15px;
}


#blog-post {
	margin-top: 50px;
	overflow: hidden;

}
#blog-post .bpost {
	overflow: hidden;
	margin-bottom: 30px;
}

#blog-post .bpost h2 {
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 25px;
}
#blog-post .bpost h2 a, #blog-post .bpost h2 a:visited {
	font-weight: 500;
	color: #2b3c50;
}
#blog-post .bpost h2 a:hover {
	color: #000;
	text-decoration: none;
}
#blog-post .bpost img {
	width: 100%;
	height: 245px;
	margin-bottom: 25px;
	-webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 0.29);	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#blog-post .bpost p {
	font-size: 13px;
	line-height: 30px;
	font-weight:500;
	color: #2b3c50;
	text-align: justify;
}

#blog-post .bpost .detail-bar {
	overflow: hidden;
	color: #2b3c50;
	clear: both;
	margin-top: 20px;
}
#blog-post .bpost .detail-bar .aut {
	font-weight: 700;
	margin-top: 12px;
}
#blog-post .bpost .detail-bar .time {
	font-size: 11px;
}
#blog-post .bpost .detail-bar .avatar {
	float: left;
	margin-right: 10px;
}
#blog-post .bpost .detail-bar .avatar img {
	width: auto !important;
	height: auto !important;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;	
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow:none !important;
} 
#blog-post .bpost .detail-bar a.detayini {
	background: #627afe;
	color: #fff !important;
	padding: 8px 25px;
	font-size: 12px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	float: right;
	margin-top: 10px;
}
#blog-post .bpost .detail-bar a.detayini:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}
/* Blog Styles */



/* Sertifika Styles */

#sertifikalar {
	margin-top: 70px;
	margin-bottom: 50px;
	position: relative;
}
#sertifikalar-bg {
	background: url(img/sertifikalar/sertifika-bg.png) center no-repeat;
	width: 100%;
	height: 353px;
}
.sertifikalar-img {
	background: url(img/sertifikalar/rozet.png) no-repeat center;
	width: 95px;
	height: 79px;
	margin: auto;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 5px;
}
.sertifikalar-bas {
	font-size: 30px;
	color: #404887;
	font-weight: 500;
	background: url(img/hakkimizda/cizgi.png) no-repeat center bottom;
	padding: 0 0 10px 0;
	text-align: center;
	margin: auto;
}
.sertifikalar-desc {
	font-size: 17px;
	color: #404887;
	margin: auto;
	text-align: center;
	margin-top: 15px;
}
#sertifikalar .sert {
	margin-bottom: 15px;
}
#sertifikalar .sert img {
	-webkit-box-shadow: 0px 0px 21px 0px rgba(50, 50, 50, 0.27);
	-moz-box-shadow:    0px 0px 21px 0px rgba(50, 50, 50, 0.27);
	box-shadow:         0px 0px 21px 0px rgba(50, 50, 50, 0.27);	
}
#sertifikalar .sert .sertifikalar-baslik {
	font-size: 25px;
	font-weight: 700;
	color: #404887;
	margin-bottom: 25px;
}
#sertifikalar .sert p {
	font-size: 13px;
	color: #404887;
	line-height: 30px;
}

.bluebox-left {
	width: 45%;
	height: 570px;
	background: #6675f6;
	position:absolute;
	left: -200px;
	top: 625px;
}
.bluebox-right {
	width: 45%;
	height: 570px;
	background: #6675f6;
	position: absolute;
	right: -150px;
	top: 1350px;
}

/* Sertifika Styles */



/* Hizmetler Styles */

#hizmetler-img {
	background: url(img/hizmetler/hizmetler-img.png) center no-repeat;
	width: 100%;
	height: 353px;
}
.hizmetler-bas-img {
	width: 95px;
	height: 79px;
	margin: auto;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 5px;
}
.hizmetler-bas {
	font-size: 30px;
	color: #404887;
	font-weight: 500;
	background: url(img/hakkimizda/cizgi.png) no-repeat center bottom;
	padding: 0 0 10px 0;
	text-align: center;
	margin: auto;
}
.hizmetler-bas-desc {
	font-size: 17px;
	color: #404887;
	margin: auto;
	text-align: center;
	margin-top: 15px;
}

#boxes  {
	overflow: hidden;
	padding: 25px 0 0 0;
}
#boxes .box {
	border:1px solid #eaeaff;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	height: 365px;
	margin: 0 0 45px 0;
	position: relative;
}


#boxes .topbox {
	height: 170px;
}
#boxes .box img {
	margin: 20px 0;
}
#boxes .box .boxtitle {
	font-weight: 700;
	color: #404887;
	font-size: 15px;
	margin: 20px 0 0 0;
}
#boxes .box-blue {
	background: #627afe;
	width: 100%;
	height: 175px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;	
	overflow: hidden;
}
#boxes .box-blue p {
	margin: 20px 0 25px 0;
	line-height: 25px;
	color: #fff;
	font-size: 12px;
}
#boxes .box-blue a.satinal {
	background: #3d55da;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 10px 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;	
}
#boxes .box-blue a.satinal:hover {
	text-decoration: none;
}
#boxes .box:hover {
	-webkit-box-shadow: 0px 1px 21px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    0px 1px 21px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         0px 1px 21px 0px rgba(50, 50, 50, 0.10);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#boxes .box:hover .box-blue {
	

}

#boxes .box:hover a.satinal {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15eded+0,029cf5+100 */
background: rgb(21,237,237); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(21,237,237,1) 0%, rgba(2,156,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(21,237,237,1) 0%,rgba(2,156,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(21,237,237,1) 0%,rgba(2,156,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15eded', endColorstr='#029cf5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


#dogrulanmis {
	-webkit-box-shadow: 0px 1px 21px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    0px 1px 21px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         0px 1px 21px 0px rgba(50, 50, 50, 0.10);	
	background: #fff;	
	height: 210px;
	margin-bottom: 25px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;	
}
#dogrulanmis .dogrulanmis-sol {
	margin: 62px 0 0 10px;
	font-size: 17px;
	color: #404887;
	font-weight: 700;
}
#dogrulanmis .dogru-baslik {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin: 30px 0 0 20px;
}
#dogrulanmis p {
	font-size: 12px;
	color: #fff;
	margin-left: 20px;
	line-height: 25px;
}
#dogrulanmis .dogru-mavi {
	background: #627afe;
	height: 210px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;	
}
a.hizmetal {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15eded+0,029cf5+100 */
	background: rgb(21,237,237); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(21,237,237,1) 0%, rgba(2,156,245,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(21,237,237,1) 0%,rgba(2,156,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(21,237,237,1) 0%,rgba(2,156,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15eded', endColorstr='#029cf5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 10px 45px;
	display: block;
	position: absolute;
	top: 80px;
	color: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
a.hizmetal:hover {
	background: #fff;
	color: #333;
	text-decoration: none;
}

.hizmetler-box {
	color: #404887;
	margin-top: 80px;
	text-align: center;
}
.hizmetler-box .g-bas {
	font-size: 27px;
	font-weight: 700;
}
.hizmetler-box .g-desc {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;	
}
.hizmetler-box .p {
	font-size: 12px;
	line-height: 25px;
}
#hizmetler-g {
	margin:50px 0;
}
/* Hizmetler Styles */




/* Takipçi Styles */


#takipci-img {
	background: url(img/hizmetler/hizmetler-img.png) center no-repeat;
	width: 100%;
	height: 353px;
}
.takipci-bas-img {
	background: url(img/hizmetler/i1.png) no-repeat center;
	width: 95px;
	height: 79px;
	margin: auto;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 5px;
}
.takipci-bas {
	font-size: 30px;
	color: #404887;
	font-weight: 500;
	background: url(img/hakkimizda/cizgi.png) no-repeat center bottom;
	padding: 0 0 10px 0;
	text-align: center;
	margin: auto;
}
.takipci-bas-desc {
	font-size: 17px;
	color: #404887;
	margin: auto;
	text-align: center;
	margin-top: 15px;
}


#takipci-boxes {
	margin-top: 30px;
}
.tbox {
	background: #fff;
	height: 700px;
	-webkit-box-shadow: 0px 1px 21px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    0px 1px 21px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         0px 1px 21px 0px rgba(50, 50, 50, 0.10);	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom: 30px;
}
.tbox:hover {
	background: #627afe;
}
.tbox .tbox-topbg {
	background: #627afe;
	height:15px;
	width: 100%;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;	
}

.tbox .top-detail {
	border-bottom: 1px solid #d9dbef;
	text-align: center;
	padding: 20px 0;
	height: 220px;
	position: relative;
}
.tbox:hover .top-detail {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;	
}
.tbox .top-detail .t1 {
	font-size: 60px;
	color: #6379ff;
	font-weight: 700;
}
.tbox:hover .top-detail .t1  {
	color: #fff;
}
.tbox .top-detail .t2 {
	font-size: 13px;
	font-weight: 700;
	color: #404887;
}
.tbox:hover .top-detail .t2  {
	color: #fff;
}
.tbox .top-detail .fiyat {
	background: #6379ff;
	padding: 0px 45px;
	color: #fff;
	width: 50%;
	margin-top: 10px;
	font-size: 30px;
	font-weight: 700;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	float: left;	
	position: absolute;
	left: 25%;
}
.tbox:hover .top-detail .fiyat  {
	background: #fff;
	color: #6379ff;
}
.tbox .top-detail .fiyat div {
	font-size: 15px;
	font-weight: 700;
	float: right;	
	line-height: 20px;
}
.tbox .top-middle {
	border-bottom: 1px solid #d9dbef;	
}
.tbox .top-middle ul {
	padding: 0;
	width: 65%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.tbox .top-middle ul li {
	background: url(img/takipci/tik.png) no-repeat left;
	list-style: none;
	margin: 0;
	font-size: 12px;
	color: #525671;
	line-height: 30px;
	padding: 0 0 0 35px;
}
.tbox:hover .top-middle ul li {
	color: #fff;
	background: url(img/takipci/tikbeyaz.png) no-repeat left;
}


.tbox a.ksatinal {
	background: #627afe;
	color: #fff;
	padding: 15px 35px;
	text-align: center;
	display: block;
	font-weight: 300;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 15px;
	text-transform: uppercase;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 65%;
}
.tbox:hover a.ksatinal {
	background: #3d55da;
	color: #fff;
}
.tbox:hover a.ksatinal:hover {
	background: #ddd;
	color: #333;
}

.tbox a.hsatinal {
	background: #1cd1a1;
	color: #fff;
	display: block;
	padding: 15px 35px;
	text-align: center;
	font-weight: 300;
	font-size: 15px;
	text-transform: uppercase;	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 65%;
	margin: auto;
}
.tbox:hover a.hsatinal {
	background: #fff;
	color: #627afe;
}
.tbox:hover a.hsatinal:hover {
	background: #ddd;
	color: #333;
}

.tbox a:hover {
	text-decoration: none;
}	
.tbox:hover {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}	

/* Takipçi Styles*/



/* İletişim Styles */

#iletisim-img {
	background: url(img/iletisim/iletisim-img.png) center no-repeat;
	width: 100%;
	height: 353px;
}
.iletisim-bas-img {
	background: url(img/iletisim/iletisim.png) no-repeat center;
	width: 95px;
	height: 79px;
	margin: auto;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 5px;
}
.iletisim-bas {
	font-size: 30px;
	color: #404887;
	font-weight: 500;
	background: url(img/hakkimizda/cizgi.png) no-repeat center bottom;
	padding: 0 0 10px 0;
	text-align: center;
	margin: auto;
}
.iletisim-bas-desc {
	font-size: 17px;
	color: #404887;
	margin: auto;
	text-align: center;
	margin-top: 15px;
}
#iletisim {
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	margin-top: 30px;
}
#iletisim p {}
#iletisim input {
	padding: 15px 20px;
	background: #f3f8ff;
	border:none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	width:100%;
	float: left;
	margin-bottom: 15px;
}
#iletisim input:focus {
	outline: 0;
	border: none;
}
#iletisim label {
	display: inline !important;
	padding: 0 0 10px 20px;
	font-weight: 300;
	color: #748ba7;	
}
#iletisim p:nth-child(6) {
}
#iletisim p:nth-child(7) {
	width: 100%;
}
#iletisim textarea {
	padding: 15px 20px;
	background: #f3f8ff;
	border:none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	width:100%;
}
#iletisim textarea:focus {
	outline: 0;
	border: none;
}
.gondert input[type=submit] {
	float: none !important;
	text-align: center;
	margin:auto;
	width: 200px !important;
	display: block;
	background:#627afe !important;
	color: #fff !important;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 15px !important;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	margin-top: 25px;
	clear: both;
	overflow: hidden;	
}
.gondert input[type=submit]:hover {
	background: #333 !important;
}


.harita {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;	
	background: url(img/iletisim/sol.png) left top no-repeat;
	padding: 1px 0 0 25px;
	position: relative;
	z-index: 1;
}
.harita-yani {
	background: url(img/iletisim/sag.png) no-repeat right;
	width: 100%;
	height: 381px;
	color: #fff;
	text-align: center;
	padding: 100px 0 0 0;
}
.harita-yani span {
	background: url(img/iletisim/alt.png) no-repeat bottom;
	padding: 0 0 15px 0;
	font-weight: 700;
	font-size: 15px;
}
.harita-yani p {
	font-size: 15px;
	width: 20%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.harita-yani a.iletisimegec {
	background: #1cd1a1;
	padding: 10px 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	color: #fff;
	margin: auto;
	font-size: 11px;
	border-radius: 20px;	
	overflow: hidden;
	margin-top: 25px;
	font-weight: 500;
	clear: both;	
}
.harita-yani a.iletisimegec:hover {
	text-decoration: none;
	background:#fff;
	color: #333;
}
.subeler {
	overflow: hidden;
	margin: 50px 0 40px 0;
	text-align: center;
	color: #273452;
	font-weight: 500;
}
.subeler p {
	font-size: 14px;
	line-height: 40px;
}
.subeler .s {
	width: 75%;
	margin: auto;
}
.subeler span {
	font-size: 18px;
	font-weight: 700;
}


/* İletişim Styles */




/* wrapper */
.wrapper {
	width:1000px;
	margin:0 auto;
	position:relative;
	padding: 10px;
}

.kayan_nav{
	width: 690px;
	margin-left: 215px;
	padding: 10px 0;
	right: 0;
	background:#ecf0f1;
	color: #000;
	line-height: 1.2em;
	z-index:999;
	display:none;
	margin-top: 50px;
	font-size: 20px;
	font-weight: 700;
}
.bas_title {}

/* single  */
#single {
	margin-top: 55px;
}

#single h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 25px;
}
#single h1 a, #single h1 a:visited {
	font-weight: 500;
	color: #2b3c50;
}
#single h1 a:hover {
	color: #000;
	text-decoration: none;
}
#single img {
	width: 100%;
	height: 245px;
	margin-bottom: 35px;
	-webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 0.29);	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#single p {
	font-size: 13px;
	line-height: 25px;
	font-weight:500;
	margin: 0 0 30px;
	color: #2b3c50;
	text-align: justify;
}
#single .aut {
	color: #2b3c50;
	float: right;
	font-size: 13px;
	font-weight: 700;
	margin: 10px 10px 10px 0;
}

.navigation {
	border-top: 1px solid #ddeafa;
	padding: 45px 0 0 0;
	margin-bottom: 45px;
}
.onceki a, .onceki a:visited {
	border:1px solid #627afe;
	color: #627afe;
	padding: 10px 55px;
	-webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 0.29);		
	float: left;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
}
.onceki a:hover {
	background: #627afe;
	color: #fff;
	border:1px solid #627afe;	
}
.sonraki a, .sonraki a:visited {
	background: #627afe;
	border:1px solid #627afe;	
	color: #fff;
	float: right;
	padding: 10px 55px;
	-webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 0.29);		
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
}
.sonraki a:hover {
	border:1px solid #627afe;
	background: #fff;
	color: #333;
}
.navigation a:hover {
	text-decoration: none;
}
/* single  */


/* sidebar */
#sidebar {
	overflow: hidden;
	margin: 20px 0 0 0;
}
#sidebar .sbar_bas{
	font-size: 18px;
	background: url(img/hakkimizda/cizgi.png) bottom left no-repeat;
	padding-bottom: 15px;
	font-weight: 500;
	color: #2b3c50;
	margin-bottom: 15px;
	margin-top: 35px;
}
#sidebar .sbar {
	margin: 0 0 15px 0;
	overflow: hidden;
	position: relative;
	padding: 0 0 15px 0;
}
ul#side-populer {
	margin: 0;
	padding: 0;
}
ul#side-populer li {
	list-style: none;
	overflow: hidden;
	margin: 0 0 15px 0;
	color: #a1b1c6;
	width: 100%;
	position: relative;
}

ul#side-populer li img {
	float: left;
	margin-right: 10px;
	width: 165px;
	height: 95px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

ul#side-populer li .hovercan {
	background: #627afe url(img/blog/ok.png) no-repeat center;
	position: absolute;
	z-index: 1;
	opacity: 0.7;
	width: 165px;
	height: 95px;
	top: 0px;
	left: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	display: none;
}
ul#side-populer li:hover .hovercan {
	display: block;
}


ul#side-populer li a, ul#side-populer li a:visited {
	color: #404887;
	font-weight: 500;
	line-height: 25px;
}
ul#side-populer li a:hover {
	color: #8a9afe;
	text-decoration: none;
}
/* sidebar */




/* imaj */
#imaj {
	position: relative;
 }
#imaj a, #imaj a:visited {color:#333;}
#imaj h1 {}
#imaj h1 a, #imaj h1 a:visited {
	color: #333;
	font-size: 30px;
	font-family: Roboto Slab;
	font-weight: 700;
}
#gerile {
	background: url(img/geri.png);
	width: 48px;
	height: 48px;
	position: absolute;
	left: 10px;
	top: 110px;
	display: block;
}
#gerile a, #gerile a:visited, #ilerile a, #ilerile a:visited {
	width: 48px;
	height: 48px;
	outline: 0;
	display: block;
	text-indent: -999em;
}
#ilerile {
	background: url(img/ileri.png);
	width: 48px;
	height: 48px;
	position: absolute;
	right: 10px;
	top: 110px;
	display: block;	
}
/* imaj */


/* related posts */
#benzerler {}
#benzerler .benzer_baslik {
	font-size: 15px;
	color: #333;
	font-weight: 500;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 30px;
} 
#benzerler ul {
	margin: 0;
	padding: 0;
}
#benzerler ul li {
	list-style: none;
	height: 200px;
	margin: 0 0 10px 0;
	float: left;
	overflow: hidden;
}
#benzerler ul li a, #benzerler ul li a:visited {
	color: #2b3c50;
	font-size: 13px;
	font-weight: 500;
}
#benzerler ul li a:hover {
	color: #627afe;
	text-decoration: none;
}
#benzerler ul li img {
	width: 100%;
	height: 140px;
	margin: 0 0 15px 0;
	text-indent: -999em;
	display: block;
	background: #ddd;
	text-indent: -999em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

#benzerler li .hovercan {
	background: #627afe url(img/blog/ok.png) no-repeat center;
	position: absolute;
	z-index: 1;
	opacity: 0.7;
	width: 147px;
	height: 140px;
	top: 0px;
	left: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;		
	display: none;
}
#benzerler li:hover .hovercan {
	display: block;
}
#benzerler li:hover > #benzerler a {
	display: block;
	color: #627afe;
}


/* related posts */



/* footer */
.footer {
	background:#333;
	padding: 20px 10px;
	margin: 30px 0 0 0;
	font-size: 13px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	text-align: center;
}
.copyright {
	color: #f2f2f2;
	font-size: 14px;
	margin: 10px 0;
}
	/* footer links */
	.f-menu { 
		font-family: Open Sans;
		margin-left: -10px;
	}
	.f-menu ul { 
		margin: 0;
		padding: 0;
	}
	.f-menu ul li {
		list-style: none;
		display:inline;
		border-right: 1px dotted #666;
		padding: 0 10px;
		text-align:center;
	}
	.f-menu ul li a, .f-menu ul li a:visited {
		color: #fff;
		font-weight: 700;
	} 
	/* footer links */


/*------------------------------------*\
    Post Items
\*------------------------------------*/


#top_posts {
	margin: 10px 0 0 0;
}
#top_posts .top_post {
	height: 280px;
}
#top_posts .top_post h2 {
	font-size: 16px;
	line-height: 1.2em;
	margin: 5px 0;
}
#top_posts .top_post h2 a, #top_posts .top_post h2 a:visited {
	font-family:Lato;
	color: #333;
	font-weight: 700;
}
#top_posts .top_post img {
	width: 100%;
	height:190px;
	margin: 0 0 5px 0;
}
#top_posts .kat_1 {
	font-family: Roboto Slab;
	text-transform: uppercase;
}
#top_posts .kat_1 a, #top_posts .kat_1 a:visited {
	color: #27ae60;
	font-weight: 700;
}




/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#5f6cd9;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#5f6cd9;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#5f6cd9;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


@media (max-width:768px){
	a.navbar-brand {
		margin-left: 10px;
		margin-bottom: 10px;
	}
	#head-content {
		height: 400px;
	}
	#head-content .things {
		width: 100%;
		left: 0px;
		top: 50px;
		text-align: center;
		overflow: hidden;
	}
	#head-content .pa1 {
		width: 90%;
		margin: auto;
	}
	#social-head {
		height: 550px;
		top: -70px;
	}
	#social-head a, #social-head a:visited {	
		margin-bottom: 60px !important;
	}

	#ulke-14 .g1 {
		top: 250px;
		height: auto !important;
		background: none;
	}
	#ulke-14 .g1 .b1 {
	top: auto;
	margin-bottom: 25px;
	width: 100%;
	}	
	#ulke-14 .g1 .b2 {
		top: auto;
	margin-bottom: 25px;
	width: 100%;		
	}
	#ulke-14 .g1 .b3 {
		top: auto;
	margin-bottom: 25px;
	width: 100%;		
	}
	#uclu .tek {
		margin-bottom: 15px;
	}

	#ulke-14 {
		min-height: 1050px;
	}
	#footer-top #footer-m {
		height: auto;
	}
	#footer-top {
		top: -140px;
		height: auto;
	}
	#footer {}
	ul#f-menu {
		overflow: hidden;
	}
	#hizmetler-g {
		display: none;
	}
	#dogrulanmis {
	}
	.bluebox-left {display: none;}
	.bluebox-right {
		display: none;
	}
	#ulke-14 .g1 .aa {
		margin-left: 0;
	}
	.footer-icons {	background: none; height: 400px;}
	#footer {
		margin-top: -50px;
	}
	.soci {
		margin-top: 20px;
	}
	ul#f-menu {
		margin-top: 20px;
		overflow: hidden;
	}
	#head-content {
		background: none;
		min-height: 300px;
	}
	#head-content div {

	}
	#dogrulanmis .dogrulanmis-sol {
		margin: 20px 0px;
	}
	#dogrulanmis .dogru-mavi {
		height: auto;
		padding-top: 20px;
		    border-radius: 0;

	}
.harita-yani {
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;		
margin-top: 10px;
	padding: 60px 0 0 0;

	}
	#dogrulanmis {
		height: 470px;
		overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;	
	margin-bottom: 85px;	
	}
	a.hizmetal {
    position: all;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 0;
    text-align: center;
    top: 35px;		
	}
	a.hizmetal:hover {
		background: #333;
		color: #fff;
	}
	.harita {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 1px 25px;
	background: #f1f1f1;
	}

	#social-head a.f .gr {
    left: -15px;
    top: -20px;
    background-size: 80%;
	}


	#social-head a.i .gr {
    top: -20px;
    background-size: 80%;
	}


	#social-head a.t .gr {
    top: -40px;
    background-size: 80%;
	}


	#social-head a.y .gr {
		top: -40px;
    background-size: 80%;
	}

}
@media (max-width:992px){

}
@media (min-width:1200px){

}


.whatsapp-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #25D366;
    color: white;
    padding: 10px 20px;
    border-radius: 50px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    z-index: 1000;
}

.whatsapp-button i {
    margin-right: 10px;
}

.whatsapp-button:hover {
    background-color: #128C7E;
}

/* Takipçi Styles */


#takipci-img {
	background: url(img/hizmetler/hizmetler-img.png) center no-repeat;
	width: 100%;
	height: 353px;
}
.takipci-bas-img {
	background: url(img/hizmetler/i1.png) no-repeat center;
	width: 95px;
	height: 79px;
	margin: auto;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 5px;
}
.takipci-bas {
	font-size: 30px;
	color: #404887;
	font-weight: 500;
	background: url(img/hakkimizda/cizgi.png) no-repeat center bottom;
	padding: 0 0 10px 0;
	text-align: center;
	margin: auto;
}
.takipci-bas-desc {
	font-size: 17px;
	color: #404887;
	margin: auto;
	text-align: center;
	margin-top: 15px;
}


#takipci-boxes {
	margin-top: 30px;
}
.tbox {
	background: #fff;
	height: 700px;
	-webkit-box-shadow: 0px 1px 21px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    0px 1px 21px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         0px 1px 21px 0px rgba(50, 50, 50, 0.10);	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom: 30px;
}
.tbox:hover {
	background: #627afe;
}
.tbox .tbox-topbg {
	background: #627afe;
	height:15px;
	width: 100%;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;	
}

.tbox .top-detail {
	border-bottom: 1px solid #d9dbef;
	text-align: center;
	padding: 20px 0;
	height: 220px;
	position: relative;
}
.tbox:hover .top-detail {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;	
}
.tbox .top-detail .t1 {
	font-size: 60px;
	color: #6379ff;
	font-weight: 700;
}
.tbox:hover .top-detail .t1  {
	color: #fff;
}
.tbox .top-detail .t2 {
	font-size: 13px;
	font-weight: 700;
	color: #404887;
}
.tbox:hover .top-detail .t2  {
	color: #fff;
}
.tbox .top-detail .fiyat {
	background: #6379ff;
	padding: 0px 45px;
	color: #fff;
	width: 50%;
	margin-top: 10px;
	font-size: 30px;
	font-weight: 700;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	float: left;	
	position: absolute;
	left: 25%;
}
.tbox:hover .top-detail .fiyat  {
	background: #fff;
	color: #6379ff;
}
.tbox .top-detail .fiyat div {
	font-size: 15px;
	font-weight: 700;
	float: right;	
	line-height: 20px;
}
.tbox .top-middle {
	border-bottom: 1px solid #d9dbef;	
}
.tbox .top-middle ul {
	padding: 0;
	width: 65%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.tbox .top-middle ul li {
	background: url(img/takipci/tik.png) no-repeat left;
	list-style: none;
	margin: 0;
	font-size: 12px;
	color: #525671;
	line-height: 30px;
	padding: 0 0 0 35px;
}
.tbox:hover .top-middle ul li {
	color: #fff;
	background: url(img/takipci/tikbeyaz.png) no-repeat left;
}


.tbox a.ksatinal {
	background: #627afe;
	color: #fff;
	padding: 15px 35px;
	text-align: center;
	display: block;
	font-weight: 300;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 15px;
	text-transform: uppercase;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 65%;
}
.tbox:hover a.ksatinal {
	background: #3d55da;
	color: #fff;
}
.tbox:hover a.ksatinal:hover {
	background: #ddd;
	color: #333;
}

.tbox a.hsatinal {
	background: #1cd1a1;
	color: #fff;
	display: block;
	padding: 15px 35px;
	text-align: center;
	font-weight: 300;
	font-size: 15px;
	text-transform: uppercase;	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 65%;
	margin: auto;
}
.tbox:hover a.hsatinal {
	background: #fff;
	color: #627afe;
}
.tbox:hover a.hsatinal:hover {
	background: #ddd;
	color: #333;
}

.tbox a:hover {
	text-decoration: none;
}	
.tbox:hover {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}	

/* Takipçi Styles*/