/*/////////////////////////
01.01.2015 - CSS Frameworks
Author:	Mehmet SARIKAHRAMAN
Email:	sarikahraman@windowslive.com
//////////////////////////////////*/

/*//CSS_RESET//*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #DDD;padding:0 10px;margin:0;}
legend{border:0;padding:8px}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:none!important}

/*//GENEL_TANIMLAMALAR//*/
::-webkit-input-placeholder{color:#999}:-moz-placeholder{color:#999}::-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}
body,input,textarea,button{font:100% 'Open Sans',sans-serif;color:#333}
h1,h2,h3,h4,h5,h6{margin:6px 0;font-weight:normal}
h1{font-size:160%}h2{font-size:150%}h3{font-size:140%}h4{font-size:130%}h5{font-size:120%}h6{font-size:110%}
strong{font-weight:600}p{padding:8px 0}hr{margin:5px 0;border:none;border-top:1px solid #CCC}
big{font-size:110%}small{font-size:90%}a{text-decoration:none;color:inherit}

.sol{float:left}.sag{float:right}
.str{margin-left:-10px;margin-right:-10px;clear:both}
.stn{width:100%}
*[class^=stn]{float:left;padding:10px}

.stn1{width:8.33333333333333%}.stn2{width:16.66666666666667%}.stn3{width:25%}.stn4{width:33.33333333333333%}.stn5{width:41.66666666666667%}.stn6{width:50%}.stn7{width:58.33333333333333%}.stn8{width:66.66666666666667%}.stn9{width:75%}.stn10{width:83.33333333333333%}.stn11{width:91,66666666666667%}.stn12{width:100%}
.dng1{margin-left:8.33333333333333%}.dng2{margin-left:16.66666666666667%}.dng3{margin-left:25%}.dng4{margin-left:33.33333333333333%}.dng5{margin-left:41.66666666666667%}.dng6{margin-left:50%}.dng7{margin-left:58.33333333333333%}.dng8{margin-left:66.66666666666667%}.dng9{margin-left:75%}.dng10{margin-left:83.33333333333333%}.dng11{margin-left:91,66666666666667%}

.kutu{background-color:#FBFBFB;border-radius:5px;margin:10px;box-shadow:0 3px 10px 0 rgba(0,0,0,.2)}
.kutu.l3d{border-top-left-radius:10px;border-bottom-left-radius:10px}
.kutu.r3d{border-top-right-radius:10px;border-bottom-right-radius:10px}
.kutu.b3d{border-bottom-left-radius:10px;border-bottom-right-radius:10px}

.l3d{padding-left:15px!important;box-shadow:inset 5px 0 0 0 rgba(0,0,0,.1),-2px 0 3px -2px rgba(0,0,0,.5),-3px 2px 10px 0 rgba(0,0,0,.2)}
.r3d{padding-right:15px!important;box-shadow:inset -5px 0 0 0 rgba(0,0,0,.1),2px 0 3px -2px rgba(0,0,0,.5),3px 2px 10px 0 rgba(0,0,0,.2)}
.b3d{padding-bottom:15px!important;box-shadow:inset 0 -5px 0 0 rgba(0,0,0,.1),0 2px 3px -2px rgba(0,0,0,.5),0 3px 10px 0 rgba(0,0,0,.2)}


/*//ORTAK_OZELLIKLER//*/
body>header:after,body>section:after,body>footer:after,.str:after,.stn:after,.kutu:after
{content:"\0020";display:block;height:0;clear:both;visibility:hidden}

body>header,body>section,body>footer,.kutu{position:relative;padding:10px}

a,.radio,.radio>input+label,.select>ul li{
	-webkit-transition:background-color .2s,color .2s;
			transition:background-color .2s,color .2s;
}

.select>a:after,.select>ul li.aktif:after,input[type="checkbox"]+label:after
{font:normal normal normal 18px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


/*//FORM_ELEMENTS//*/
form *[class^=stn]{line-height:0} form *[class^=stn]>*{line-height:normal}
input[type="text"],input[type="search"],input[type="password"],textarea{
	width:100%;border:1px solid #DDD;border-radius:3px;background-color:#FDFDFD;padding:8px;
	-webkit-transition:border-color .3s,box-shadow .3s;
			transition:border-color .3s,box-shadow .3s;
}
input[type="text"]:focus,input[type="search"]:focus,input[type="password"]:focus,textarea:focus{
	border-color:#78CBD5;
	box-shadow:0 0 10px 0 rgba(120,203,213,.5);
}
form input.datepicker{width:auto!important;min-width:180px}

form textarea{min-height:150px;resize:vertical}

form fieldset{border-radius:2px;padding-left:0}
form legend{font-size:18px;font-weight:600;font-style:italic}

form .str>label{line-height:normal;font-weight:600;padding-bottom:0}
form .str+.str{border-top:1px solid #EEE}
.radio-grup,.checkbox-grup{margin-top:9px}

select{position:relative;padding:8px;background-color:#EEE;border:1px solid #CCC;border-radius:3px}
select:after{content:'';position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;background-color:#EEE}
.select{position:relative;display:inline-block;color:#FFF;border-radius:4px;margin:-5px 0;padding:5px 0}
.select>a,.select>ul{background-color:#555;border-radius:inherit;overflow:hidden}
.select>a{display:block;padding:8px 12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.select>a:after{content:"\f078";font-size:14px;float:right;margin:2px 0 2px 8px}
.select>ul{min-width:100%;position:absolute;z-index:99;opacity:0;box-shadow:0 5px 8px -5px rgba(0,0,0,.5);margin:0;padding:0}
.select>ul li{display:none}
/*.select>ul.aktif.ust{margin-top:0;margin-bottom:5px;bottom:40px}*
.select>ul.aktif.ust{margin:0;position:absolute;top:10px;bottom:10px;overflow:auto;max-width:300px}
*/
.select>ul.aktif{opacity:1;margin-top:5px;overflow-y:auto;
	-webkit-transition:opacity .3s, margin .2s;
			transition:opacity .3s, margin .2s;
}.select>ul.aktif li{display:block}
.select>ul li{padding:4px 8px;cursor:pointer}
.select>ul li:hover{background-color:rgba(0,0,0,.3);color:#FFF}
.select>ul li.aktif{background-color:rgba(255,255,255,.1)}
.select>ul li.aktif:after{content:"\f00c";font-size:12px;float:right;margin:4px 0 4px 8px}

input[type="radio"],input[type="checkbox"]{display:none}
input[type="radio"]+label,input[type="checkbox"]+label{display:inline-block;position:relative;margin-right:5px;padding-left:20px;cursor:pointer}
input[type="radio"]+label:before,input[type="checkbox"]+label:before{
	content:'';position:absolute;left:0;top:2px;width:15px;height:15px;background-color:#EEE;
	box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.2),0 0 2px 2px rgba(255,255,255,.4)
}
input[type="radio"]+label:after{content:'';position:absolute;left:3px;top:5px;z-index:2;width:9px;height:9px;background-color:#666}
input[type="checkbox"]+label:after{
	content:"\f00c";position:absolute;left:0;top:0;z-index:2;color:#666;text-shadow:1px 1px 1px rgba(255,255,255,.3)
}
input[type="radio"]+label:after,input[type="checkbox"]+label:after{opacity:0;
	-webkit-transition:opacity .2s;
			transition:opacity .2s;}
input[type="radio"]:checked+label:after,input[type="checkbox"]:checked+label:after{opacity:1}
input[type="radio"]+label:before,input[type="radio"]+label:after{border-radius:50%}
input[type="checkbox"]+label:before{border-radius:2px}

.btn{
	display:inline-block;position:relative;margin:5px;padding:10px 20px 12px;line-height:1;cursor:pointer;text-align:center;color:#FFF;
	background-color:#555;border:none;border-radius:4px;box-shadow:inset 0 -3px 0 1px rgba(0,0,0,.2),0 1px 3px 0 rgba(255,255,255,.3);text-shadow:0 1px 3px rgba(0,0,0,.2);
}.btn:hover{}.btn:active{top:1px;padding:10px 20px 11px;box-shadow:inset 0 -2px 0 1px rgba(0,0,0,.2),0 1px 3px 0 rgba(255,255,255,.3)}

.btn>i.fa{margin:0 6px 0 -8px}.btn.geri>i.fa{margin:0 -8px 0 6px}
.btn.ileri{padding-left:15px;border-radius:0 25px 25px 0;margin-left:-2px}
.btn.geri{padding-right:15px;border-radius:25px 0 0 25px;margin-right:-2px}
.btn.sade{box-shadow:none}
.btn-grup{margin:0 -4px}

.radio{display:inline-block;border-radius:4px;overflow:hidden;padding:0;background-color:#888;color:#FFF}
.radio>input+label{float:left;margin:4px 0;padding:5px 10px;border-radius:3px}
.radio>input+label:before,.radio>input:checked+label:after{content:none}
.radio>input:checked+label{background-color:rgba(0,0,0,.3);box-shadow:0 0 3px 0 rgba(255,255,255,.5)}
.radio>input:not(:checked)+label{color:rgba(0,0,0,.5)}

.tooltip{
	display:none;position:fixed;opacity:0;font-size:90%;border:0 solid #FAED96;border-radius:2px;
	background-color:#FAED96;color:#FFF;padding:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
}
.tooltip.aktif{display:block;opacity:1;
	-webkit-transition:opacity .5s;
			transition:opacity .5s;
}
.tooltip>.ttok{position:absolute;bottom:-12px;left:50%;margin-left:-3px;border:6px solid transparent;border-top-color:inherit}
.tooltip.talt>.ttok,.tooltip.tsol>.ttok,.tooltip.tsag>.ttok{bottom:auto;left:auto}

.tooltip.talt>.ttok{top:-12px;border-color:transparent;border-bottom-color:inherit}
.tooltip.tsol>.ttok,.tooltip.tsag>.ttok{top:50%;margin:-6px 0 0;border-color:transparent}
.tooltip.tsol>.ttok{right:-12px;border-left-color:inherit}
.tooltip.tsag>.ttok{left:-12px;border-right-color:inherit}

.turkuaz,.mavi,.yesil,.kirmizi,.turuncu{color:#FFF}
.uyari{border-radius:2px;padding:8px 12px;color:rgba(0,0,0,.5);font-weight:600;font-style:italic}
.uyari>.fa{font-size:16px}
.tooltip{color:rgba(0,0,0,.7)}
.turkuaz{background-color:#27B9CB}	.text.turkuaz{background-color:transparent;color:#27B9CB}	.tooltip.turkuaz{border-color:#27B9CB}	.uyari.turkuaz{background-color:rgba(39,185,203,.5)}
.mavi{background-color:#148FC5}		.text.mavi{background-color:transparent;color:#148FC5}		.tooltip.mavi{border-color:#148FC5}		.uyari.mavi{background-color:rgba(20,143,197,.5)}
.yesil{background-color:#6FBB00}	.text.yesil{background-color:transparent;color:#6FBB00}		.tooltip.yesil{border-color:#6FBB00}	.uyari.yesil{background-color:rgba(11,187,0,.5)}
.kirmizi{background-color:#BD2400}	.text.kirmizi{background-color:transparent;color:#BD2400}	.tooltip.kirmizi{border-color:#BD2400}	.uyari.kirmizi{background-color:rgba(189,36,0,.5)}
.turuncu{background-color:#EF6D11}	.text.turuncu{background-color:transparent;color:#EF6D11}	.tooltip.turuncu{border-color:#EF6D11}	.uyari.turuncu{background-color:rgba(239,109,17,.5)}

.tooltip.mavi{color:#FFF}

/*//RESPONSIVE//*/
@media screen and (min-width:568px){
	.stn.s1{width:8.33333333333333%}
	.stn.s2{width:16.66666666666667%}
	.stn.s3{width:25%}
	.stn.s4{width:33.33333333333333%}
	.stn.s5{width:41.66666666666667%}
	.stn.s6{width:50%}
	.stn.s7{width:58.33333333333333%}
	.stn.s8{width:66.66666666666667%}
	.stn.s9{width:75%}
	.stn.s10{width:83.33333333333333%}
	.stn.s11{width:91,66666666666667%}
	.stn.s12{width:100%}

	.dng-s1{margin-left:8.33333333333333%}
	.dng-s2{margin-left:16.66666666666667%}
	.dng-s3{margin-left:25%}
	.dng-s4{margin-left:33.33333333333333%}
	.dng-s5{margin-left:41.66666666666667%}
	.dng-s6{margin-left:50%}
	.dng-s7{margin-left:58.33333333333333%}
	.dng-s8{margin-left:66.66666666666667%}
	.dng-s9{margin-left:75%}
	.dng-s10{margin-left:83.33333333333333%}
	.dng-s11{margin-left:91.66666666666667%}
}
@media screen and (min-width:768px){
	.stn.m1{width:8.33333333333333%}
	.stn.m2{width:16.66666666666667%}
	.stn.m3{width:25%}
	.stn.m4{width:33.33333333333333%}
	.stn.m5{width:41.66666666666667%}
	.stn.m6{width:50%}
	.stn.m7{width:58.33333333333333%}
	.stn.m8{width:66.66666666666667%}
	.stn.m9{width:75%}
	.stn.m10{width:83.33333333333333%}
	.stn.m11{width:91,66666666666667%}
	.stn.m12{width:100%}

	.dng-m1{margin-left:8.33333333333333%}
	.dng-m2{margin-left:16.66666666666667%}
	.dng-m3{margin-left:25%}
	.dng-m4{margin-left:33.33333333333333%}
	.dng-m5{margin-left:41.66666666666667%}
	.dng-m6{margin-left:50%}
	.dng-m7{margin-left:58.33333333333333%}
	.dng-m8{margin-left:66.66666666666667%}
	.dng-m9{margin-left:75%}
	.dng-m10{margin-left:83.33333333333333%}
	.dng-m11{margin-left:91.66666666666667%}

	form .str>label{text-align:right;line-height:34px}
}
@media screen and (min-width:1024px){
	.stn.l1{width:8.33333333333333%}
	.stn.l2{width:16.66666666666667%}
	.stn.l3{width:25%}
	.stn.l4{width:33.33333333333333%}
	.stn.l5{width:41.66666666666667%}
	.stn.l6{width:50%}
	.stn.l7{width:58.33333333333333%}
	.stn.l8{width:66.66666666666667%}
	.stn.l9{width:75%}
	.stn.l10{width:83.33333333333333%}
	.stn.l11{width:91,66666666666667%}
	.stn.l12{width:100%}

	.dng-l1{margin-left:8.33333333333333%}
	.dng-l2{margin-left:16.66666666666667%}
	.dng-l3{margin-left:25%}
	.dng-l4{margin-left:33.33333333333333%}
	.dng-l5{margin-left:41.66666666666667%}
	.dng-l6{margin-left:50%}
	.dng-l7{margin-left:58.33333333333333%}
	.dng-l8{margin-left:66.66666666666667%}
	.dng-l9{margin-left:75%}
	.dng-l10{margin-left:83.33333333333333%}
	.dng-l11{margin-left:91.66666666666667%}
}
@media screen and (min-width:1280px){
	.stn.x1{width:8.33333333333333%}
	.stn.x2{width:16.66666666666667%}
	.stn.x3{width:25%}
	.stn.x4{width:33.33333333333333%}
	.stn.x5{width:41.66666666666667%}
	.stn.x6{width:50%}
	.stn.x7{width:58.33333333333333%}
	.stn.x8{width:66.66666666666667%}
	.stn.x9{width:75%}
	.stn.x10{width:83.33333333333333%}
	.stn.x11{width:91,66666666666667%}
	.stn.x12{width:100%}

	.dng-x1{margin-left:8.33333333333333%}
	.dng-x2{margin-left:16.66666666666667%}
	.dng-x3{margin-left:25%}
	.dng-x4{margin-left:33.33333333333333%}
	.dng-x5{margin-left:41.66666666666667%}
	.dng-x6{margin-left:50%}
	.dng-x7{margin-left:58.33333333333333%}
	.dng-x8{margin-left:66.66666666666667%}
	.dng-x9{margin-left:75%}
	.dng-x10{margin-left:83.33333333333333%}
	.dng-x11{margin-left:91.66666666666667%}
}