/*#region SIFIRLAMALAR */
body
{
margin:auto; padding:0; height:100%; font-family: 'Open Sans', sans-serif; font-size:14px; border:0; color:#535353; background-image:url(../images/bg.png);
}
div,input,ul,li,ol,h1,h2,h3,h4,h5,h6,textarea,table,tr,th,td,span
{
margin:0;padding:0;border:none;border:0;outline:0;font-size:100%;text-decoration:none;
list-style: none; list-style-type:none;
}
h1 {font-size:36px; font-weight:bold;}
h2 {font-size:24px; font-weight:bold;}
h3 {font-size:16px; font-weight:bold;}
h4 {font-size:14px; font-weight:bold;}
h5 {font-size:12px; font-weight:bold;}
h6 {font-size:10px; font-weight:bold;}
a {text-decoration: none; font-size:14px; color:#535353;
outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
a:hover {text-decoration: none; font-size:14px; color:#000;}
img {border:none;}
.temizle {clear: both}
/*#endregion*/
/*#region KOYU ZEMİN LİNK */
.linkKoyuZemin, .linkKoyuZemin a{color:#fff;}
.linkKoyuZemin a:hover{color:#eee;}
/*#endregion*/
/*#region TÜMÜ */
.tumu {
background-color: #335676; width:125px; margin:0 auto; font-size:18px;
transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
overflow:hidden;
}
.tumu:hover {
color:#000; background-color:#029545;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
overflow:hidden; font-size:18px;
}
.tumu a {
color:#fff; font-size:18px;
}
.tumu a:hover {
color:#fff; font-size:18px;
}
.tumuKapsa {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 40px;
padding-right: 40px;
font-size:18px;
}
.tumuB {
background-color: #fff; width:125px; margin:0 auto; font-size:18px;
transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
overflow:hidden;
}
.tumuB:hover {
color:#000; background-color:#ddd;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
overflow:hidden; font-size:18px;
}
.tumuB a {
color:#000; font-size:18px;
}
.tumuB a:hover {
color:#000; font-size:18px;
}
.tumuKapsaB {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 40px;
padding-right: 40px;
font-size:18px;
}
/*#endregion*/
/*#region YÜKSELT - BOŞLUK*/
.gap {
width: 100%; height: 25px;
}
.gap2 {
width: 100%; height: 15px;
}
/*#endregion*/
/*#region TİTLE - GENEL TİTLE*/
.altGenelTitleKapsa
{
width: 100%; background-color: #2D3E50; color: #fff;
}
.altGenelTitleKapsa h1 {
font-size:23px; font-weight:bold; color:#fff; padding-top:30px; padding-bottom:30px;
}
/*#endregion*/
/*#region NAVIGASYON*/
.navigasyon {
padding: 5px; background-color: #eee; border: 1px solid #ddd; text-align:right;
}
/*#endregion*/
/*#region CAROUSEL CSS */
.carouselKapsa {
padding: 10px; background-color: #fff; margin-right: 5px; margin-left:5px;
}
/*#endregion*/
/*#region YUKARI GİT */
#up { z-index: 999; position: fixed; bottom: 100px; right: 10px; cursor: pointer; opacity:0.8; display: none;
outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
#up:hover { z-index: 999; position: fixed; bottom: 100px; right: 10px; cursor: pointer; opacity:1; display: none; }
/*#endregion*/
/*#region CONTACT */
.cms-contact {margin-top: 20px;}
.cms-contact i {background:#4493C9;color: #fff;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;font-size: 50px;width: 100px;height: 100px;border-radius: 50%;padding-top: 24px;}
.cms-c-i {width: 100px;height: 100px;background: rgba(0, 0, 0, 0.04);border-radius:50%;margin: auto;}
.cms-contact .col-md-3:hover i {background:#333;}
.cms-c-t {margin-top: 12px;font-size: 22px;font-weight: 700;}
.cms-c-d {font-size: 18px;}
.cms-c-d2 {padding-top: 20px;}
.cms-contact .col-md-3 {min-height: 240px;margin-top: 15px;}
.cms-map {width: 100%; height: 450px; position: relative;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
/*#endregion*/
/*#region İMAJ RESPONSIVE */
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;
}
.img-responsive:hover {
opacity:0.7;
}
/*#endregion*/
/*#region İMAJ RESPONSIVE OVAL */
.img-responsive-oval,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
border:5px solid #CF0A00;
}
.img-responsive:hover {
}
/*#endregion*/
/*#region MAGNIFIER EFEKT */
.magnifier {
opacity: 1;
position: relative;
height: auto;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.magnifier:hover {
opacity: 0.7;
}
.magnifier:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
opacity: 0;
left: 0;
top: 0;
background: url('../images/magnifier.png') center center no-repeat #000000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.magnifier:hover:after {
opacity: 0.6;
}
/*#endregion*/
/*#region RESİM EFEKT */
.thumb-foto { overflow: hidden }
.thumb-foto
.thumbnail2 { position: relative; border-radius: 0; box-shadow: none; padding: 0; background: #e9e9e9; overflow: hidden; }
.thumb-foto figure { margin: 0; position: relative; overflow: hidden; }
.thumb-foto figure img { width: 100%;}
.thumb-foto figure:hover i { -webkit-transform: translateY(0) translateX(0) scale(1); transform: translateY(0) translateX(0) scale(1);
-webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; opacity: 1; filter: alpha(opacity=100); }
.thumb-foto figure i { width: 100%; height: 100%; position: absolute; padding: 0; top: 0; left: 0; display: block; background: rgba(239, 126, 24, 0.5) url("../images/magnifier.png") center center no-repeat;
font-weight: normal; -webkit-transform: translateY(0) translateX(0) scale(0.25); transform: translateY(0) translateX(0) scale(0.25);
-webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; opacity: 0; filter: alpha(opacity=0); }
.thumb-foto .thumbnail2 figcaption { display: inline-block; position: absolute; left: 0px; bottom: 0px; background: rgba(255,255,255,0.8);
color: #444; text-decoration: none; text-align: center; width: 100%; transition: all 0.2s ease-in-out; }
/*#endregion*/
/*#region LINK EFEKT */
.link-foto { overflow: hidden }
.link-foto
.link2 { position: relative; border-radius: 0; box-shadow: none; padding: 0; background: #e9e9e9; overflow: hidden; }
.link-foto figure { margin: 0; position: relative; overflow: hidden; }
.link-foto figure img { width: 100%;}
.link-foto figure:hover i { -webkit-transform: translateY(0) translateX(0) scale(1); transform: translateY(0) translateX(0) scale(1);
-webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; opacity: 1; filter: alpha(opacity=100); }
.link-foto figure i { width: 100%; height: 100%; position: absolute; padding: 0; top: 0; left: 0; display: block; background: url("../images/link.png") center center no-repeat;
font-weight: normal; -webkit-transform: translateY(0) translateX(0) scale(0.25); transform: translateY(0) translateX(0) scale(0.25);
-webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; opacity: 0; filter: alpha(opacity=0); }
.link-foto .link2 figcaption { display: inline-block; position: absolute; left: 0px; bottom: 0px; background: rgba(255,255,255,0.8);
color: #444; text-decoration: none; text-align: center; width: 100%; transition: all 0.2s ease-in-out; }
/*#endregion*/
/*#region İMAGE RESPONSIVE EFEKT 1 */
.img-efekt1 {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.img-efekt1:hover {
filter: none; /* Firefox 3.5+ */
filter: none; /* IE6-9 */
-webkit-filter: none; /* Chrome 19+ & Safari 6+ */
}
/*#endregion*/
/*#region İMAGE RESPONSIVE EFEKT 2 */
.img-efekt2 {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;
opacity:0.8;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.img-efekt2:hover {
opacity:1;
filter: none; /* Firefox 3.5+ */
filter: none; /* IE6-9 */
-webkit-filter: none; /* Chrome 19+ & Safari 6+ */
}
/*#endregion*/
/*#region SCROOL BARLARI RENKLENDİRME */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-thumb {
background: #335676;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #335676;
}
/*#endregion*/
/*#region BOOTSTRAP KOLONLAR */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 1px;
padding-left: 1px;
}
/*#endregion*/
/*#region BOOTSTRAP CONTAINER */
.container {
padding-right: 5px;
padding-left: 5px;
margin-right: auto;
margin-left: auto;
}
/*#endregion*/
/*#region NAVBAR MENÜLER */
.navKapsa
{
/*height:60px;*/
/*margin-top:20px;*/ /*margin-left:20px;*/
}
.navbar {
position: relative;
min-height: 50px;
margin-top: -1px;
margin-bottom: 1px;
border: 0px solid transparent;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
float:right;
/*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/
}
.navbar-nav > li > a {
font-size:16px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right:15px;
border-left:0px solid #aaa;
/*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/
}
.navbar-default .navbar-brand {
color: #335676;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
font-size:16px;
color: #fff;
background-color: #535353 !important;
/*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/
}
.navbar-default .navbar-text {
color: #335676;
}
.navbar-default .navbar-nav > li > a {
font-size:16px;
color: #335676;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
font-size:16px;
color: #fff;
background-color: #335676 !important;
/*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background-color: #335676 !important;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #113546;
background-color: #335676 !important;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #335676 !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: transparent;
}
.navbar-collapse {
padding-right: 0px;
padding-left: 0px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
/*border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);*/
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #fff;
background-color: #335676 !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: transparent;
}
/*#endregion*/
/*#region DROPDOWN MENU */
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
/*min-width: 260px;*/
padding: 5px 0;
margin: 2px 0 0;
font-size: 16px;
list-style: none;
background-color: #335676 !important;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 0px solid #ccc;
border: 0px solid rgba(0, 0, 0, .15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
color: #fff;
/*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 0px 0;
overflow: hidden;
background-color: #335676 !important;
}
.dropdown-menu > li > a {
display: block;
padding: 10px 30px;
padding-left: 25px;
padding-right: 42px;
clear: both;
font-size:14px;
line-height: 1.42857143;
white-space: nowrap;
color: #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
color: #fff;
background-color: #029545 !important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #029545;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #234454;
background-color: #029545;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
/*#endregion*/
/*#region MENÜ */
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
position: static;
margin-top: 0;
margin-right: 0;
margin-left: 6px;
display: inline-block;
width: 0;
height: 0;
overflow: hidden;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px dashed transparent;
border-bottom: 4px dashed transparent;
border-left: 4px dashed transparent;
}
.navbar-fixed-bottom .sub-arrow {
margin-top: -5px;
border-top: 4px dashed transparent;
border-bottom: 4px solid;
}
.navbar-nav ul .sub-arrow {
position: absolute;
right: 0;
margin-top: 6px;
margin-right: 15px;
border-top: 4px dashed transparent;
border-bottom: 4px dashed transparent;
border-left: 4px solid;
}
.navbar-nav ul a.has-submenu {
padding-right: 30px;
/*background-color: #234454;
color:#fff;*/
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
position: absolute;
display: none;
visibility: hidden;
height: 20px;
overflow: hidden;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
/*border-top:7px dashed transparent;
border-right:7px dashed transparent;
border-bottom:7px solid;
border-left:7px dashed transparent;*/
}
.navbar-nav span.scroll-down-arrow {
top: 6px;
/*border-top:7px solid;*/
border-right: 7px dashed transparent;
border-bottom: 7px dashed transparent;
border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
padding-left: 35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
padding-left: 45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
padding-left: 55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
white-space: nowrap;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
left: 0;
right: auto;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.navbar-nav .collapsible ul {
display: none;
position: static !important;
top: auto !important;
left: auto !important;
margin-left: 0 !important;
margin-top: 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
.navbar-nav .collapsible ul.sm-nowrap > li > a {
white-space: normal;
}
.navbar-nav .collapsible iframe {
display: none;
}
/*#endregion*/
/*#region FORM TEXTBOX */
.form-control {
display: block;width: 90%; height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;
background-color: #fff; background-image: none;border: 1px solid #ccc; border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*#endregion*/
/*#region RESPONSIVE VIDEO */
.flex-video {position: relative;padding-top: 25px;padding-bottom: 67.5%;height: 0;margin-bottom: 16px;overflow: hidden;}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*#endregion*/
/*#region MEDIA SCREENLER */
@media screen and (max-width:1200px)
{
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
border-left: 0px solid #aaa;
}
.carouselKapsa {
padding: 10px;
background-color: #fff;
margin-right: 5px; margin-left:5px;
}
.gap {
width:100%; height:20px;
}
.gap2 {
width: 100%; height: 15px;
}
}
@media screen and (max-width:1160px)
{
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
border-left: 0px solid #aaa;
}
.dil { font-size:14px; padding:5px;}
.dil a {font-size:14px; padding:5px;}
.dil a:hover {font-size:14px; color:#fff; background-color:#B5B335;}
.carouselKapsa {
padding: 10px;
background-color: #fff;
margin-right: 5px; margin-left:5px;
}
.gap {
width:100%; height:20px;
}
.gap2 {
width: 100%; height: 15px;
}
}
@media screen and (max-width:1009px) {
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
border-left: 0px solid #aaa;
}
.dil { font-size:14px; padding: 5px; text-align:right;}
.dil a {font-size:14px; padding: 5px;}
.dil a:hover {font-size:14px; color: #fff; background-color: #B5B335;}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 1px;
border: 0px solid transparent;
text-align: center;
}
.carouselKapsa {
padding: 10px;
background-color: #fff;
margin-right: 2px; margin-left:2px;
}
.gap {
width:100%; height:20px;
}
.gap2 {
width: 100%; height: 15px;
}
}
@media screen and (max-width:960px)
{
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
border-left: 0px solid #aaa;
}
.dil {font-size:14px; padding: 5px;}
.dil a {font-size:14px; padding: 5px;}
.dil a:hover {font-size:14px; color: #fff;background-color: #B5B335;}
.carouselKapsa {
padding: 5px;
background-color: #fff;
margin-right: 2px; margin-left:2px;
}
.gap {
width:100%; height:20px;
}
.gap2 {
width: 100%; height: 15px;
}
}
@media screen and (max-width:767px)
{
.navbar-default {
background-color: transparent;
border-color: transparent;
float:left;
width:100%;
}
.navbar-nav {
margin: 7.5px 1px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ddd;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #fff;
background-color: transparent;
}
.dil { font-size:14px; padding:5px; text-align:center;}
.dil a {font-size:14px; padding:5px;}
.dil a:hover {font-size:14px; color:#fff; background-color:#B5B335;}
.carouselKapsa {
padding: 5px;
background-color: #fff;
margin-right: 2px; margin-left:2px;
}
.gap {
width:100%; height:10px;
}
.gap2 {
width: 100%; height: 5px;
}
}
@media screen and (max-width:479px)
{
.logoKapsa {width:100%; text-align:center;}
.navbar-default {
background-color: transparent;
border-color: transparent;
float:left;
width:100%;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
/*border: 1px solid #847676;*/
border-radius: 0px 0px 0 0;
width: 100%;
height: 42px;
margin-top: 8px;
text-align: center;
}
navbar-nav {
margin: 7.5px 1px;
}
.dil {font-size:14px; padding: 15px; text-align: center;}
.dil a {font-size:14px; padding: 15px;}
.dil a:hover {font-size:14px; color: #fff; background-color: #B5B335; }
.btn {
display: inline-block;
padding: 6px 6px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.carouselKapsa {
padding: 1px;
background-color: #fff;
margin-right: 1px; margin-left:1px;
}
.gap {
width:100%; height:5px;
}
.gap2 {
width: 100%; height: 5px;
}
}
/*#endregion*/
/*#region ANAHTAR KELİMELER */
.anahtarkelime a
{
font-size:14px; background-color:#eee; padding:5px; color:#535353; float:left; margin-right:5px;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
.anahtarkelime a:hover
{
font-size:14px; background-color:#535353; padding:5px; color:#fff;
}
/*#endregion*/
/*#region GENEL LİSTE SAYFALARI 4 LÜ */
.thumbnail-list {list-style: none;margin: 0;padding: 0;font-size: 0;}
.thumbnail-list li {
display: inline-block;
vertical-align: top;
width: 25%;
/*width: 33.33333333333333333333333333%;*/
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
outline: none;
transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
background-color: #f5f5f5;
overflow: hidden;
}
.thumbnail-list li a { font-size:14px; }
.thumbnail-list li:hover {font-size:14px; background-color:#eee;}
.thumbnail-list img {display: block;width: 100%;}
@media (min-width: 350px) and (max-width: 767px) {
.thumbnail-list li {width: 50%; font-size:14px;}
}
@media (max-width: 349px) {
.thumbnail-list li {width: 100%; font-size:14px;}
}
/*#endregion*/
/*#region GENEL LİSTE SAYFALARI 3 LÜ */
.thumbnail-list3 {list-style: none;margin: 0;padding: 0;font-size: 0;}
.thumbnail-list3 li {
display: inline-block;
vertical-align: top;
width: 33.33333333333333333333333333%;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size:14px;
text-align: center;
margin-bottom: 10px;
outline: none;
transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
background-color: #f5f5f5;
overflow: hidden;
}
.thumbnail-list3 li a { font-size:14px; }
.thumbnail-list3 li:hover { font-size:14px;}
.thumbnail-list3 img {display: block; width: 100%;}
@media (min-width: 350px) and (max-width: 767px) {
.thumbnail-list3 li {width: 50%; font-size:14px;}
}
@media (max-width: 349px) {
.thumbnail-list3 li {width: 100%; font-size:14px;}
}
/*#endregion*/
/*#region GENEL LİSTE SAYFALARI PADDİNGSIZ SADE */
.thumbnail-listNP {list-style: none;margin: 0;padding: 0;font-size: 0;}
.thumbnail-listNP li {display: inline-block; vertical-align: top; width: 25%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size:14px; text-align: center;
outline:none; transition: 0.3s ease;-o-transition: 0.3s ease;-webkit-transition: 0.3s ease;
background-color:#000; overflow:hidden;
}
.thumbnail-listNP li a { font-size:14px; }
.thumbnail-listNP li:hover { font-size:14px;}
.thumbnail-listNP img {display: block; width: 100%;}
@media (min-width: 350px) and (max-width: 767px) {
.thumbnail-listNP li {width: 50%; font-size:14px;}
}
@media (max-width: 349px) {
.thumbnail-listNP li {width: 100%; font-size:14px;}
}
/*#endregion*/
/*#region SAYFALAMA */
.Sayfalama a:link, .Sayfalama a:visited, .Sayfalama a:active
{
background-color:#eee;
border:solid 1px #e4e4e4;
padding:6px 10px 6px 10px;
margin:1px;
font-size:12pt;
color:#2f2f2f;
font-weight:bold;
text-decoration:none;
font-family:Trebuchet MS;
cursor:pointer;
}
.Sayfalama a:hover
{
background-color:#535353;
border:solid 1px #e4e4e4;
padding:6px 10px 6px 10px;
font-size:12pt;
color:White;
font-family:Trebuchet MS;
cursor:pointer;
}
.Sayfalama INPUT
{ background-color:#eee;
border:solid 1px #e4e4e4;
padding:6px 10px 6px 10px;
margin:1px;
font-size:12pt;
color:#2f2f2f;
font-weight:bold;
font-family:Trebuchet MS;
cursor:pointer;
}
.Sayfalama span
{
margin:1px;
}
.Sayfalama B
{
background-color:#535353;
border:solid 1px #e4e4e4;
padding:6px 10px 6px 10px;
font-size:12pt;
color:White;
font-family:Trebuchet MS;
cursor:pointer;
}
/*#endregion*/
/*#region RESİM EFEKT THUMB*/
.thumb {
position: relative;
display: block;
}
.thumb img {
width: 100%;
}
.thumb_overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.thumb_overlay:before {
display: block;
position: absolute;
top: 45%;
left: 50%;
bottom: 0;
right: 0;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transition: 0.4s;
-o-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s;
opacity: 1;
content: '\f00e';
font: 400 48px/48px "FontAwesome";
color: transparent;
text-align: center;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.thumb:hover .thumb_overlay {
background: rgba(48, 53, 60, 0.6);
}
.thumb:hover .thumb_overlay:before {
opacity: 1;
color: rgba(255, 255, 255, 0.8);
}
/*#endregion*/
/*#region PURE */
#myContent {
-moz-column-count: 3;
-moz-column-gap: 0px;
-webkit-column-count: 3;
-webkit-column-gap: 0px;
column-count: 3;
column-gap: 0px;
width: 1200px;
}
#myContent img{
display: inline-block;
margin-bottom: 0px;
width: 100%;
}
@media only screen and (max-width : 1199px),
only screen and (max-device-width : 1199px){
#myContent {
-moz-column-count: 5;
-moz-column-gap: 0px;
-webkit-column-count: 5;
-webkit-column-gap: 0px;
column-count: 5;
column-gap: 0px;
width: 1000px;
}
}
@media only screen and (max-width : 999px),
only screen and (max-device-width : 999px){
#myContent {
-moz-column-count: 4;
-moz-column-gap: 0px;
-webkit-column-count: 4;
-webkit-column-gap: 0px;
column-count: 4;
column-gap: 0px;
width: 800px;
}
}
@media only screen and (max-width : 799px),
only screen and (max-device-width : 799px){
#myContent {
-moz-column-count: 3;
-moz-column-gap: 0px;
-webkit-column-count: 3;
-webkit-column-gap: 0px;
column-count: 34;
column-gap: 0px;
width: 600px;
}
}
@media only screen and (max-width : 599px),
only screen and (max-device-width : 599px){
#myContent {
-moz-column-count: 2;
-moz-column-gap: 0px;
-webkit-column-count: 2;
-webkit-column-gap: 0px;
column-count: 2;
column-gap: 0px;
width: 400px;
}
}
/*#endregion*/