body  { margin:0px; padding:0px; background: #fff; font-family:'Lato'; font-size:15px; color:#292929; }
a     { text-decoration:none; transition: all .3s; }
p     { margin:0 0 5px 0; padding:0px; }

.mleft0 { margin-left:0px !important; }
.mleft1 { margin-left:1px !important; }
.mleft2 { margin-left:2px !important; }
.mleft3 { margin-left:3px !important; }
.mleft4 { margin-left:4px !important; }
.mleft5 { margin-left:5px !important; }
.mleft6 { margin-left:6px !important; }
.mleft7 { margin-left:7px !important; }
.mleft8 { margin-left:8px !important; }
.mleft9 { margin-left:9px !important; }
.mleft10 { margin-left:10px !important; }
.mleft11 { margin-left:11px !important; }
.mleft12 { margin-left:12px !important; }
.mleft13 { margin-left:13px !important; }
.mleft14 { margin-left:14px !important; }
.mleft15 { margin-left:15px !important; }
.mleft16 { margin-left:16px !important; }
.mleft17 { margin-left:17px !important; }
.mleft18 { margin-left:18px !important; }
.mleft19 { margin-left:19px !important; }
.mleft20 { margin-left:20px !important; }
.mleft21 { margin-left:21px !important; }
.mleft22 { margin-left:22px !important; }
.mleft23 { margin-left:23px !important; }
.mleft24 { margin-left:24px !important; }
.mleft25 { margin-left:25px !important; }
.mleft26 { margin-left:26px !important; }
.mleft27 { margin-left:27px !important; }
.mleft28 { margin-left:28px !important; }
.mleft29 { margin-left:29px !important; }
.mleft30 { margin-left:30px !important; }
.mright0 { margin-right:0px !important; }
.mright1 { margin-right:1px !important; }
.mright2 { margin-right:2px !important; }
.mright3 { margin-right:3px !important; }
.mright4 { margin-right:4px !important; }
.mright5 { margin-right:5px !important; }
.mright6 { margin-right:6px !important; }
.mright7 { margin-right:7px !important; }
.mright8 { margin-right:8px !important; }
.mright9 { margin-right:9px !important; }
.mright10 { margin-right:10px !important; }
.mright11 { margin-right:11px !important; }
.mright12 { margin-right:12px !important; }
.mright13 { margin-right:13px !important; }
.mright14 { margin-right:14px !important; }
.mright15 { margin-right:15px !important; }
.mright16 { margin-right:16px !important; }
.mright17 { margin-right:17px !important; }
.mright18 { margin-right:18px !important; }
.mright19 { margin-right:19px !important; }
.mright20 { margin-right:20px !important; }
.mright21 { margin-right:21px !important; }
.mright22 { margin-right:22px !important; }
.mright23 { margin-right:23px !important; }
.mright24 { margin-right:24px !important; }
.mright25 { margin-right:25px !important; }
.mright26 { margin-right:26px !important; }
.mright27 { margin-right:27px !important; }
.mright28 { margin-right:28px !important; }
.mright29 { margin-right:29px !important; }
.mright30 { margin-right:30px !important; }
.mright40 { margin-right:40px !important; }
.mtop0 { margin-top:0px !important; }
.mtop1 { margin-top:1px !important; }
.mtop2 { margin-top:2px !important; }
.mtop3 { margin-top:3px !important; }
.mtop4 { margin-top:4px !important; }
.mtop5 { margin-top:5px !important; }
.mtop6 { margin-top:6px !important; }
.mtop7 { margin-top:7px !important; }
.mtop8 { margin-top:8px !important; }
.mtop9 { margin-top:9px !important; }
.mtop10 { margin-top:10px !important; }
.mtop11 { margin-top:11px !important; }
.mtop12 { margin-top:12px !important; }
.mtop13 { margin-top:13px !important; }
.mtop14 { margin-top:14px !important; }
.mtop15 { margin-top:15px !important; }
.mtop16 { margin-top:16px !important; }
.mtop17 { margin-top:17px !important; }
.mtop18 { margin-top:18px !important; }
.mtop19 { margin-top:19px !important; }
.mtop20 { margin-top:20px !important; }
.mtop21 { margin-top:21px !important; }
.mtop22 { margin-top:22px !important; }
.mtop23 { margin-top:23px !important; }
.mtop24 { margin-top:24px !important; }
.mtop25 { margin-top:25px !important; }
.mtop26 { margin-top:26px !important; }
.mtop27 { margin-top:27px !important; }
.mtop28 { margin-top:28px !important; }
.mtop29 { margin-top:29px !important; }
.mtop30 { margin-top:30px !important; }
.mbottom0 { margin-bottom:0px !important; }
.mbottom1 { margin-bottom:1px !important; }
.mbottom2 { margin-bottom:2px !important; }
.mbottom3 { margin-bottom:3px !important; }
.mbottom4 { margin-bottom:4px !important; }
.mbottom5 { margin-bottom:5px !important; }
.mbottom6 { margin-bottom:6px !important; }
.mbottom7 { margin-bottom:7px !important; }
.mbottom8 { margin-bottom:8px !important; }
.mbottom9 { margin-bottom:9px !important; }
.mbottom10 { margin-bottom:10px !important; }
.mbottom11 { margin-bottom:11px !important; }
.mbottom12 { margin-bottom:12px !important; }
.mbottom13 { margin-bottom:13px !important; }
.mbottom14 { margin-bottom:14px !important; }
.mbottom15 { margin-bottom:15px !important; }
.mbottom16 { margin-bottom:16px !important; }
.mbottom17 { margin-bottom:17px !important; }
.mbottom18 { margin-bottom:18px !important; }
.mbottom19 { margin-bottom:19px !important; }
.mbottom20 { margin-bottom:20px !important; }
.mbottom21 { margin-bottom:21px !important; }
.mbottom22 { margin-bottom:22px !important; }
.mbottom23 { margin-bottom:23px !important; }
.mbottom24 { margin-bottom:24px !important; }
.mbottom25 { margin-bottom:25px !important; }
.mbottom26 { margin-bottom:26px !important; }
.mbottom27 { margin-bottom:27px !important; }
.mbottom28 { margin-bottom:28px !important; }
.mbottom29 { margin-bottom:29px !important; }
.mbottom30 { margin-bottom:30px !important; }
.font8 { font-size:8px !important; }
.font11 { font-size:11px !important; }
.font12 { font-size:12px !important; }
.font13 { font-size:13px !important; }
.font14 { font-size:14px !important; }
.font15 { font-size:15px !important; }
.font16 { font-size:16px !important; }
.font17 { font-size:17px !important; }
.font18 { font-size:18px !important; }
.font19 { font-size:19px !important; }
.font20 { font-size:20px !important; }
.font21 { font-size:21px !important; }
.font22 { font-size:22px !important; }
.font23 { font-size:23px !important; }
.font24 { font-size:24px !important; }
.font25 { font-size:25px !important; }
.font30 { font-size:30px !important; }
.font40 { font-size:40px !important; }
.sol  { float:left; }
.sag  { float:right; }
.temizle { clear: both; }
.genelwidth { width: 100% !important; min-height:1px; }
.ortala { width:1200px; margin:0 auto; }
.lineheight { line-height:200%; }
.center { text-align: center; }
.fontnormal { font-weight: 100 !important; }
.fontkalin { font-weight: 700 !important; }
.scrollTop {  position: fixed;  right: 10px;  bottom: 15px; text-align:center; opacity: 0;  transition: all 0.4s ease-in-out 0s;}
.scrollTop a {  cursor:pointer; color: #000; font-weight:700}
.gizle	{ display: none; }
h2 				{   padding:0px; color: #222222; font: 700 40px Montserrat; margin-bottom: 30px; text-align:center; width:100%; float:left; }
.cursor		{ cursor:pointer !important; }
.index_aciklama a 			{ color:#8f0006; font-weight: 700}
.arac_detay_aciklama a 	{ color:#8f0006; font-weight: 700}
:hover { text-decoration: none !important; }
a {cursor:pointer; }
.back_gri										{ background: #eee; }
.back_gri:hover							{ background: #acc0eb; }
.back_beyaz:hover					  { background: #acc0eb; }

.back_beyaz label { margin-bottom:5px !important; }
.back_gri label { margin-bottom:5px !important; }

header 											{width:100%; background:#fff; min-width:1200px; margin:0 auto; clear:both; height:120px}
header .logo                {margin:15px 70px 15px 0; }
header .slogan              {margin-top:50px; color:#ABABAB; font-weight: bold;}
header .slogan .mavi        {color:#012F96;}
header .login a             {display:block; background:#012F96; color:#fff; font-size:12px; padding:5px 10px 5px 10px; }
header .login a:hover       {color:#E20202 }
header .login_2 a           {display:block; background:#ABABAB; color:#fff; font-size:12px; padding:5px 10px 5px 10px; border-left:1px solid #ddd;border-right:1px solid #ddd; }
header .login_2 a:hover     {color:#000 }
header .dil                 {background:#ABABAB; color:#fff; font-size:12px; padding:5px 10px 5px 10px; margin-bottom:30px }
header .dil a               {color:#fff;}
header .dil a:hover         {color:#000;}

#menubar                    {float:left; background:#012F96; width:100%; min-width:1200px; color:#fff}
#menubar  a                 {font-size:14px; font-weight: bold; color:#fff; float:left; padding:12px 0 12px 0;}
#menubar  a:hover           {color:#E20202}
#menubar  .span             {background:#002578; margin:8px 20px; width:2px; height:27px;}

.block                      { width:23%; margin:0 1%; }
.block .block_mavi          { width:100%; background:#012F96; text-align: center; padding:20px 0; }
.block .block_text          { text-align:center; padding:8px 0; border-bottom:1px solid #ddd; font-size:13px; font-weight:bold; }
.block a:hover .block_text  { color:#012f96; border-bottom:1px solid #012f96 }

.araba_class                { width:250px; margin-top:20px; font-size:13px; margin-right:20px;}
.araba_class .link          { width:100%;  }
.araba_class .link a        { display:block; float:left; width:100%; border-bottom:1px solid #fff; padding:5px 0; }
.araba_class .link a:hover  { color:#E20202; border-bottom:1px solid #ddd; text-decoration: none;}
.araba_class .active a			{ color:#E20202; border-bottom:1px solid #ddd; text-decoration: none;}

.araba_tab_search           { width:660px; margin-right:20px; }
.araba_tab_search .list			{ width:100%; padding:1%; }
.araba_tab_search .list	a		{ color:#000; width:100%; float:left; }
.araba_search               { width:250px; }

.kategori										{width:23%; padding:1%; cursor:pointer;}
.kategori	.resim 						{width:40px; height:40px; margin:0 5px; cursor:pointer;}
.kategori	.resim img				{width:40px; height:40px; cursor:pointer; }
.kategori .kategori_adi 		{width:166px; padding-top:8px; cursor:pointer; }
.kategori .check 						{width:20px; padding-top:8px; }
.kategori:hover 						{background:#f2f2f2}

.article_arama							{ width:380px;  margin-right:20px;}
.article_sag								{width:800px; background:#f2f2f2; padding:10px; }
.article_arama input[type=text]	{width:100% !important; padding:0 2%; outline:none; height:30px; font-size:12px }

.engine_arama								{width:800px; margin-right:20px; }
.engine_sag									{width:380px; background:#f2f2f2; padding:10px; }

.width250 									{width:250px; margin-bottom:10px; }
.width250 input[type=text]	{width:96% !important; padding:0 2%; outline:none; height:30px; font-size:12px }
.width250 select						{width:96% !important; padding:0 2%; outline:none; height:30px; font-size:12px }
.search_button input[type=submit]		{ width:100%; padding:8px 0; }


.dwidth250 									{width:280px; margin-bottom:10px; }
.dwidth250 .input input[type=text]	{width:100% !important; padding:0 2%; outline:none; height:30px; font-size:12px }
.dwidth250 .select									{width:60px; }
.dwidth250 .select select						{width:96% !important; padding:0 2%; outline:none; height:30px; font-size:12px }

.width_login															{ width:560px; font-size:13px;}
.width_login .text												{ width:200px; padding-top:8px; }
.width_login .input												{ width:360px; margin:5px 0}
.width_login .input	input									{ width:360px; }
.width_login .input2											{ width:145px; margin:5px 0 5px 5px}
.width_login .input2 input								{ width:145px; }
.width_login .select											{ width:60px; }
.width_login .select select								{ width:60px; margin:5px 0; height:25px}
.borderbottomgri													{border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:15px;}
#product-details													{ width:770px; margin-right:75px; }
#product-details .kategori-ozellik-baslik	{ width:150px; }
#product-details .border-right 						{ height:3px; margin-top:7px; background: #012F96; width:620px;}
#product-details .width_text50						{ width:50%; border-bottom:1px solid #ddd; padding:5px 0; height:28px;}
#gallery																	{ width:355px; padding:10px; height:310px; background:#f9f9f9; }
#urun_sepet																{ width:355px; padding:10px; }
#urun_sepet .quantity											{ width:60px; padding-top:15px; margin-right:20px; margin-left:50px }
#urun_sepet .input 												{ margin-top:8px; margin-right:20px; }
#urun_sepet .input input[type=number]			{ width:50px; height:35px; border:2px solid #ddd; text-align:center; outline:none;}
#urun_sepet .submit button								{ background:#012F96; color:#fff !important; padding:15px 20px; }
#flex																			{ width:289px; height:289px;}

.profile_menu															{ width:300px; background:#f2f2f2; padding:10px; margin-top:30px;}
.profile_menu	.baslik											{ width:100%; font-weight: bold; border-bottom:3px solid #012F96; margin-bottom:10px; }
.profile_menu	.link												{ width:100%; font-size:12px; }
.profile_menu	.link a											{ width:100%; display: block; float:left; color:#000;  border-bottom:1px solid #fff; padding:7px 2% 5px 2%;}
.profile_menu	.link a:hover 							{ border-bottom:1px solid #ff0000;  color:#ff0000 }

.profile_list															{ margin-left:40px; width:860px; background:#f2f2f2; padding:10px; margin-top:30px;  font-size:13px;}
.profile_list	.baslik											{ width:100%; font-weight: bold; border-bottom:3px solid #012F96; margin-bottom:10px; }

.profile_list .text												{ clear:both; width:200px; padding-top:8px; margin-left:140px;}
.profile_list .input											{ width:360px; margin:5px 0}
.profile_list .input	input								{ width:360px; }
.profile_list .input2											{ width:145px; margin:5px 0 5px 5px}
.profile_list .input2 input								{ width:145px; }
.profile_list .select											{ width:60px; }
.profile_list .select select							{ width:60px; margin:5px 0; height:25px}

.profile_list .text_2											{ clear:both; width:200px; padding-top:8px;}
.profile_list .input_2										{ width:620px; margin:5px 0}
.profile_list .input_2	input							{ width:638px; ; outline:none; height:30px; font-size:12px}
.profile_list .input_2	textarea					{ width:638px; outline:none; resize:none; font-size:12px; height:100px }

.ticket_new 								{ background:#012F96; margin-top:10px;}
.ticket_new a 							{ display: block; float:left; color:#fff; padding:10px; font-weight: bold; font-size:12px; }
.ticket_new a:hover 				{ color:#eee; }
footer 											{width:100%; background:#012F96; min-width:1200px; margin:30px auto 0 auto; clear:both; float:left;padding:30px 0;}
footer .copyright           { color:#fff; font-size:13px; margin-top:20px;}
.code                       { font-size:13px; color:#923c92; }
.disabled										{ opacity:0.75; }
.scroll 										{ width:100%; overflow-x:hidden; height:485px; float:left;}

.scroll::-webkit-scrollbar-track	{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5; border-radius:50px;}
.scroll::-webkit-scrollbar 				{ width: 5px; background-color: #F5F5F5;border-radius:50px; }
.scroll::-webkit-scrollbar-thumb 	{background-color: #0e3f68;border-radius:50px; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));}

input[type=submit]					{ font-weight: 700; border:0px; border-radius:3px; background: rgb(180,3,2); background: linear-gradient(0deg, rgba(180,3,2,1) 0%, rgba(226,4,3,1) 50%, rgba(180,3,2,1) 100%); font-size:14px; color:#fff; padding:8px 15px; }
input[type=submit]:hover		{ color:#000; background: rgb(180,3,2); background: linear-gradient(0deg, rgba(180,3,2,1) 0%, rgba(226,4,3,1) 50%, rgba(180,3,2,1) 100%); }

input[type=submit].register					{ font-weight: 700; border:0px; border-radius:3px; background: rgb(1,47,150); background: linear-gradient(0deg, rgb(0,34,110,1) 0%, rgb(1,47,150,1) 50%, rgb(0,34,110,1) 100%); font-size:14px; color:#fff; padding:8px 15px; }
input[type=submit].register:hover		{ color:#fff; background: rgb(1,47,150); background: linear-gradient(0deg, rgb(0,34,110,1) 0%, rgb(1,47,150,1) 50%, rgb(0,34,110,1) 100%); }


input[type=submit].register_kirmizi					{ font-weight: 700; border:0px; border-radius:3px; background: rgb(180,3,2); background: linear-gradient(0deg, rgba(180,3,2,1) 0%, rgba(226,4,3,1) 50%, rgba(180,3,2,1) 100%); font-size:14px; color:#fff; padding:8px 15px; }
input[type=submit].register_kirmizi:hover		{ color:#fff; background: rgb(180,3,2); background: linear-gradient(0deg, rgba(180,3,2,1) 0%, rgba(226,4,3,1) 50%, rgba(180,3,2,1) 100%); }



a.back											{ font-weight: 700; border:0px; border-radius:3px;  background: rgb(0,27,87); background: linear-gradient(0deg, rgba(0,27,87,1) 0%, rgba(1,47,150,1) 50%, rgba(0,27,87,1) 100%);font-size:14px; color:#fff; padding:8px 15px; }
a:hover.back								{ color:rgba(226,4,3,1); }

a.sepet_link											{ margin:0 20px; float:left; font-weight: 300; border:0px; border-radius:3px;  background:#ddd; font-size:14px; color:#000; padding:8px 15px; }
a:hover.sepet_link								{ color:rgba(226,4,3,1); }

#urun table tr th									{ height:40px; background:#f2f2f2;}
#urun table tr td									{ padding:5px 0; height:50px; min-height:50px;}
#urun table tr td	p 							{ margin:0px; padding:0px; line-height: %150}

#arac table tr th									{ padding:7px 0 5px 0; background:#f2f2f2; font-size:12px; }
#arac table tr td									{ padding:5px 0 3px 0; font-size:12px; }


#product table tr th									{ height:40px; padding:5px 10px; background:#f2f2f2;}
#product table tr td									{ padding:5px 10px; }
#product table tr td	p 							{ margin:0px; padding:0px; line-height: %150}

.kategori_arama										{ width:25%; margin:0 0 20px 0; }
.kategori_arama .link							{ width:96%; margin:0 2%; }
.kategori_arama .link	a						{ display: block; float:left; width:100%; background:#e20202; color:#fff; padding:7px 0; text-align: center; }
.kategori_arama .link	a:hover 		{ color:#000; }

.sag_basket 											{ background:#f2f2f2; padding:10px; margin-top:53px; font-size:13px; }
button						{ margin:0px; padding:0px; border:0px; color:#337ab7 !important}
.contact_us_text 	{ width:740px; border-bottom:1px solid #ddd; margin-bottom:20px; }
.contact_us_text2 	{ width:1200px; border-bottom:1px solid #ddd; margin-bottom:20px; }
.contact_detail 			{ width:740px; margin-bottom:30px; }
.contact_detail .text_{ width:250px; border-bottom:1px solid #ddd; padding:5px 0;}
.contact_detail .text2_{ width:490px; border-bottom:1px solid #ddd; padding:5px 0;}
.contact_maps			{ border:2px solid #ddd; width:400px; height:145px;}
.mavi 						{ border-bottom:4px solid #012F96; color:#012f96; font-weight:bold;}

.width_input			{width:580px; margin-bottom:10px; }
.width_input input { width:100%; font-size:13px; padding:8px 5px; border:1px solid #ddd; -webkit-box-shadow: inset 0px 0px 5px 1px #ddd; box-shadow: inset 0px 0px 5px 1px #ddd; outline:none; }
.width_textarea			{width:1200px; margin-bottom:5px; }
.width_textarea textarea { width:100%; font-size:13px; height:80px; resize:none; padding:8px 5px; border:1px solid #ddd; -webkit-box-shadow: inset 0px 0px 5px 1px #ddd; box-shadow: inset 0px 0px 5px 1px #ddd; outline:none; }

.contact_new 														{ }
.contact_new 	input[type=submit]				{ background:#012F96; color:#fff; padding:10px 30px }

.width30				{ width:380px; background:#000; margin-top:20px; background:#f2f2f2; padding:10px; }

.width30 .baslik	{ color:#012F96; border-bottom:4px solid #012F96; font-weight: bold; padding:0 5px 0 0; }
.width30 .baslik2	{ color:#e20202; border-bottom:4px solid #e20202; font-weight: bold; padding:0 5px 0 0; }
.width30 .cizgi		{ border-bottom:1px solid #aaa; width:100%; margin-bottom:20px}
.width30 .icerik_text { width:50%; float:left; font-size:13px; border-bottom:1px solid #aaa; padding:7px 0 5px 0;}
.flexslider {
	margin-bottom: 10px;
}
.flex-control-nav {
	position: relative;
	bottom: auto;
	display: none;
}
.custom-navigation {
	display: table;
	width: 100%;
	margin-top:120px
}
.custom-navigation > * {
	display: table-cell;
}
.custom-navigation > a {
	width: 50px;
}
.custom-navigation .flex-next {
	text-align: right;
}


.fancyTab {
	text-align: center;
  padding:11px 0 10px 0;
  background-color: #eee;
	box-shadow: 0 0 0 1px #ddd;
	top:0;
  transition: top .2s;
}

.fancyTab.active {
  top:0;
  transition:top .2s;
}

.whiteBlock {
  display:none;
}

.fancyTab.active .whiteBlock {
  display:block;
  height:2px;
  bottom:-2px;
  background-color:#fff;
  width:99%;
  position:absolute;
  z-index:1;
}

.fancyTab a {
	font-weight:600;
  transition:.2s;
  color:#333;
}

/*.fancyTab .hidden-xs {
  white-space:nowrap;
}*/

.fancyTabs {
	border-bottom:1px solid #ddd;
  margin: 0 0 0;
}

li.fancyTab a {
  padding-top: 15px;
  padding-bottom:0;
	top:-15px;

	height:80px;
}

li.fancyTab.active a {
	padding-top: 0;

}

.fancyTab .fa {
  font-size: 40px;
	width:100%;
	padding: 15px 0 5px;
  color:#666;
}

.fancyTab.active .fa {
  color: #cfb87c;
}

.fancyTab a:focus {
	outline:none;
}

.fancyTabContent {
  box-shadow: 0 -2px 0 -1px #fff, 0 0 0 1px #ddd;
  padding: 5px 5px;
  position:relative;
  background-color:#fff;
	border-top:1px solid #ddd;
}

.nav-tabs > li.fancyTab.active > a,
.nav-tabs > li.fancyTab.active > a:focus,
.nav-tabs > li.fancyTab.active > a:hover {
	border-width:0;
}

.nav-tabs > li.fancyTab:hover {
	background-color:#f9f9f9;
	box-shadow: 0 0 0 1px #ddd;
}

.nav-tabs > li.fancyTab.active:hover {
  background-color:#fff;
}

.nav-tabs > li.fancyTab:hover a {
	border-color:transparent;
}

.nav.nav-tabs .fancyTab a[data-toggle="tab"] {
  background-color:transparent;
  border-bottom:0;
  padding-top:28px;
  border-bottom:1px solid #ddd;
}

.nav-tabs > li.fancyTab:hover a {
}

.nav-tabs > li.fancyTab > a {
	margin-right:0;
	border-top:0;
  padding-bottom: 25px;
  margin-bottom: -30px;
}

.nav-tabs > li.fancyTab {
	margin-right:0;
	margin-bottom:0;
}

.nav-tabs > li.fancyTab:last-child a {
}

.nav-tabs > li.fancyTab.active:last-child {
}

.fancyTab:last-child {
  box-shadow: 0 0 0 1px #ddd;
}

.tabs .nav-tabs li.fancyTab.active a {
  padding-top:20px;
	box-shadow:none;
  top:0;
}


.fancyTab.active {
  background: #fff;
  padding-bottom:10px;
}

.arrow-down {
	display:none;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 22px solid #012F96;
  position: absolute;
  top: -1px;
  left: calc(50% - 20px);
}

.arrow-down-inner {
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 12px solid #fff;
  position: absolute;
  top: -22px;
  left: -18px;
}

.fancyTab.active .arrow-down {
  display: block;
}

@media (max-width: 1200px) {

  .fancyTab .fa {
  	font-size: 36px;
  }

  .fancyTab .hidden-xs {
    font-size:22px;
	}

}


@media (max-width: 992px) {

  .fancyTab .fa {
  	font-size: 33px;
  }

  .fancyTab .hidden-xs {
  	font-size:18px;
    font-weight:normal;
  }

}


@media (max-width: 768px) {

  .fancyTab > a {
    font-size:18px;
  }

  .nav > li.fancyTab > a {
    padding:15px 0;
    margin-bottom:inherit;
  }

  .fancyTab .fa {
    font-size:30px;
  }

  .nav-tabs > li.fancyTab > a {
    border-right:1px solid transparent;
    padding-bottom:0;
  }

  .fancyTab.active .fa {
    color: #333;
	}

}


/* Popup (arka plan) */


/* İçerik / Kutu */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* % 15 üstten ve ortalanmış */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Ekran boyutuna bağlı olarak daha fazla veya daha az olabilir */
}

/* Kapat Düğmesi */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
