@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.63;
    color: #54667a;
    background-color: #f0f4f7;
}

a { color: #333; font-weight: normal}
a:focus { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }
ul { margin: 0; padding: 0; }
li { list-style: none; float: left; }
.ffrt {font-weight: 100;}
.ffrl {font-weight: 300;}
.fl { float: left;}
.fr { float: right;}
.clr { clear: both;}

.textR { text-align: right;}

.mlr { margin: 0 auto;}
.w20 { width: 20px;}
.w960 { width: 960px;}
.w200 { width: 200px;}
.w400 { width: 400px;}
.w540 { width: 540px;}
.w720 { width: 720px;}

.m2 { margin: 2px;}
.m5 { margin: 5px;}
.m10 { margin: 10px;}
.m20 { margin: 20px;}

.mt5 { margin-top: 5px;}
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt37 { margin-top: 37px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb70 { margin-bottom: 70px;}

.mr5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}

.ml10 { margin-left: 10px;}

.pr0 { padding-right: 0; }
.pl0 { padding-left: 0; }

.pl35 { padding-left: 35px;}
.pl55 { padding-left: 55px;}
.pl15 { padding-left: 15px;}
.pl10 { padding-left: 10px;}

.oh { overflow: hidden; }

.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p20 { padding: 20px;}

.fs17 { font-size: 17px !important; }
.fs30 { font-size: 30px !important; }
.fs40 { font-size: 40px !important; }

.pb20 { padding-bottom: 20px;}

.pt10 { padding-top: 10px;}
.pt25 { padding-top: 25px;}
.pt40 { padding-top: 40px;}

.pl20 { padding-left: 20px;}

.y_w4_1 { width: 25% !important;}
.y_w4_2 { width: 50% !important;}
.y_w4_3 { width: 75% !important;}

.y_w3_1 { width: 33.3333%}
.y_w3_2 { width: 66.6666%}

.y_w2_1 { width: 50% !important;}

.textR { text-align: right;}

/*	Overlay 	*/
#FNP_overlay 		{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,.9); left: 0; top: 0; z-index: 999999999999999999999999;}
#FNP_overlay span 	{display: block; color: white; width: 60px; font-size: 60px; line-height: 60px; height: 60px; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; position: absolute; }

/* BİTTİ overlay */