@charset "UTF-8";
/*-------------------------------------------------------------------------------------------
 
           _______  _______  ______   _______  _                _______  _______ 
          (  ____ )(  ___  )(  ___ \ (  ___  )( \              (  ____ \(  ____ \
          | (    )|| (   ) || (   ) )| (   ) || (              | (    \/| (    \/
          | (____)|| |   | || (__/ / | |   | || |              | (_____ | (_____ 
          |  _____)| |   | ||  __ (  | |   | || |              (_____  )(_____  )
          | (      | |   | || (  \ \ | |   | || |                    ) |      ) |
          | )      | (___) || )___) )| (___) || (____/\        /\____) |/\____) |
          |/       (_______)|/ \___/ (_______)(_______/        \_______)\_______)


                                http://www.pobol.net/

-------------------------------------------------------------------------------------------*/
*{
	height:100%;
	width:100%;
	outline:none !important;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
* i{font-family: 'FontAwesome' !important; }
html{
	font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body *{height:auto;width:auto;}
body{
	margin: 0px;
	padding: 0px;
	overflow-y:scroll;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:before, :after{
	font-family: 'FontAwesome';
}
a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	color: #000;
}
ul{
	margin: 0px;
	padding: 0px;
}
li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
p{
	margin: 0px;
	padding: 0px;
}
span{
	margin: 0px;
	padding: 0px;
}
img{
	width:100%;
	margin: 0px;
	padding: 0px;
	border:0px;
}
h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;}
.gecis, gecis:hover{
	-webkit-transition: all 200ms ease 0s;
	-moz-transition: all 200ms ease 0s;
	-ms-transition: all 200ms ease 0s;
	-o-transition: all 200ms ease 0s;
	transition: all 200ms ease 0s;
}
.nomrgn{margin: 0px;}
.nopdng{padding: 0px;}
.nobrder{border: none !important;}
.right{float:right !important;}
.left{float:left !important;}
.clear{width:100%;float:left;clear:both;overflow:hidden;}
.line{
	width:100%;
	height:1px;
	float:left;
	clear:both;
	overflow:hidden;
	background-color:#dddddd;
	margin-top:10px;
	margin-bottom:10px;
}
.first_caracter:first-letter{
	float: left;
	font-size: 60px;
	padding-right: 5px;
}

/*************** Start Loader ***************/
.loader {
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	-ms-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes load8 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/*************** End Loader ***************/

.overflow_h{overflow:hidden;}
.height_auto{height:auto;min-height:inherit;}
.height_autoi{height:auto !important;min-height:inherit !important;}
.display_none{display:none;}
.display_block{display:block;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.ustu_cizili{text-decoration:line-through;}
.underlineh:hover{text-decoration: underline;}
.cursor_p{cursor:pointer;}
.cursor_d{cursor:default;}

.position_absolute{position:absolute;}
.position_fixed{position:fixed;}
.position_relative{position:relative;}
.position_static{position:static;}
.height_100{height:100%;}

.ltr{
	text-align: left;
	direction:ltr;
	-webkit-box-direction:ltr;
	-moz-box-direction:ltr;
}
.rtl{
	text-align: right;
	direction:rtl;
	-webkit-box-direction:rtl;
	-moz-box-direction:rlt;
	unicode-bidi: bidi-override;
}
.text_right{text-align:right;}
.text_left{text-align:left;}
.text_center{text-align:center;}

.text_righti{text-align:right !important;}
.text_lefti{text-align:left !important;}
.text_centeri{text-align:center !important;}

.max_caracter{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width:100%;
}
.max_caracter_line{/*only chrome*/
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.yarim{width: 4.166666666666665%;float:left;}
.birli{width: 8.33333333333333%;float:left;}
.ikili{width: 16.66666666666666%;float:left;}
.uclu{width: 25%;float:left;}
.dortlu{width: 33.33333333333333%;float:left;}
.besli{width: 41.66666666666666%;float:left;}
.altili{width: 50%;float:left;}
.yedili{width: 58.33333333333333%;float:left;}
.sekizli{width: 66.66666666666666%;float:left;}
.dokuzlu{width: 75%;float:left;}
.onlu{width: 83.33333333333333%;float:left;}
.onbirli{width: 91.66666666666666%;float:left;}
.onikili{width: 100%;float:left;}

.sari{color: #fff !important;background-color: #f0ad4e !important;border-color: #eea236 1px solid !important;}
.sari:hover{color: #fff !important;background-color: #ec971f !important;border-color: #d58512 1px solid !important;}
.yesil{color: #fff !important;background-color: #5cb85c !important;border-color: #4cae4c 1px solid !important;}
.yesil:hover{color: #fff !important;background-color: #449d44 !important;border-color: #398439 1px solid !important;}
.kirmizi{color: #fff !important;background-color: #d9534f !important;border-color: #d43f3a 1px solid !important;}
.kirmizi:hover{color: #fff !important;background-color: #c9302c !important;border-color: #ac2925 1px solid !important;}
.mavi {color: #fff !important;background-color: #337ab7 !important;border-color: #2e6da4 1px solid !important;}
.mavi:hover{color: #fff !important;background-color: #286090 !important;border-color: #204d74 1px solid !important;}
.beyaz {color: #333 !important;background-color: #fff !important;border-color: #ccc 1px solid !important;}
.beyaz:hover{color: #333 !important;background-color: #e6e6e6 !important;border-color: #adadad 1px solid !important;}

.borderL{border-left:1px solid;}
.borderR{border-right:1px solid;}
.borderT{border-top:1px solid;}
.borderB{border-bottom:1px solid;}
.border{border:1px solid;}

label {float:left;font-weight:normal;}
label input[type=checkbox], label input[type=radio]{margin:0px;padding:0px;float:left;margin-top:1px;width:13px;height:13px;}
label input[type=checkbox].right, label input[type=radio].right{margin-left:5px;}
label input[type=checkbox].left, label input[type=radio].left{margin-right:5px;}
label, label input[type=checkbox], label input[type=radio]{cursor:pointer;}
label, label:hover{-webkit-transition: all 200ms ease 0s;-moz-transition: all 200ms ease 0s;-ms-transition: all 200ms ease 0s;-o-transition: all 200ms ease 0s;transition: all 200ms ease 0s;}
label{display:inline-block;width:100%;padding-bottom:2px;padding-top:0px;}

label.right{width:auto;margin-left:10px;}
label.left{width:auto;margin-right:10px;}
label input[type="radio"]{float:left;margin-top:5px;margin-left: 0;}
label input[type="checkbox"]{float:left;margin-top:5px;margin-left: 0;}

.no_select{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently */
/*not supported by any browser */
}

.rotate45{
	transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
	-webkit-transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
	-moz-transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
	-o-transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
	-ms-transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
}
.rotate90{
	transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
	-webkit-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
	-moz-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
	-o-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
	-ms-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
}
.rotate180{
	transform: rotate(180deg) scale(1) skew(0deg) translate(0px);
	-webkit-transform: rotate(180deg) scale(1) skew(0deg) translate(0px);
	-moz-transform: rotate(180deg) scale(1) skew(0deg) translate(0px);
	-o-transform: rotate(180deg) scale(1) skew(0deg) translate(0px);
	-ms-transform: rotate(180deg) scale(1) skew(0deg) translate(0px);
}
.max_caracter{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
button.skew {
	-moz-border-radius:  15px 15px 0 0/50px 50px 0 0;;
	-webkit-border-radius:  15px 15px 0 0/50px 50px 0 0;;
	border-radius:  15px 15px 0 0/50px 50px 0 0;;
}
.boyut_oranlama {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.boyut_oranlama *{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.m_autoLR{margin-left:auto;margin-right:auto;}
.m_autoTB{margin-top:auto;margin-bottom:auto;}

.rqR:after{
	content: "\2217";
    position: absolute;
    font-size: 14px;
	color:#F00;
	line-height: 6px;
}
.rqL:before{
	content: "\2217";
    position: absolute;
    font-size: 14px;
	color:#F00;
	line-height: 6px;
	margin-left: -7px;
}
.bg_cover{
	background:no-repeat center center fixed;
	background-repeat:no-repeat;"
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
qqq{
	display: block;
	height: 100%;
	width: 100%;
	float: left;
}
www{
	display: table;
	height: 100%;
	width: 100%;
	padding:0px;
	margin:0px;
}
eee{
	vertical-align: middle;
	display: table-cell;
	font-style: normal;
}

/**************************************/
/**************************************/
/**************** Grid ****************/
/**************************************/
/**************************************/
[class*="grid-"]{
	width: calc(100% - 2px);
    height: auto;
    overflow: hidden;	
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
    padding: 0px;
    margin: 0px;
    position: relative;
}
[class*="grid-"] ul{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
[class*="grid-"] ul li {
    width:100%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	display:table;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[class*="grid-"] ul li:first-child{
	background-color:#eeeeee;
	font-weight:bold;
}
[class*="grid-"] ul li .col{
	float:left;
	border-right-style:solid;
	border-right-width:1px;
	display:table-cell;
	text-align:center;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: 1px;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[class*="grid-"] ul li .col:after {
    content: "";
    position: absolute;
    border-bottom-style:solid;
	border-bottom-width:1px;
    width: 100%;
    left: 0px;
}
[class*="grid-"] ul li .col span{
	padding-top:7px;
	padding-bottom:7px;
	padding-left:5px;
	padding-right:5px;
	display:block;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 200ms ease 0s;-moz-transition: all 200ms ease 0s;-ms-transition: all 200ms ease 0s;-o-transition: all 200ms ease 0s;transition: all 200ms ease 0s;
}
[class*="grid-"] ul li .col a span:hover{
	-webkit-transition: all 200ms ease 0s;-moz-transition: all 200ms ease 0s;-ms-transition: all 200ms ease 0s;-o-transition: all 200ms ease 0s;transition: all 200ms ease 0s;
}

[class*="grid-"] ul li .col a span:hover
{background-color:#dddddd;}
[class*="grid-"], [class*="grid-"] ul li .col, [class*="grid-"] ul li .col:after
{border-color:#dddddd;}

.grid-1 ul li .col{width:calc(100%);}
.grid-2 ul li .col{width:calc(50%);}
.grid-3 ul li .col{width:calc(33.33333333333333%);}
.grid-4 ul li .col{width:calc(25%);}
.grid-5 ul li .col{width:calc(20%);}
.grid-6 ul li .col{width:calc(16.66666666666666%);}
.grid-7 ul li .col{width:calc(14.27777777777777%);}
.grid-8 ul li .col{width:calc(12.5%);}
.grid-9 ul li .col{width:calc(11.11111111111111%);}
.grid-10 ul li .col{width:calc(9.99999999999999%);}
.grid-11 ul li .col{width:calc(9.09090909090909%);}
.grid-12 ul li .col{width:calc(8.33333333333333%);}

.grid-1 ul li .col:nth-child(1n+0){border-right:none;}
.grid-2 ul li .col:nth-child(2n+0){border-right:none;}
.grid-3 ul li .col:nth-child(3n+0){border-right:none;}
.grid-4 ul li .col:nth-child(4n+0){border-right:none;}
.grid-5 ul li .col:nth-child(5n+0){border-right:none;}
.grid-6 ul li .col:nth-child(6n+0){border-right:none;}
.grid-7 ul li .col:nth-child(7n+0){border-right:none;}
.grid-8 ul li .col:nth-child(8n+0){border-right:none;}
.grid-9 ul li .col:nth-child(9n+0){border-right:none;}
.grid-10 ul li .col:nth-child(10n+0){border-right:none;}
.grid-11 ul li .col:nth-child(11n+0){border-right:none;}
.grid-12 ul li .col:nth-child(12n+0){border-right:none;}
/**************************************/
/**************************************/
/**************** Grid ****************/
/**************************************/
/**************************************/

.p-0{padding:0px;}.p-1{padding:1px;}.p-2{padding:2px;}.p-3{padding:3px;}.p-4{padding:4px;}.p-5{padding:5px;}.p-6{padding:6px;}.p-7{padding:7px;}.p-8{padding:8px;}.p-9{padding:9px;}.p-10{padding:10px;}
.p-15{padding:15px;}.p-20{padding:20px;}.p-30{padding:30px;}.p-40{padding:40px;}.p-50{padding:50px;}
.pt-0{padding-top:0px;}.pt-1{padding-top:1px;}.pt-2{padding-top:2px;}.pt-3{padding-top:3px;}.pt-4{padding-top:4px;}.pt-5{padding-top:5px;}.pt-6{padding-top:6px;}.pt-7{padding-top:7px;}.pt-8{padding-top:8px;}.pt-9{padding-top:9px;}.pt-10{padding-top:10px;}
.pb-0{padding-top:0px;}.pb-1{padding-top:1px;}.pb-2{padding-top:2px;}.pb-3{padding-top:3px;}.pb-4{padding-top:4px;}.pb-5{padding-top:5px;}.pb-6{padding-top:6px;}.pb-7{padding-top:7px;}.pb-8{padding-top:8px;}.pb-9{padding-top:9px;}.pb-10{padding-top:10px;}
.pl-0{padding-top:0px;}.pl-1{padding-top:1px;}.pl-2{padding-top:2px;}.pl-3{padding-top:3px;}.pl-4{padding-top:4px;}.pl-5{padding-top:5px;}.pl-6{padding-top:6px;}.pl-7{padding-top:7px;}.pl-8{padding-top:8px;}.pl-9{padding-top:9px;}.pl-10{padding-top:10px;}
.pr-0{padding-top:0px;}.pr-1{padding-top:1px;}.pr-2{padding-top:2px;}.pr-3{padding-top:3px;}.pr-4{padding-top:4px;}.pr-5{padding-top:5px;}.pr-6{padding-top:6px;}.pr-7{padding-top:7px;}.pr-8{padding-top:8px;}.pr-9{padding-top:9px;}.pr-10{padding-top:10px;}

.m-0{margin:0px;}.m-1{margin:1px;}.m-2{margin:2px;}.m-3{margin:3px;}.m-4{margin:4px;}.m-5{margin:5px;}.m-6{margin:6px;}.m-7{margin:7px;}.m-8{margin:8px;}.m-9{margin:9px;}.m-10{margin:10px;}
.m-15{margin:15px;}.m-20{margin:20px;}.m-30{margin:30px;}.m-40{margin:40px;}.m-50{margin:50px;}
.mt-0{margin-top:0px;}.mt-1{margin-top:1px;}.mt-2{margin-top:2px;}.mt-3{margin-top:3px;}.mt-4{margin-top:4px;}.mt-5{margin-top:5px;}.mt-6{margin-top:6px;}.mt-7{margin-top:7px;}.mt-8{margin-top:8px;}.mt-9{margin-top:9px;}.mt-10{margin-top:10px;}
.mb-0{margin-top:0px;}.mb-1{margin-top:1px;}.mb-2{margin-top:2px;}.mb-3{margin-top:3px;}.mb-4{margin-top:4px;}.mb-5{margin-top:5px;}.mb-6{margin-top:6px;}.mb-7{margin-top:7px;}.mb-8{margin-top:8px;}.mb-9{margin-top:9px;}.mb-10{margin-top:10px;}
.ml-0{margin-top:0px;}.ml-1{margin-top:1px;}.ml-2{margin-top:2px;}.ml-3{margin-top:3px;}.ml-4{margin-top:4px;}.ml-5{margin-top:5px;}.ml-6{margin-top:6px;}.ml-7{margin-top:7px;}.ml-8{margin-top:8px;}.ml-9{margin-top:9px;}.ml-10{margin-top:10px;}
.mr-0{margin-top:0px;}.mr-1{margin-top:1px;}.mr-2{margin-top:2px;}.mr-3{margin-top:3px;}.mr-4{margin-top:4px;}.mr-5{margin-top:5px;}.mr-6{margin-top:6px;}.mr-7{margin-top:7px;}.mr-8{margin-top:8px;}.mr-9{margin-top:9px;}.mr-10{margin-top:10px;}

.response_kutu0{width:60%;float:left;}
.response_kutu{margin-bottom:15px;}
.response_kutu1, .response_kutu2, .response_kutu3, .response_kutu4{width:100%;float:left;}
.response_kutu1 .response_kutu{width:100%;float:left;}
.response_kutu2 .response_kutu{width:calc(50% - 7.55555555555555px);float:left;margin-right:15px;}
.response_kutu2 .response_kutu:nth-child(2n+0){margin-right:0px;}
.response_kutu3 .response_kutu{width:calc(33.33333333333333% - 10px);float:left;margin-right:15px;}
.response_kutu3 .response_kutu:nth-child(3n+0){margin-right:0px;}
.response_kutu4 .response_kutu{width:calc(25% - 11.33333333333333px);float:left;margin-right:15px;}
.response_kutu4 .response_kutu:nth-child(4n+0){margin-right:0px;}
.response_kutu .radio, .response_kutu .check{margin-top: 8px;}
@media screen and (max-width: 1024px) {
.response_kutu0 .response_kutu,
.response_kutu1 .response_kutu,
.response_kutu2 .response_kutu,
.response_kutu3 .response_kutu{width:100%;float:left;margin-right:0px;}
.response_kutu4 .response_kutu{width:calc(50% - 7.55555555555555px);float:left;margin-right:15px;float:left;}
.response_label4 .response_kutu:nth-child(2n+0){margin-right:0px;}
}

/*== png fav icon ==*/
/* <link rel="icon" type="image/png" href="kenarliklar/fav_icon.png" /> */

/*== responsive site için ==*/
/* <meta name="viewport" content="width=device-width, initial-scale=1.0"> */

/*== responsive site için (tıklanınca zoom olmayan) ==*/
/* <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />*/

@media all and (min-width: 000px) and (max-width: 000px) {} /* boş ayar */
@media all and (min-width: 000px), (max-height: 000px) {} /* boş ayar */
@media all and (max-width: 1680px) {} /* pc */ /* 1680x1050 */
@media all and (max-width: 1280px) {} /* pc */ /* 1280x1024 */
@media all and (max-width: 1024px) {} /* pc */ /* 1024x768 */
@media all and (max-width: 768px) {} /* tablet */ /* 768x1024 */
@media all and (max-width: 480px) {} /* akıllı tel */ /* 480x320 */
@media all and (max-width: 320px) {} /* akıllı tel */ /* 320x480 */
@media all and (max-width: 240px) {} /* klasik tel */ /* 240x320 */

/* text maskeleme
-webkit-mask-image: url(../img/splatter-mask_1.png);
mask-image: url(../img/splatter-mask_1.png);
*/

/*yükldikten snra kayan bar
@-webkit-keyframes grow-width {
  from {
    width: 0;
  }
}
@keyframes grow-width {
  from {
    width: 0;
  }
}
.bar{
	height:4px;
	-webkit-animation: grow-width 2s;
	animation: grow-width 2s;
	background-color: rgba(0, 0, 0, 1);
}
*/