* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 19px;
    font-family: arial, sans-serif;
    color: #565656;
    background: #737373;
    min-width: 956px;
}

a { color: #f1511b; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { padding-top: 20px; }

.shell { margin: 0 auto; width: 956px; }
.container { 
	background-color: #fff;
	background-image: url(images/main-bg.jpg);
	background-repeat: no-repeat;
	/* box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); */
	/* border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; */
}

.header { padding: 2px 32px 0px;  }
#logo { width: 890px; float: left; }
#logo a { height: 136px; display: block; background: url(images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

#navigation { height: 24px; line-height: 24px; float: right; position: relative; z-index: 20; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 13px; text-shadow: rgba(255,255,255,0.5) 0px 1px 1px; }
#navigation ul li { float: left; position: relative; padding-right: 1px; background: url(images/navigation-border.png) no-repeat right 0; }
#navigation ul li ul li{ width: 180px; }
#navigation ul > li.last { background: transparent; float: left; padding-right: 0; }
#navigation ul > li.last a { border-right: 0px solid #fff !important; }
#navigation ul > li.first a { border-left: 0px solid #fff !important; }
#navigation ul li.sep { height: 1px; background: url(images/navigation-sep.png) repeat-x;  }
#navigation ul li a { color: #fff; float: left; padding: 0 18px; background: url(images/navigation.png) repeat 0 0;  }
#navigation ul li a:hover,
#navigation ul li.active a { background: url(images/navigation-a.png) repeat 0 0; color: #fefefe; text-decoration: none; }

#navigation ul li a span { background: url(images/navigation-arr.png) no-repeat right 0; width: 10px; height: 6px; float: right; padding-left: 3px; margin-top: 14px; }

#navigation ul li ul { display: none; float: none; line-height: 28px;  position: absolute; top: 35px; left: 0; width: 100%; background: #e1efff; }
#navigation ul li:hover ul { display: block; }

#navigation ul li ul li { display: block; float: none; padding: 0; background: transparent; } 
#navigation ul li ul li a { float: none; display: block !important; padding: 0 18px; }
#navigation ul li ul li a:hover { float: none; display: block; background: transparent; background-color: #ff6600; }
#navigation ul li.last ul li a {  padding: 0 18px !important;  float: none; display: block; }
#navigation ul li ul li.last { float: none; display: block; }

.main h3 { color: #293237; font-size: 19px; line-height: 21px; font-weight: normal; }
.main h3 a { color: #293237; }

.flexslider { width: 892px; height: 331px; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; margin-bottom: 27px; }
.flexslider ul { list-style: none; list-style-position: outside; position: relative; }
.flexslider ul li { width: 892px; height: 331px; float: left; }
.flexslider ul li img { width: 892px; height: 331px; }
.flexslider ul li .slide-cnt { width: 412px; position: absolute; top: 38px; right: 74px; }
.flexslider ul li .slide-cnt h2 { font-size: 42px; font-weight: bold; color: #fff; line-height: 48px;  padding-bottom:12px; }
.flexslider ul li .slide-cnt p { line-height: 28px; font-size: 24px; }
}

.flexslider ul li  a.slider-btn:hover { text-decoration: none; color: #3995d6;  }
.flexslider ul li  a.slider-btn span { background: url(images/slider-btn-arr.png) no-repeat 0 9px; padding-left: 15px; }

section { padding: 0 32px 27px; }
.last-section { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }

.cols { background:#fff; font-size: 12px;}
.cols h3 { padding-bottom: 14px; }
.cols p { padding-bottom: 10px;  }
.cols a { text-decoration: none; }
.cols a:hover { text-decoration: underline; }

.cols .col1 { 	background: url(images/col1-bg.png) repeat-x;
				background-color:#efefef;
				width: 196px; float: left; 
				padding:8px;
				border-bottom: 3px solid #d15023;
			}
			
.cols .col1 h3 {color:white;}

.cols .col2 { 	background: url(images/col2-bg.png) repeat-x;
				background-color:#efefef;
				width: 196px; float: left; 
				padding:8px;
				border-bottom: 3px solid #9BA336;
				margin-left:12px;
			}
			
.cols .col2 h3 {color:white;}	

.cols .col3 { 	background: url(images/col3-bg.png) repeat-x;
				background-color:#efefef;
				width: 196px; float: left; 
				padding:8px;
				border-bottom: 3px solid #d09b35;
				margin-left:12px;
			}
			
.cols .col3 h3 {color:white;}	

.cols .col4 { 	background: url(images/col4-bg.png) repeat-x;
				background-color:#efefef;
				width: 196px; float: left; 
				padding:8px;
				border-bottom: 3px solid #92b0cf;
				margin-left:12px;
			}
			
.cols .col4 h3 {color:white;}	

.cols .col-right {
	display: block;
	width:220px; 
	float:right; 
	background:#fefefe; 
	padding:16px 0 0 0; 
	margin:0;
	}
	
.cols .col-right h2 { font-size:16px; font-weight:bold;}
.cols .col-right+.col { padding-left: 14px; }

.cols .col-form { 
					float:left; width:600px; font-size:16px;
					font-family: 'Open Sans', sans-serif; font-weight:500;
					line-height: 24px;
					padding-left:20px; padding-right:20px;
					color:#565656;
				}
				
.cols .col-form p {text-align: justify; margin-bottom:16px;}

.cols .col-form  h1 { padding:24px 10px 16px 10px; font-size:28px; text-align: center; font-weight:500;}
.cols .col-form  h2 { padding:10px; font-size:21px; text-align: center; font-weight:500;}



.cols .col-left { font-family: 'Open Sans', sans-serif;
				 font-weight:500;
				 float:left; width:600px; font-size:18px;
				 line-height: 24px;
				 padding-left:20px; padding-right:20px;
				 color:#565656;
				 }
	
.cols .col-left img { margin-bottom: -3px; }

.cols .col-left ul {padding-left:1em; margin-bottom: 16px;}
.cols .col-left li { 
	margin-left: 16px;
	position: relative;
	padding-left:24px;
	text-indent: -24px;
	padding-bottom:6px; 
	text-align: justify;
	}
.cols .col-left li  img {margin: 4px 0 -4px 4px; float:right; }
.cols .col-left ul  img {margin: 4px 0 -4px 4px;}
.cols .col-left p {text-align: justify; margin-bottom:16px;}

.cols .col-left  h1 { color:red; padding:24px 10px 16px 0px; font-size:28px; text-align: left; font-weight:500;}
.cols .col-left  h2 { color:#00ADEF; padding:16px 0 16px 0; font-size:20px; font-weight:500; line-height:150%;}
.cols .col-left  h3 { color:#72C02C; padding:16px 0 16px 0; font-size:20px; font-weight:500; line-height:150%;}
.cols .col-left  h4 { padding:16px 0 16px 0; font-size:18px; font-weight:normal; text-align: justify; font-weight:bold;}
.cols .col-left  h5{ color:red; padding: 4px 0px 4px 2em; font-size:14px; font-style: italic; text-align: justify; font-weight:500;}
.cols .col-left  h6 { color:#444; padding: 0px 0px 4px 2em; font-size:14px; font-weight: normal; text-align: justify; font-weight:500;}

/*TOC*/

.cols .col-left ol.toc li {
	clear:left;
	background:#dedede;
	height:17px;
	padding: 3px 3px 3px 24px;
	text-indent: -16px;
	margin:6px 0px 0px 0px;
	position:relative;
}

.cols .col-left ol.toc li.baslik {
	clear:left;
	background:#4a66a0;
	color:#fefefe;
	height:18px;
	font-weight:normal;
	position:relative;
}

.cols .col-left ol.toc a, ol.toc span {
	float:left;
	position:absolute;
	text-decoration:none;
}
.cols .col-left ol.toc a {
	text-align:right;
	font-weight:bold;
	padding:2px;
	margin:-3px 0 0 0;
	right: 0px;
	color: #4a66a0;
	text-transform:uppercase;
	width:80px;
}
.cols .col-left ol.toc ol {
	list-style:none;
	margin: 10px 0 16px 10px;
	padding:0;
	background:#fff;
	float:left;
	display:block;
	width:98%;
}

.cols .col-left ol.toc ol p {
	margin: 8px 0 0 44px;
	color: #00adef;
	
}

/*End of TOC*/


.cols .col-left a.btn {
	width:275px;
	height:50px;
	-webkit-border-radius: 41;
	-moz-border-radius: 41;
	border-radius: 41px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color: #444444;
	font-size: 18px;
	font-weight:500;
	background-color:white;
	padding: 10px 20px 10px 20px;
	border-top: solid #69bd5f 3px;
	border-right: solid #3db49f 3px;
	border-bottom: solid #03a7e2 3px;
	border-left: solid #3db49f 3px;
	text-decoration: none;
	outline:none;
}

.cols .col-left a.btn:hover {
	color:white;
	background: rgb(89,185,116); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(89,185,116,1) 31%, rgba(10,168,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(89,185,116,1)), color-stop(100%,rgba(10,168,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(89,185,116,1) 31%,rgba(10,168,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(89,185,116,1) 31%,rgba(10,168,216,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(89,185,116,1) 31%,rgba(10,168,216,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(89,185,116,1) 31%,rgba(10,168,216,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b974', endColorstr='#0aa8d8',GradientType=0 ); /* IE6-9 */
	}

#sag-kolon-yuzer {padding:0;}  
	
.cols .col-right a.btn {
	position: relative;

	height:32px;
	display: block;
	padding: 2px;
	margin: 12px 0 0 12px;

	font-size:16px;
	font-weight:500;
	text-align: center;
	line-height:200%;

	overflow: hidden;

	border-width: 0;
	outline: none;
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);

	background-color: orange;
	color: #ecf0f1;

	transition: background-color .3s;
	}


.cols .col-right a.btn:hover {
	color:white;
	background: rgb(89,185,116); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(89,185,116,1) 31%, rgba(10,168,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(89,185,116,1)), color-stop(100%,rgba(10,168,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(89,185,116,1) 31%,rgba(10,168,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(89,185,116,1) 31%,rgba(10,168,216,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(89,185,116,1) 31%,rgba(10,168,216,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(89,185,116,1) 31%,rgba(10,168,216,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b974', endColorstr='#0aa8d8',GradientType=0 ); /* IE6-9 */
	}
	

.cols .col-left .tftable {
	margin: 0 0 16px 0;
	font-size:12px;
	color:#333333;
	width:100%;
	border-width:1px;
	border-color:#006699;
	border-collapse: collapse;
	}

.cols .col-left .tftable th {
	font-size:12px;
	color: white;
	background-color:#4f87a2; 
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #729ea5;
	text-align:left;
	}

.cols .col-left .tftable td.sol {
	background-color:#fdfbea;
	font-size:12px;
	border-width:1px;
	padding:8px;
	border-style:solid;
	border-color: #729ea5;
	}
.cols .col-left .tftable td.sag {
	font-size:12px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #729ea5;
	}

.cols .col-left .tftable tr:hover {background-color:#ffff99;}

/******************* Numaralandırılmış liste ***********************/

.cols .col-left ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.cols .col-left ol ol {
    margin: 0 0 0 1em; /* Add some left margin for inner lists */
}

.cols .col-left .rounded-list a{
    position: relative;
    display: block;
    padding: .5em .5em .5em 2.8em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}

.cols .col-left .rounded-list a:hover{
    background: #eee;
}

.cols .col-left .rounded-list a:hover:before{
    transform: rotate(360deg);  
}

.cols .col-left .rounded-list a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

.cols .col-left .rectangle-list a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 1.8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;   
}

.cols .col-left .rectangle-list a:hover{
    background: #eee;
}   

.cols .col-left .rectangle-list a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #fa8072;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

.cols .col-left .rectangle-list a:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

.cols .col-left .rectangle-list a:hover:after{
    left: -.5em;
    border-left-color: #fa8072;             
}

.cols .col-left .circle-list li{
    padding: 2.5em;
    border-bottom: 1px dashed #ccc;
}

.cols .col-left .circle-list h2{
    position: relative;
    margin: 0;
}

.cols .col-left .circle-list p{
    margin: 0;
}

.cols .col-left .circle-list h2:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;    
    z-index: -1;
    left: -1.3em;
    top: -.8em;
    background: #f5f5f5;
    height: 1.5em;
    width: 1.5em;
    border: .1em solid rgba(0,0,0,.05);
    text-align: center;
    font: italic bold 1em/1.5em Georgia, Serif;
    color: #ccc;
    border-radius: 1.5em;
    transition: all .2s ease-out;    
}

.cols .col-left .circle-list li:hover h2:before{
    background-color: #ffd797;
    border-color: rgba(0,0,0,.08);
    border-width: .2em;
    color: #444;
    transform: scale(1.5);
}


/* Enf of numaralandırılmış Liste */
 

.box { padding: 10px 32px 10px 32px; position: relative; height: 200px;  }
.box span.shadow-t { width: 956px; height: 11px; background: url(images/box-shadow-t.png) no-repeat 0 0; position: absolute; top: 0; left: 0; display: block;}
.box span.shadow-b { width: 956px; height: 11px; background: url(images/box-shadow-b.png) no-repeat 0 0; position: absolute; bottom: -4px; left: 0; display: block;}
.box h3 { float: left; }

.entries { padding-top: 10px; }
.entries .entry { padding: 5px; width: 198px; height: 160px; float: left; position: relative;  }
.entries .entry a { font-size:12px; color:#d15023; font-weight:bold; height:40px; display: block;}
.entries .entry + .entry { margin-left: 17px; }
.entries .entry span.shadow { background: url(images/entry-shadow.png) no-repeat 0 0; width: 197px; height: 6px; position: absolute; bottom: -6px; left: 5px; display: block; }

.services { border-top: 3px solid #fff; background: #efefef; padding-top: 23px; }
.services h3 { padding-bottom: 14px; }
.services p { padding-bottom: 15px; }
.services .widget { float: left; width: 435px; }
.services .widget ul { list-style: none; list-style-position: outside; }
.services .contact-widget { width: 200px; } 
.services .widget + .widget { padding-left: 19px; }
.services .socials-widget { width: 219px;  }
.services .socials-widget a { width: 27px; height: 27px; background: url(images/socials.png) no-repeat 0 0; float: left; margin-right: 9px; font-size: 0; line-height: 0; text-indent: -4000px; }
.services .socials-widget a:hover { opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70); }
.services .socials-widget a.facebook-ico { background-position: 0 0; }
.services .socials-widget a.twitter-ico { background-position: -36px 0; }
.services .socials-widget a.rss-ico { background-position: -72px 0; }
.services .socials-widget a.in-ico { background-position: -108px 0; }
.services .socials-widget a.skype-ico { background-position: -144px 0; }
.services .socials-widget a.google-ico { background-position: -180px 0; }

.footer { padding: 18px 0 64px 0;}
.footer p.copy { font-size: 11px; color: #a6abb2; }
.footer p.copy a { color: #8c929b; text-decoration: underline; }
.footer p.copy a:hover { color: #3995d6; text-decoration: none; }

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { float:left; margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 12px Arial, Helvetica, sans-serif; color:black;}
#contactform input.text { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:20px; background:#fff; float:left; font:normal 18px Arial, Helvetica, sans-serif;}
#contactform textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
#contactform p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/******************** new buttons ************************/
.dugme {
	width:200px;
	position: relative;
	display: block;
	margin: 8px 0 0 20px;
	padding: 0;

	font-size:14px;
	font-weight:500;

	overflow: hidden;

	border-width: 0;
	outline: none;
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);

	background-color: #2ecc71;
	color: #ecf0f1;

	transition: background-color .3s;
}

.dugme:hover, .dugme:focus {
  background-color: #27ae60;
}

.dugme > * {
  position: relative;
}

.dugme span {
  display: block;
  padding: 8px 16px;
}

.dugme:before {
  content: "";
  
  position: absolute;
  top: 50%;
  left: 50%;
  
  display: block;
  width: 0;
  padding-top: 0;
    
  border-radius: 100%;
  
  background-color: rgba(236, 240, 241, .3);
  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dugme:active:before {
  width: 120%;
  padding-top: 120%;
  
  transition: width .2s ease-out, padding-top .2s ease-out;
}

.dugme.grey-gradient {
  background-color: #737373;
  background-image: linear-gradient(#737373, #444444);
}

.dugme.orange {
  background-color: #e67e22;
}

.dugme.blue {
  background-color: #4a66a0;
}

.dugme.purple {
  background-color: #794BC4;
}

.dugme.orange:hover, .dugme.orange:focus {
  background-color: #d35400;
}

.dugme.red {
  background-color: #e74c3c;
}

.dugme.red:hover, .dugme.red:focus {
  background-color: #c0392b;
}