@charset "utf-8";
/* CSS Document */

nav .menu > li > a{ padding:20px 20px 21px 20px; transition: all 500ms ease;}
nav .menu > li > a:hover { background-color:#473e93; color:#FFF; }

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.caroufredsel_wrapper{bottom:20px !important;}
.iletisim-adres p{ font-size:24px; line-height:1.5;}
.language{ padding-top:20px;}
.language li.lng a, .language li.lng a:hover {background-image:url(../images/lng.jpg) !important; background-position: 0 0; background-repeat: no-repeat; width:20px; height:14px; padding:0; position:absolute; right:0; text-indent:-9999px;}
.language a.en { background-position:-20px 0 !important;}

.services_media h1 { font-size: 15px; text-align:center;}

.detay-bg{ background:url(../images/detay-bg.jpg) 0 0 no-repeat;}
.kategori-bg{ background:url(../images/detay-bg.jpg) 0 0 no-repeat;}

h1.title { padding-top: 30px !important;}

#logo a { display: block;}

.language li{ list-style:none;}
#header #navigation { padding-top:20px;}

.tp-caption{ font-size:36px; color:#FFF; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}



@media (min-width: 768px) and (max-width: 991px) {
.language { padding-top: 10px;}
.mobile_small_menu { margin-top: 30px;}
}


@media (max-width: 767px){
.language { padding-top: 10px;}
.mobile_small_menu { margin-top: 30px;}
.header h2{ margin-bottom:30px !important; }
.row-dynamic-el .header h2, .themeple_sc .header h2 { float:none !important; text-align:center;}
header#header { height: 98px;}
}

@media (max-width: 480px){
.language { padding-top: 10px;}
.mobile_small_menu { margin-top: 30px;}
}

.iletisim-field { padding:100px 0 100px 0;}