ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,img,body {margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary,main { display: block; argin:0; padding:0;}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
/*background-position: 0px -400px;
background:url('images/hd.jpg') no-repeat #f6f6f6 0px 0px;*/
color: #111;
font-size: 15px;
font-family: 'Poppins', sans-serif;
}
a {
text-decoration: none;
cursor: pointer;
color: inherit;
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
-ms-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
-o-transition: all 0.45s ease-in-out;
-ms-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
.suslufont,.raleway,.hiki,.hbir,.anaurparcaaci h3,.hosbaslik{font-family: 'Roboto', sans-serif;}
.solcek{float:left;}
.sagcek{float:right;}
.cls{clear:both;}
.ortala{margin: 0px auto 0px auto; width:1200px;}
.solts{text-align:left} .sagts{text-align:right} .ortts{text-align: center} .jstts{text-align: justify}
.xxyirmibes { width:28%;} .xxotuz { width:30%;} .xxkirk { width:40%;} .xxyirmi { width:20%;}
.sifirsag{padding-right:0 !important;}
.sifirsol{margin-left:0 !important;}
.sagyokcizik{border-right:0px !important;}
header {
color: #a2a2a2;
font-weight: 300;
font-size: 14px;
}
.solsagtarafalan {width:100%; height:100%; background-color:#0007bb; color:#000; position: absolute; top: 0; left: 0;}
.soltarafalan {width:50%; top: 0; left: 0; position: absolute; height:100%; text-align:center;}
.sagtarafalan {width:50%; top: 0; left: 50%; position: absolute;height:100%; text-align:center;}
.solsagtarafalan a{width:100%; height:100%; display:block; vertical-align:middle;}
.solsagtarafalan img{width:60%; height: auto; position: relative;
top: 50%;
transform: translateY(-50%); }
/* FLEX SLĘDER AYARLAR*/
.flexslider{border:0 !important; overflow:hidden; margin:0 !important; -webkit-border-radius: 0 !important;
-moz-border-radius:0 !important;
border-radius:0 !important; }
.flex-control-nav { bottom:50px !important; text-align:right !important;}
.flex-control-paging li a { text-indent: 9999px !important; width:24px !important; height:24px !important;
background: rgba(255, 255, 255, 0.5) !important;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1) !important;
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1) !important;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1) !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
}
.flex-control-paging li a.flex-active {
background: rgba(255, 255, 255, 0.9) !important;
}
/* Direction Nav */
.flex-direction-nav {
*height: 0 !important;
}
.flex-direction-nav a {
width:55px !important;
height:70px !important;
margin: -20px 0 0;
line-height:70px !important;
top: 50%;
color:#000 !important;
background-color:#fff !important;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
border-radius:4px;
}
.flex-direction-nav a:hover {
background-color:#fff !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 15px !important;
display: inline-block;
content: '\f001';
color: #000 !important;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav .flex-prev { left: -60px !important; padding:0px 21px !important;}
.flex-direction-nav .flex-next { right: -60px !important; padding:0px 21px !important;}
.flexslider:hover .flex-prev { left:70px !important; }
.flexslider:hover .flex-next { right: 70px !important; }
.flexdiv{position: relative; width:100%; height:auto;}
.flexenle{position: relative; width:1200px; margin:0 auto;}
.flexprg{position: absolute; top:170px; left:0; width:560px; display:block;}
.flexspn{
width:560px;
font-size: 20px;
color: #fff;
font-weight: 300;
padding: 24px 0;
display:block;
text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
}
.flexbtn {padding:30px 0 0 0; display:block; margin:0 auto; }
.flexbtn a{
padding: 14px 26px ;
background-color: #0007bb;
font-weight: 600;
text-decoration: none;
outline: none;
text-transform: uppercase;
box-shadow: 1px 3px 0 #043A59;
color:#fff;
}
.flexbtn a:hover{ background-color:#ed1c24;}
.flexhuc{
font-size: 54px;
color: #111111;
font-weight: 700;
text-shadow: 2px 2px rgba(255, 255, 255, 0.3);
}
.tonuacikol{ color:#0007bb !important;}
@keyframes hello {
0% {
color:#d71d41;
}
25% {
color:#96ad2a;
}
50% {
color:#d71d41;
}
75% {
color:#09bde3;
}
100% {
color:#d71d41;
}
}
.banaltsyh{
background-color:#111111;
padding: 0 8px;
margin-top: -1px;
position: relative;
z-index:99999;
color:#0007bb;
}
.banaltsyh ul {
padding: 0;
margin:0;
list-style: none;
width:100%;
display:block;
}
.banaltsyh ul li {
display:block;
float:left;
background-color:#111111;
position:relative;
width:16.66%;
height:150px;
padding:0;
margin: 0;
font-size: 19px;
color: #fff;
font-weight: 600;
border-bottom:#2e2e2e 1px solid;
border-right:#2e2e2e 1px solid;
}
.banaltsyh ul li a{
display:block;
position:relative;
width:100%;
height:100%;
padding:0;
margin: 0;
}
.banaltsyh ul li:hover {
color: #0007bb;
}
.banaltsyh ul li i {
top: 50%;
left: 25px;;
transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
color: #0007bb;
font-size: 56px;
position:absolute;
display:block;
}
.banaltsyh ul li span {
top: 50%;
left: 99px;
transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
position:absolute;
display:block;
}
.banaltmavi{
background-color:#566d2d;
padding: 0;
margin-top: -1px;
position: relative;
z-index:99999;
}
.banaltbir{
height:238px;
width:33%;
float:left;
}
.banaltucc{
height:238px;
float:left;
width:33%;
padding-left:64px;
}
.banaltiki{
padding: 0px 18px;
background-color:#fff;
height:256px;
margin-top: -13px;
bottom: 0;
box-shadow: 0 2px 3px #ccc;
float:left;
width:34%;
}
.menuustgris{
width:100%;
line-height:52px;
padding:32px;
background-color: #111111;
color: #fff;
}
.menuustgris h1{
font-size:36px; font-weight:400;
color: #fff; letter-spacing:1px;text-transform: uppercase
}
.ursyfharita {
background: #f2f4f6;
border-bottom: 1px solid #e6e8e9;
padding-top: 1.2em;
padding-bottom: 1.2em;
font-weight:700;
font-size:13px;
color:#888;
letter-spacing:.2px;
margin-bottom:24px;
}
.ursyfharita a{
color:#7d7d7d
}
.ursyfharita strong a{
color:#909aa2;
}
.ustgris{
width:100%;
font-size:16px;
line-height:44px;
position: relative;
background: #f0f2f3;
color: #6e6e6e;
}
.arkaustgris{
background: url("images/head-top-band.png") no-repeat center center;
background-size: auto auto;
overflow: hidden;
background-size: cover;
}
.ustloglo{
width:100%;
padding:42px 0 30px 0;
position:relative;
background-color: #fff;
}
.logo{position:relative; float:left;}
.logo img { position:relative;width:auto; z-index:99999; height:101px; display:block; margin:-38px 0 -16px 0; left:0;}
.dlogo{position:relative; float:left;}
.dlogo img { position:relative;width:auto; z-index:99999; height:44px; display:block; margin: 6px; top:0; left:0;}
.guzelyazi{ letter-spacing:1px;}
.mengiri{
width:100%;
background: #0f263a; url(images/scale.png) 50% 100% repeat-x;
}
.loguclu{float:right; font-size:14px; color: #314555; line-height:32px; }
.logucicon{float:left; line-height:32px; font-size:32px; color:#314555;}
.logucmeti{float:left;font-size:28px; font-weight:600; letter-spacing:-1px; padding-left:8px;}
.logucmetkisa{float:left;font-size:11px; line-height:16px; width:164px; text-align:center; font-weight:700; letter-spacing:1px; border-right:#d5dce4 2px solid;}
.owliki {padding:32px 0;}
.ustnet{background: #eaedf0; position:relative; z-index:99999; font-size: 13px;}
.ustsloganiki{ height:32px; }
.ustsdil{ float:right; margin:2px 24px 0 0; line-height:24px;}
.ustsloganbir{ height:32px; width:100%;}
.ustslogan{ color: #111111; line-height:32px; vertical-align: middle; letter-spacing: 2px;}
.ustslogan i{ margin-right:8px; font-size:15px; height:32px;}
.usthztmsol {
background-color: #004797;
position:relative;
color: #fff;
font-weight: 600;
text-align: center;
float: right;
width: 220px;
text-align: center;
line-height:32px;
}
.usthztmsol a{ width:100%; text-align:center; display:block;}
.usthztmsol a:hover {background-color: #ed1c24;}
.menukutu{ float:right;}
.menukutuciz{ height:50px; margin-top:12px; }
.menukutuciziki{background: #314555; height:50px; width:100%;}
ul#ustnav {
list-style: none;
padding: 0px;
margin: 0px;
font-size: 15px;
text-transform: uppercase;position: relative;
}
.sonmenuxy a{
border: solid 1px #004797 !important;
color:#004797 !important;
}
.sonmenux a{
border: solid 1px #004797;
background-color:#004797;
color:#fff !important;
}
.sonmenux a:hover{
border: solid 1px #ed1c24;
background-color:#ed1c24;
color:#fff !important;
}
.sonmenuxy a:hover{
border: solid 1px #ed1c24 !important;
}
ul#ustnav li {
position: relative;
display: inline-block;
margin: 0px;
padding: 0px;
z-index:999;
font-size:16px;
}
ul#ustnav a {
display: block;
border: 1px solid;
border-color:transparent;
color: #004797;
font-weight:500;
line-height:38px;
text-decoration: none;
letter-spacing: 0px;
padding: 0px 11px;
margin:0 0 0 2px;
}
ul#ustnav a:hover {
border: solid 1px #ed1c24; color:#ed1c24;
}
ul#ustnav li ul{
position:absolute;
top:40px;
left:0px;
display:none;
list-style:none;
margin:0;
}
ul#ustnav li ul li{
padding: 0px;
display: block;
border-bottom:#0007bb 1px solid;
}
ul#ustnav li ul a{
width: 260px;
background-color:#fff;
font-size: 15px;
line-height:42px;
padding: 0px 0px 0px 10px;
color: #5f6062;
text-transform: none;
border:0px;
margin:0px;
}
ul#ustnav li ul a:hover {
color: #0007bb;
border:none !important;
}
ul#ustnav li:hover ul {
display:block;
}
#usttttnav::before {
content: '';
position: absolute;
top: -50px;
left: -20px;
display: block;
height: 100%;
overflow: hidden;
border-left: 20px solid rgba(255,255,255,0);
border-bottom: 50px solid red;
border-bottom-color: red;
font-size: 0;
line-height: 0;
width: 0;
}
#usttttnav::before {
border-bottom-color: #314555;
}
.hakfotalan{width:100%; padding:90px 0; background-image:url('images/alt012.jpg');
position: relative;
padding: 100px 0px 60px;
background-size: cover;
background-attachment: fixed;
z-index:1;
}
.hakfotolar {width:570px;position: relative;z-index:2;}
.hakfotolar img{width:100%; display:block;}
.hakfotoyazi {width:500px;position: relative;z-index:2;}
.hakfotalan::before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0,0,0,0.80);
}
.hakfotobas{
position: relative;
color: #0007bb;
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.hakfotoyazi h2 {
position: relative;
color: #fff;
font-weight: 700;
line-height: 1.3em;
font-size: 34px;
display: inline-block;
text-transform: capitalize;
}
.hakfotoyazi h2::before {
position: absolute;
content: '';
left: -65px;
top: 22px;
height: 2px;
width: 50px;
background-color: #0007bb;
}
.hakfotomet {
margin-top: 30px;
}
.hakfotomet p {
position: relative;
font-size: 14px;
line-height: 1.8;
color: #ffffff;
margin-bottom: 20px;
}
.hosgelfoto{margin-top: 12px; width:575px; height:390px; overflow:hidden;}
.hosgelfoto img{ width:100%; display:block; display:block;}
.hosalan{margin-top: 12px; width:600px;}
.hosmetin {
font-size: 38px;
font-weight: 300;
text-align: left;
text-transform: none;
line-height: 48px;
margin-bottom: 60px;
color: #111111;
}
.hosmetin strong{
font-weight: 600;
}
.hosbaslik {
font-size: 18px;
font-weight: 500;
text-align: left;
text-transform: none;
line-height: 1.5em;
margin-bottom: 60px;
color: #111111;
}
.hosbaslik::before {
content: '';
width: 50px;
display: block;
height: 3px;
margin-bottom: 17px; background-color: #0007bb;
}
.hosdugme {
cursor: pointer;
text-transform: uppercase;
white-space: nowrap;
padding: 1.5em 3.5em;
font-size: 12px;
background-color: #0007bb;
color: #fff;
line-height: 18px;
font-weight: 600;
letter-spacing: 3px;
border: none;
}
.hosdugme:hover {
background: linear-gradient(to right, #0007bb 50%,#ed1c24 50%) no-repeat scroll right bottom / 210% 100% #0007bb !important;
-webkit-transition: color 0.3s ease ,border-color 0.3s ease ,background-position 0.3s ease ,background-color linear 0.3s !important;
-moz-transition: color 0.3s ease ,border-color 0.3s ease ,background-position 0.3s ease ,background-color linear 0.3s !important;
-ms-transition: color 0.3s ease ,border-color 0.3s ease ,background-position 0.3s ease ,background-color linear 0.3s !important;
-o-transition: color 0.3s ease ,border-color 0.3s ease ,background-position 0.3s ease ,background-color linear 0.3s !important;
transition: color 0.3s ease ,border-color 0.3s ease ,background-position 0.3s ease ,background-color linear 0.3s !important;
}
.uclublm{width:100%; position:relative;}
.ucblmbir{
padding:90px 75px 0 0;
color:#fff;
height:470px;
width:50%;
float:left;
overflow:hidden;
background-image: url(images/bg_about1_021.jpg);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.ucblmiki{
padding:140px 0 0 75px;
color:#111111;
height:470px;
width:50%;
float:left;
background-image: url(images/bg_about1_022.jpg);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.ucblmuc{
padding:140px 0 0 0;
height:700px;
width:100%;
float:left;
color:#fff;
background-image: url(images/bg_cta2.jpg);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
text-align:center;
}
.ucblmiki h4 { display:block; width:400px; font-size:42px; font-weight:300; margin-bottom:40px;}
.ucblmiki span { display:block; width:400px; font-size:45px; font-weight:500; }
.ucblmbir h4 { display:block; font-size:42px; font-weight:300; margin-bottom:40px;}
.ucblmbiric { width:500px; float:right;}
.ucblmuc img { margin-bottom:24px;}
.ucblmuc h4 { font-size:72px; letter-spacing:1px; font-weight:300; margin-bottom:44px;}
.ucblmucpp { font-size:26px; line-height:36px; font-weight:400; width:800px; margin:0 auto 74px auto;}
.ucblmbir ul {list-style: none;margin: 0 0 0 24px;padding: 0; float:left; }
.ucblmbir li {
display: block;
margin: 0;
padding: 8px 0;
}
.ucblmbir ul li i {
margin-right: 10px;
padding: 0;
font-size: 14px;
color: #0007bb;
}
.ucblmbir ul li span {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
.bizfoto{margin-top: 2px; width:500px; height:619px; overflow:hidden;}
.bizfoto img{ width:100%; display:block; display:block;}
.bizalan{margin-top: 2px; width:640px;}
.fontskirk{font-size: 40px !important;}
.bizmetin {
font-size: 20px;
font-weight: 300;
text-align: left;
text-transform: none;
line-height: 52px;
margin:42px 0 ;
color: #111111;
}
.bizmetin strong{
font-weight: 600;
}
.bizmetin ul {list-style: none;margin: 0 0 0 24px;padding: 0; float:left; }
.bizmetin li {
display: block;
margin: 0;
padding: 6px 0;
line-height: 16px;
}
.bizmetin ul li i {
margin-right: 10px;
padding: 0;
font-size: 14px;
color: #0007bb;
}
.bizmetin ul li span {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
.ortablm{padding:64px 0 64px 0 ; margin:0px 0 0 0;}
.ortablmkoyu{background-color:#f7f7f7;}
.maviarka{background-color:#bfdded;}
.ortablmkoyu .design{ border-color:#f7f7f7;}
.ortablm h2{padding:0;}
.hbir {font-weight: 900;text-transform: uppercase;letter-spacing: -1px;color: #111111;font-size: 36px;line-height: 1.2;text-align: center;display:block;}
.hiki {font-weight: 900;text-transform: uppercase;letter-spacing: -1px;color: #111111;font-size: 36px;line-height: 1.2;text-align: center;display:block;}
.hustu{font-weight: 700;font-size: 14px;display: block;color: #0007bb;text-transform: uppercase;letter-spacing: -0.1px;text-align: center;}
.design {
width: 32px;
height: 32px;
border-radius: 50%;
border: 8px solid #ffffff;
background: #d4dee5;
display: block;
position: relative;
margin: 0 auto;
}
.design:after {
content: "";
background: transparent;
width: 7px;
height: 7px;
border-radius: 50%;
border: 2px solid #ffffff;
position: absolute;
display: block;
left: 2.6px;
top: 2.6px;
}
.design-line {
width: 32px;
height: 32px;
position: relative;
margin: 0 auto 16px;
}
.design-line:before {
content: "";
position: absolute;
width: 147px;
height: 1px;
background: #d4dee5;
left: -57px;
top: 16px;
display: block;
}
.ustsos-top {
list-style:none;
margin:0;
font-size:16px;
padding:0px;
line-height:32px;
}
.ustsos-top > li {
float:left;
padding:0px;
margin:0;
}
.ustsos-top > li > a {
color: #111111;
width:36px;
text-align:center;
border-left:#999 1px dotted;
display:block;
}
.ustsos-top a:hover {
color:#ed1c24;
}
.nav-top {
list-style:none;
margin:18px 0 0 0;
}
.nav-top > li {
display: inline-block;
}
.nav-top > li > a {
color: #314555;
padding: 0px;
line-height:33px;
background-color:#fff;
border-radius:4px;
width:33px;
text-align:center;
height:33px;
display:block;
margin:0 0 0 4px;
}
.nav-top a:hover {
color:#ed1c24;
}
.ortaheaderp{
padding:0px 0 32px 0 ;
color: #2a2a2a;
text-align:center;
}
.ortaheaderp strong{
font-size: 24px;
font-weight: 400;
padding:12px 0 0 0;
display:block;
}
.heading-line {
display: block;
height: 16px;
margin: auto auto;
position: relative;
width: 16px;background: #188541;
border-radius:8px;
}
.heading-line::before {
background: #188541;
content: "";
height: 1px;
left: 50%;
margin: 6px auto 0 auto ;
position: absolute;
right: 0;
top: 2px;
transform: translate(-50%);
width: 400px;
}
.nedenoto{
width:50%;
float:left;
padding:2%;
text-align:left;
}
.nedenoto span{
font-weight:700;
line-height:48px;
font-size:16px;
}
.nedenoto p{
line-height:24px;
font-size:14px;
}
.webtasdort{
width:20%;
float:left;
}
.webtasdorticon {
border: 0 none;
border-radius: 100px;
height: 80px;
line-height: 75px;
margin: 0;
transition: all 0.3s ease 0s;
width: 80px;
font-size: 18px;
color: #314555;
margin: 0 auto;
border:#314555 1px solid;
text-align:center;
}
.webtasdort:hover .webtasdorticon {
border:#314555 3px solid;
margin-top:-2px;
}
.webtasdorticon i{
font-size:40px;
line-height:75px;
vertical-align:middle;
}
.webtasdort h3{
font-size:16px;
text-align:center;
display:block;
font-weight:600;
letter-spacing:.5px;
}
.webtasdort p{
line-height:24px;
text-align:center;
margin:2px 12px 8px 12px ;
font-size:13px;
}
.hizmetalan{
width:100%;
background-color:#F2F2F2;;
padding:32px 0;
text-align:center;
}
.hizmetalan h2{
margin-bottom:20px;
letter-spacing: 1.6px;
line-height: 26px;
font-weight: 700;
font-size: 26px;
position:relative;
color:#000;
z-index:1000;
}
.hizmetalan h2::after {
position: absolute;
bottom: 8px;
left: 0px;
right: 800px;
width: auto;
height: 1px;
content: '';
display: block;
z-index: 0;
border-bottom: 4px solid #eee;
}
.hizmetalan h2::before {
position: absolute;
bottom: 8px;
left: 800px;
right: 0px;
width: auto;
height: 1px;
content: '';
display: block;
z-index: 0;
border-bottom: 4px solid #eee;
}
.ddhustu{font-weight: 700;font-size: 14px;display: block; margin:24px 0 0 0;color: #0007bb;text-transform: uppercase;letter-spacing: -0.1px;text-align: center;}
.digerurkutu {
width:392px;
height:82px;
margin:8px 8px 0 0;
overflow:hidden;
position:relative;
float:left;
background-color: #0007bb;
}
.digerurkutu:hover {background-color: #ed1c24;
transition: all 0.45s ease-in-out;
}
.digerurkutu a{
width:100%;
height:100%;
display:block;
padding:32px 16px 0 16px ;
}
.digerurkutuaci { color: #FFF; line-height:20px; vertical-align:middle;}
.digerurkutuaci img { float:left; margin-right:12px;}
.digerurkutuaci h3 { float:left; font-size: 20px; color: #fff; font-weight: 300;}
.digerurkutuaci i { float: right; font-size: 20px;}
.altkatliste { width:100%; margin:12px 0 24px 0;}
.altkatlisici {
width:392px;
height:82px;
margin:8px 8px 0 0;
overflow:hidden;
position:relative;
float:left;
background-color: #0007bb;
}
.altkatlisici:hover {background-color: #ed1c24;
transition: all 0.45s ease-in-out;
}
.altkatlisici a{
width:100%;
height:100%;
display:block;
padding:32px 16px 0 16px ; color: #fff;
}
.altkatlisici { color: #FFF; line-height:20px; vertical-align:middle;}
.altkatlisici img { float:left; margin-right:12px;}
.altkatlisici h3 { float:left; font-size: 20px; color: #fff; font-weight: 300;}
.altkatlisici i { float: right; font-size: 20px;}
.murunkutu {
width:388px;
height:291px;
margin:12px 12px 0 0;
overflow:hidden;
position:relative;
float:left;
}
.murunkutufoto {
width:100%;
height:100%;
position:absolute;
z-index:1;
}
.murunkutufoto img{
width:100%;
object-fit: cover;
min-height:291px;
display:block;
}
.murunkutuaci {
width:100%;
height:100%;
position:absolute;
background-color:rgba(5, 7, 8, 0.6);
top:190px;
z-index:2;
transition: .5s ease;
text-align:center;
color:#fff;
padding:0 20px 20px 20px ;
}
.murunkutu:hover .murunkutuaci{
top:0px;
padding-top:10px;
}
.murunkutuaci h3{
font-size: 30px;
color: #fff;
font-weight: 300;
line-height: 35px;
display:block;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.murunkutuaci p{
font-size: 16px;
color:#fff;
font-weight: 400;
margin-bottom: 36px;
}
.urhuckutu{display:block;
height:96px; position:relative;
}
.haberhuc{font-size:18px !important;}
.urhucbtn {
background-color:#fff;
padding: 14px 20px;
font-size: 16px;
color:#0007bb;display:block;
font-weight:500;
width:70%;
margin:0 auto;margin-bottom: 30px;
}
.urhucbtn:hover {
color:#000;
}
.dairekutu{width:400px; position:relative; height:196px; float:left;}
.dairekutu:hover .dkfoto{border: solid 8px #bfdded;}
.dairekutu:hover .dkyazi{border: solid 8px #bfdded;}
.dkfoto{
width: 180px;
height: 180px;
border: solid 8px #70c3f2;
background-color: #fff;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
text-align: center;
overflow:hidden;
position:absolute;
z-index:2;
}
.dkfoto img{
width: 180px;
height: 180px;
}
.dkyazi{
left:85px;
padding:8px 8px 0 100px;
top:5px;
position:absolute;
width: 310px;
height: 170px;
color:#0007bb;
border: solid 8px #70c3f2;
background-color: #fff;
border-radius: 16px;
z-index:1;
}
.dkyazi h3{
font-weight: 700;font-size: 14px;display: block;color:#111111;text-transform: uppercase;letter-spacing: -0.1px; padding:8px 0 ;
}
.yandanformmtn{color:#fff; line-height:3; font-weight:500;}
.yandanform {display:none; visibility:hidden; height:390px; top:165px; position: fixed; right:60px; z-index:999999;
border-radius: 0px;
box-shadow: -2px 2px 6px 0 rgba(0,0,0,.1);
background-color: #525e6c;
background-color: rgba(0, 0, 0, 0.4);
width:366px;
}
.yandanformic {width:100%; padding:24px;}
.yandanformic span{width:100%; display:block; padding:4px 0;}
.yandanformic input{width:100%; padding:8px; border:1px solid #35382c;}
.formellielli input{width:49%; padding:8px; border:1px solid #35382c;}
.kapatmenulogo{position:absolute; left:35%;cursor: pointer; bottom:-50px;background-color: #0007bb; text-align:center; color:#fff; height:50px; width:30%; line-height:50px;}
.dogkoduabs{position:relative; width:100%;}
.dogkoduabs img{position:absolute; top:12px; right:24px;}
.whatsicyaz {width:100%; display:block; padding:0 8px !important; margin:3px 0; background-color:rgba(255,255,255,0.4); line-height:31px; font-weight:600; color:#006;}
.whatsicyaz:hover { background-color:rgba(255,255,255,0.8);}
.randwhats{
position:fixed;
right:50px;
top:427px;
color:#fff;
z-index:999999;
display:block;
}
.randwhatstarih{
width:50px;
height:50px;
background-color: #111111;
text-align:center;
line-height:50px;
font-size:24px;
left:0px;
position:absolute;
}
.randgoto{
position:fixed;
right:50px;
top:425px;
color:#fff;
z-index:999999;
display:block;
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.randtarih{
width:50px;
height:50px;
background-color: #004797;
text-align:center;
line-height:50px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
font-size:24px;
left:0px;
position:absolute;
}
.randtext{
width:160px;
height:50px;
background-color: #0007bb;
line-height:40px;
font-size:16px;
font-weight:600;
left:50px;
position:absolute;
padding:5px 12.5px;
}
.randtext:hover{background-color: #ed1c24;}
.randwhatstarih:hover{background-color: #ed1c24;}
.ortala input { border:#bfdded 1px solid !important; padding:4px !important; }
.ortala textarea { border:#bfdded 1px solid !important; padding:4px !important; }
.ortala select { border:#bfdded 1px solid !important; padding:4px !important;}
/*.owldok .owl-item { margin-right:0px !important;}*/
.doctorcat{font-weight:700;}
.mdoktorkutu {
width:300px;
height:220px;
margin:0;
overflow:hidden;
position:relative;
float:left;
}
.mdoktorkutufoto {
width:100%;
height:177px;
position: relative;
z-index:1;
}
.mdoktorkutufoto img{
width:100%;
object-fit: cover;
height:177px;
display:block;
}
.mdoktorkutuadi {
width:156px;
height:42px;
position:absolute;
top:43px;
right:0;
z-index:2;
text-align:center;
color:#fff;
}
.mdoktorkutuadi a{ display:block; width:100%; height:100%; position:relative;}
.mdoktorkutuaci a{ display:block; width:100%; height:100%; position:relative;}
.mdoktorkutuadi h3{
font-size: 14px;
color: #fff;
font-weight: 400;
line-height: 20px;
display:block;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.mdoktorkutuaci {
width:100%;
height:40px;
position: relative;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 50%, rgba(0,132,159,1) 100%);
z-index:2;
transition: .5s ease;
text-align:center;
color:#fff;
padding:0 ;
}
.mdoktorkutu:hover .mdoktorkutuaci{
top:0px;
}
.mdoktorkutu:hover .mdoktorkutufoto img{
transition: transform .5s ease;
transform: scale(1.01);
}
.mdoktorkutuaci h4{
font-size: 14px;
color: #fff;
font-weight: 500;
line-height: 20px;
display:block;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.doktorbosluk{padding:0 24px 24px 0; float:left;}
.doktoranabas{width:100%; background-color:#111111; color:#fff; padding:12px; margin:12px 0 24px 0 ; position:relative; }
.anaurparca {
width:380px;
margin:20px 10px 10px 10px;
float:left;
position:relative;
background-color:#FFF;
}
.golgeanurpar{
border: 1px solid #d4dee5;
}
.golgaurnoo{
box-shadow: none !important;
-webkit-box-shadow: none !important;
border:0 !important;
}
.anaurparcaaci{
padding: 18px 23px 24px 34px;
box-shadow: 0px 0 6px 2px rgba(212,222,229,0.4);
-webkit-box-shadow: 0px 0 6px 2px rgba(212,222,229,0.4);
border: 1px solid #d4dee5;
border-top:0;
font-size: 11px; color: #111111;
}
.anaurparcaaci span{
display: block;
height: 60px;
position: relative;
}
.anaurparcaaci h3{
font-weight: 900;
margin: 0 0 10px 0;
letter-spacing: -0.5px;
font-size: 23px;
line-height: 28px;
color: #111111;
display: block;
position: relative;
}
.anaurparcaaci p {
letter-spacing: 0.1px;
font-size: 14px;
line-height: 22px;
color: #8494a0;
overflow:hidden;
width:100%;
height:66px;
}
.anaurparcafoto{
width:100%;
height:250px;
overflow:hidden;
text-align:center;
position:relative;
}
.anaurparcafoto img{
width:100%;
object-fit: cover;
min-height:250px;
display:block;
}
.anaurparcafoto h4{
display:block;
position:absolute;
width: 156px;
height: 42px;
position: absolute;
top: 43px;
right: 0;
}
.anaurparca:hover .anaurparcafoto img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.anaurparca a { color:#bfdded; font-weight:600;}
.anaurparca:hover .anaurparca a { color:#bfdded;}
.hizmetkt{
width:280px;
margin:20px 10px 10px 10px;
float:left;
position:relative;
}
.fotoarti{display:none; text-align:center; visibility:hidden; top:70px; font-size:28px; left:118px; position:absolute; padding-top:4px; width:40px; height:40px; line-height:40px; border-radius:4px; background-color:#ed1c24; color:#fff}
.fotoarti a{ color:#fff;}
.hizmetktfoto{
width:100%;
height:245px;
overflow:hidden;
text-align:center;
border-radius: 0 12px;
position:relative;
}
.hizmetktfoto img{
height:100% !important;
width:auto !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.hizmetkt:hover .hizmetktfoto img{
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
filter:brightness(20%);
}
.hizmetkt:hover .fotoarti{display: block; visibility: visible;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.hizmetktadi{
text-align: center;
width:180px;
margin:0;
height:42px;
overflow:hidden;
border:#FFF 1px solid;
left:50px;
line-height:32px;
padding:5px;
font-size:13px;
position:absolute;
top:180px;
}
.hizmetktadi h4{
color:#222;
display:block;
font-size:14px;
font-weight:600;
background-color:#FFF;
background-color: rgba(255, 255, 255, 0.8);}
}
.owlhzmt{padding:32px 0;}
/***** UCLU MENU ***/
.uclumenuzmn{padding:30px 0 60px 0 ; background:url("images/bg-5.png") repeat;}
.uclumenubir{
width:290px;
float:left;
z-index:20001;
}
.uclumenubirfoto{width:290px; padding:32px 0 40px 0;}
.uclumenubirfoto img{width:100%; display:block;}
.uclumenubiryazi{width:100%; font-size:16px; color:#333; text-align: justify; line-height:36px;}
.uclumenuiki{
width:276px;
margin-left:20px;
float:right;
z-index:20002;
margin-top:-60px;
position:relative;
}
.uclumenfoto{
width:276px;
height:380px;
overflow:hidden;
position:relative;
box-shadow: -10px -10px 0 0 rgba(0,0,0,.05);
}
.uclumenfoto img{
width:276px;
display:block;
min-height:380px;filter:brightness(100%);
}
.uclumenyazi{
background-color:#314555;
line-height:90px;
text-align:center;
color:#fff;
font-size:15px;
box-shadow: -10px 10px 0 0 rgba(0,0,0,.05);
}
.uclumenuiki:hover .uclumenyazi{ background-color:#000c30; transition:.4s ease-out}
.uclumenuiki:hover .uclumenfoto img{filter:brightness(60%); transition:.4s ease-out}
.vertical-number-box{
transform: rotate(-90deg);
left: 14px;
position: absolute;
bottom: 20px;
}
.vertical-number-box .vertical-number {
width: 240px;
text-align: left;
}
.vertical-number {
font-size: 15px;
position: absolute;
color: rgba(255,255,255,.6);
font-weight: 400;
transition: .2s;
}
.vertical-number::after {
content: '';
width: 52px;
height: 2px;
display: inline-block;
background: rgba(255,255,255,.5);
margin-left: 10px;
bottom: 9px;
position: absolute;
transition: .2s;
}
.banneden { position:relative; width:100%; padding: 40px 18px 0px 18px ;}
.banneden h3 {
padding: 0;
margin: 0 0 15px 0;
font-size: 24px;
color:
#5f6062;
font-weight: 700;
text-transform: uppercase;
}
.bannedensag { margin: 0;
position: absolute;
right: 17px;
top: 90px;}
.bannedensol ul {list-style: none;margin: 0;padding: 0;}
.bannedensol li {width: 66%;
display: block;
margin: 0;
padding: 8px 0;
border-bottom: solid 1px #f3f3f3;
}
.bannedensol ul li i {
margin-right: 10px;
padding: 0;
font-size: 14px;
color:
#566d2d;
}
.bannedensol ul li span {
margin: 0;
padding: 0;
font-size: 15px;
color: #555555;
font-weight: 400;
text-decoration: none;
}
.banblg {
padding: 0;
margin: 50px 0;
}
.banblgbas {
padding: 0;
margin: 0;
vertical-align:middle;
line-height:44px;
}
.banblgbas i {
margin-right: 15px;
font-size: 44px;
color: #fff;
float: left;
}
.banblgbas h2 {
padding: 0;
margin: 0;
font-size: 24px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
position: relative;
}
.banblg ul {
padding: 0;
margin: 20px 0 30px 0;
list-style: none;
}
.banblg ul li {
display: block;
padding: 0;
margin: 4px 0;
font-size: 18px;
color: #fff;
font-weight: 400;
}
.banblg ul li i {
padding: 0;
margin-right: 10px;
color: #fff;
font-size: 16px;
}
.ucuzkutular{
margin:0 0 24px 0;
width:100%;
position:relative;
z-index:9999;
}
.ucuzkutu{
margin:0;
width:33.33%;
float:left;
padding:48px 32px ;
color:#fff;
}
.ucuzkutu a{
color:#fff;
}
.ucuzkutu:hover{
margin-top:-20px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.ucuzkutu i{
font-size:48px;
line-height:60px;
text-align:center;
display:block;
}
.ucuzkutu h2{
font-size:18px;
line-height:40px;
text-align:center;
display:block;
font-weight:700;
}
.ucuzkutu p{
line-height:24px;
text-align:center;
margin:16px;
font-size:15px;
}
.ucuzbir{
background: url("images/ucuzbir.jpg") no-repeat center top;
background-size: auto auto;
background-size: cover;
}
.ucuziki{
background: url("images/ucuziki.jpg") no-repeat center top;
background-size: auto auto;
background-size: cover;
}
.ucuzucc{
background: url("images/ucuzucc.jpg") no-repeat center top;
background-size: auto auto;
background-size: cover;
width:33.34%;
}
.anhaber{
margin:20px 0 20px 0;
width:100%;
}
.anhaberuclu{
display: inline-block;
margin-left:20px;
width:380px;
}
.anhaberuclu:hover{
background-color:#e8e8e8;
}
.anhaberfoto{
width:380px;
height:210px;
overflow:hidden;
}
.anhaberfoto img{
max-width:380px;
min-height:210px;
display:block;
}
.anhaberfotom{
width:380px;
height:345px;
overflow:hidden;
border-radius:0 12px;
}
.anhaberfotom img{
max-width:380px;
min-height:345px;
display:block;
}
.anhaberfotom img:hover{
filter:brightness(115%);
}
.anhabermetin{
width:338px;
height:120px;
padding:20px;
border-bottom:#CCC 1px solid;
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
font-size:13px;
line-height:1.5;
color:#a2a2a2;
overflow:hidden;
}
.anhabermetin strong{
font-weight:700;
padding:4px 0 20px 0 ;
display:block;
color:#252525;
font-size:14px;
}
.anhabermetin a strong {
color:#252525;
}
.anhabermetin a {
color:#a2a2a2;
}
.anhbertumu a{display:block; width:120px; line-height:32px; border:#CCC 1px solid; border-radius:8px; color:#a2a2a2; margin:20px auto;}
.anhbertumu a:hover{ background-color:#CCC; border:#CCC 1px solid; color:#252525; text-decoration:none;}
.geniskutuarkaplan{background:url('images/header.jpg') no-repeat #fff 0px 0px; margin:0px; padding:20px 0 40px 0;}
.genisrefarkaplan{background-color:#FFF; margin:0px 0 20px 0; padding:20px 0 20px 0;}
.altresimler{padding:20px 0;
}
.altresbas{font-size: 25px;
color: #06121c;
width:260px;
;
line-height:25px;
font-weight:600;
margin:32px auto;
}
.altresbas::after {
content: '';
width: 40px;
height: 2px;
background: #0094b3;
background-color: rgb(0, 148, 179);
display: block;
margin-top: 13px; text-align:center;
}
.fotoitem { width:230px; height:180px; overflow:hidden;}
.fotoitem img {min-height:180px !important; }
.fotoitem img:hover {filter:brightness(60%); }
.anaprjfoto{width:230px; height:172px; overflow:hidden background-color:#FFF; text-align:center; border:dashed 1px #CCCCCC; }
.anaprjfoto img{width:230px;}
.anaprjadi{width:222px; line-height:36px; padding:4px; border:dashed 1px #CCCCCC; margin:4px 0 4px 0; overflow:hidden; text-align:center; font-size:16px;}
.tren {
display: -webkit-flex; /* Safari */
display: flex;
width:100%;
margin-top:40px;
}
.vagon {
margin:0px;
-webkit-flex: 1; /* Safari 6.1+ */
-ms-flex: 1; /* IE 10 */
flex: 1;
height:172px;
}
.teklifkutu{width:144px; height:139px; background-color:#930; border-radius:12px; background-color:#FFF; overflow:hidden;}
.teklifkutu img {width:100%; height:auto; display:block;}
.teklifkutu:hover{background-color: #f3f5ff; }
.teklifarakutu{width:66px; height:139px;}
.teklifichat {width:100%; height:67px; margin-top:36px; background-color:#999}
.teklifrsfr { background-color:#6fb43f}
.teklifrbir { background-color:#6fb43f}
.teklifriki { background-color:#3fb489}
.teklifrucc { background-color:#3fadb4}
.teklifrdrt { background-color:#3f6eb4}
.teklifrbes { background-color:#24398e}
.teklifralt { background-color:#24398e}
.teklifCbir { border:#6fb43f 1px solid; }
.teklifCiki { border:#3fb489 1px solid; }
.teklifCucc { border:#3fadb4 1px solid; }
.teklifCdrt { border:#3f6eb4 1px solid; }
.teklifCbes { border:#24398e 1px solid; }
.altmenkutu{ padding:50px 0 40px 0;
background-color:#111111;
}
.altsutunlar { }
.altsbaslg{font-size: 25px;
color: #fff;
height:60px;
line-height:25px;
}
.altsbaslg img{ width:150px; display:block;}
.altsbas{font-size: 25px;
color: #0007bb;
height:60px;
line-height:25px;
font-style: italic;
font-weight:600;
}
.altsbas::after {
content: '';
width: 40px;
height: 2px;
background: #fff;
display: block;
margin-top: 13px;
}
.altsmet{height:235px; width:90%;
color: #fff;
font-size: 15px;
line-height: 32px;
}
.altsmet a{color: #fff;}
.altsmet a:hover{color: #0007bb; text-decoration:none;}
.altsmetiki{margin-right:80px;}
.beskayalt{margin-right:4.99%}
.altmenyz a{font-size:15px; line-height:30px;}
footer{color: #fff; font-size:16px; background-color:#111111;; margin-top:30px;}
.enaltimza { text-align:center; border-top: 1px solid #293829;; font-size:15px; background-color:#111111;; width: 100%; color: #fff; padding: 33px 0;}
.enaltimza a{ color: #555759;} .enaltimza a:hover{ color:#555759; text-decoration:none;}
.alttelikfkutu{
width:100%; text-align:center; font-size:25px; background-color:#333 ; padding:29px; color:#fff; line-height:42px;}
.alttelikfkutu a{
padding:12px 20px;;
border-radius:4px;
margin-left:32px;
font-weight:600;
font-size:15px; background-color:#111111; color:#fff; }
.alttelikfkutu a:hover{
text-decoration:none;
background-color:#293829;;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.owl-theme .owl-nav{
position: absolute;
top: 50%;
left: 0px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
text-indent: -10000px;
margin: 0px;
z-index:1;
}
.owl-carousel .owl-stage-outer {
z-index:999;
}
.owl-theme .owl-nav .owl-prev{
width: 50px;
height: 50px;
background: url('images/arrow-left.png') no-repeat center center;
float: left;
margin-left: -60px;
}
.owl-theme .owl-nav .owl-prev:hover{
background: url('images/arrow-left-active.png') no-repeat center center;
}
.owl-theme .owl-nav .owl-next{
width: 50px;
height: 50px;
background: url('images/arrow-right.png') no-repeat center center;
float: right;
margin-right: -60px;
}
.owl-theme .owl-nav .owl-next:hover{
background: url('images/arrow-right-active.png') no-repeat center center;
}
.ortabaslik {
line-height:36px;
font-size: 14px;
color: #222222;
font-weight: bold;
padding: 8px ;
margin-top: 8px ;
margin-bottom: 8px ;
border: dashed #222222 1px;
}
.ortayazi { line-height:2; padding:10px 0; min-height:320px;}
.ortaalanustbas {
background: #f2f4f6;
padding-left:1.2em;
padding-top: 1.2em;
padding-bottom: 1.2em;
text-transform: uppercase;
font-weight:700;
font-size:13px;
color:#888;
letter-spacing:.2px;
}
.ortaalanustbas h1 { color:#888; font-size:14px;}
.menukutucizzzzz{ margin: 24px 0 0 0; border-radius: 16px; border:3px solid #333; padding:12px; background-color:#f2f2f2;}
.bitisalan { padding: 18px 0 18px 0; clear:both; height:60px;}
.altyanmenu { margin-left:4px; width:530px; line-height:38px; font-size:15px; color:#dbdbdb}
.altyanmenu a { color:#dbdbdb; margin-left:4px;}
.phoneNumber{text-align:right; color:#fff; font-family: sans-serif; padding:10px 0px 16px 0px;}
.phoneNumber a{ color:#fff;}
.mbayrak {border:#FFF 1px solid; margin-left:8px; padding:6px; font-size:14px; }
.mbayrak:hover {border: #000 1px solid; }
.phoneyani{ color:#fff; font-family: sans-serif; padding:16px 0px 0px 0px;}
.phoneyani a{ color:#fff; font-family: sans-serif;}
.sssmedya{padding:0px; margin:0px;}
.sssmedya img:hover{
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
filter: grayscale(100%);
}
.flscenter{ height:65px; background:rgba(0,0,0,0.8); z-index:1002; position:relative; border-radius: 8px; margin-top:-220px;}
.flsyili{ margin:-15px 0 0 -16px;}
.flsyazi{ margin:20px 8px 0 0; line-height:28px;}
.msosyazi{font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight:lighter; font-size:14px; color: #fff; margin-right:8px;}
.menuimza{font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight:lighter; line-height:1.5; font-size:14px; color: #fff; margin-right: auto; margin:450px 0 0 0;}
.menuimza a{font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight:lighter; font-size:14px; color: #fff; text-decoration:none; }
.altturuncu{font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; text-align:center; font-weight:lighter; line-height:33px; font-size:14px; color: #fff; margin:16px 0 0 0;}
.altturuncu a{ color: #fff; text-decoration:none; padding:0 2px 0 2px; }
.ilettdtd{padding:3px;}
.zemingibi { height:20px;}
.katalogs{float:left; margin:16px 6px 4px 10px ;}
.KATanaprjfoto{width:144px; height:180px; overflow:hidden; text-align:center; border:dashed 1px #CCCCCC; padding:4px; font-size:12px;}
.KATanaprjfoto img{width: auto; height:150px;}
.KATanaprjadi{width:144px; line-height:36px; padding:4px; border:dashed 1px #CCCCCC; margin:4px 0 4px 0; overflow:hidden; text-align:center; font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font:16px;}
.skutudis{
border:#001570 10px solid;
margin:1.5%;
border-radius:6%;
float:left;
width:15.7%;
}
.skutuic{
border:#001570 1px solid;
margin:10% ;
padding:30% 0px 30% 0px;
border-radius:10%;
float:left;
text-align:center;
font-size:16px;
line-height:1.5;
width:80%;
}
.skutuic i{
color:#001570;
}
.skutuic:hover {
background-color:#001570;
color:#fff;
}
.skutuic:hover *{
color:#fff;
}
.skutumet{
padding-top:6px;
}
ul#ustmen {
list-style: none;
position: relative;
padding: 0px;
margin: 0px;
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
float:left;
}
ul#ustmen li {
float:left;
margin: 0px;
position:relative;
padding: 0px;
}
ul#ustmen a {
display: block;
color: #fff;
text-transform: uppercase;
font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 14px;
line-height:60px;
text-decoration: none;
letter-spacing: 0px;
border-right: 1px solid #2a2a2a;
padding: 0px 18px 0px 18px;
}
ul#ustmen a:hover {
color: #f58220;
}
#menu
{
float: right;
height: 40px;
border: 3px solid #fff;
border-radius: 5px;
background: #f9f9f9;
position: relative;
padding: 6px 0;
box-shadow: 0 1px 2px rgba(204,204,204,.75);
text-align: right;
}
#menu > li
{
float:left;
text-align: left;
display: block;
height: 40px;
padding:0 5px;
background:url('img/mainli.png') no-repeat right 6px;
}
#menu > li:last-child
{
background:none;
}
#menu > li:hover
{
cursor: pointer;
}
#menu > li > a
{
float:right;
padding:0 10px;
line-height:40px;
color:#2b3c4d;
font-size:15px;
font-weight: bold;
font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
cursor:pointer;
height: 50px;
}
#menu > li:hover > a {
-webkit-border-radius: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius: 0px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-radius: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background:#df5522;
color:#fff;
}
#menu .parent:hover > a {
border-radius:5px 5px 0 0;
height:53px;
}
#menu > li > a:hover
{
-webkit-border-radius: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius: 0px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-radius: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background:#df5522;
color:#fff;
}
#menu > li:hover > a
{
color: #fff;
}
#menu > li:hover > ul
{
display:block;
}
#menu > li > ul
{
position: absolute;
display:none;
z-index:9999;
margin-top: 50px;
background-color: #df5522;
list-style: none;
padding: 10px;
-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
border-radius: 5px;
border-top-left-radius: 0;
}
#menu > li > ul > li
{
width: 188px;
float: left;
}
#menu > li > ul > li > img
{
width: 178px;
height: 178px;
margin-bottom: 10px;
}
#menu > li > ul > li > a.title
{
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;;
font-weight: 700;
font-size: 14px;
width: 158px;
display: block;
text-align: left;
padding: 5px 10px 5px 5px;
color: #222;
}
#menu > li > ul > li > a:hover
{
text-decoration:none;
}
#menu > li > ul > li > ul
{
list-style: none;
width: 178px;
}
#menu > li > ul > li > ul > li
{
list-style: none;
text-align: left;
line-height: 15px;
width: 178px;
}
#menu > li > ul > li > ul > li > a
{
list-style: none;
text-align: left;
display: block;
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;;
font-weight: 400;
padding: 10px 5px ;
font-size: 12px;
border-bottom:1px dashed #fff;
color: #fff;
}
#menu > li > ul > li > ul > li > a.title
{
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;;
font-weight: 700;
font-size: 14px;
width: 158px;
display: block;
text-align: left;
padding: 15px 10px 5px 5px;
color: #222;
}
#menu > li > ul > li > ul > li > a:hover
{
cursor: pointer;
color: #222;
}
.submenucol1
{
padding: 10px;
padding-right: 0px !important;
}
ul#ustmen {
list-style: none;
position: relative;
padding: 0px;
margin: 0px;
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
float:left;
}
ul#ustmen li {
float:left;
margin: 0px;
position:relative;
padding: 0px;
}
ul#ustmen a {
display: block;
color: #fff;
text-transform: uppercase;
font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 14px;
line-height:60px;
text-decoration: none;
letter-spacing: 0px;
border-right: 1px solid #2a2a2a;
padding: 0px 18px 0px 18px;
}
ul#ustmen .sonmenuxxx a{
border-right: 0px;
padding-right: 0px;
}
ul#ustmen a:hover {
color: #f58220;
}
.ustmenuol{position:relative; z-index:9999;}
/* orta alan urunlisteleme kateogri menusu */
td#ortaalanustbas {
background: #f2f4f6;
padding-left:1.2em;
padding-top: 1.2em;
padding-bottom: 1.2em;
text-transform: uppercase;
;
font-family: "Open Sans",sans-serif;
font-weight:700;
font-size:14px;
color:#888;
letter-spacing:.2px;
/* background: url("images/paragraf.jpg") repeat-x; */
}
.anaurunlist {
width: 31%;
margin: 1%;
background-color: #ffffff;
float:left;
}
.urunadi{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
text-align: center;
vertical-align: bottom;
line-height:50px;
margin-top: 4px;
background-color: #222222;
}
.urunfotosu{
text-align: center;
border: #CCCCCC 1px solid;
width:100%;
background-color: #ffffff;
text-align:center;
height:320px;
padding:0;
overflow:hidden;
position:relative;
}
.urunfotosu img{
width:auto;
height:320px;
min-width:100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);}
.urunfotosu:hover{
border: #f58220 1px solid;
}
.urungoskutu{width:100%; margin-top:16px;}
.urunacik{width:54%}
.urunfoot{width:45%}
.bitisalan {background-color:#000; padding: 18px 0 18px 0; clear:both; height:60px;}
.uruntekfoto{
text-align:center;
padding:8px 0;
}
.uruntekfoto img{
width:100%;
}
.urunfotogaleri{
padding:5px;
border:#CCC 1px dashed;
width:90px;
height:90px;
text-align:center;
}
.urunadi a{
color: #fff;
text-decoration: none;
}
.urunadi a:hover{
color: #f58220;
text-decoration: none;
}
.urunfiyati{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fe8f00;
text-align: center;
height: 24px;
}
.urunfiyati b{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #222222;
text-align: center;
font-weight: bold
}
.galerikutu {
width: 23%;
height: 240px;
margin: 1%;
border:#f7f7f7 double 1px;
float:left;
overflow: hidden;
}
.galerifoto{
width: 100%;
height: 200px;
text-align: center;
overflow: hidden;
}
.galerifoto img{
width: 100%;
min-height: 200px;
display:block;
}
.galerikutu:hover img{
filter:brightness(50%);
}
.galeriaci{
text-align: center;
line-height:40px;
font-size:12px;
}
/* Bilgiler */
.anabilgiler{
padding:24px;
margin:80px auto 0 auto;
clear:both;
background-color:#fff;
height:600px;
}
.sbilgidis{
margin:20px;
float:left;
width:350px;
}
.sbilgifoto{
overflow:hidden;
height:380px;
width:100%;
}
.sbilgifoto img{
height:380px;
width: auto;
}
.sbilgimetin{
text-align:center;
font-size:12px;
margin:32px 16px 32px 16px ;
line-height:1.5;
height:96px;
}
.sbilgimetin h2{
text-align:center;
font-size:16px;margin:16px;
font-weight:lighter;
color:#000;
}
.sbilgidvm {
color: #000000;
border: #333 1px solid;
width: 50%;
text-align:center;
font-size:13px;
padding:8px 0 8px 0;
margin:0 auto 0 auto;
}
.sbilgidvm a{
color: #000000;
}
.sbilgidvm a:hover{
color: #fff;
}
.sbilgidvm:hover {
color: #fff;
border: #333 1px solid;
background-color:#333;
}
.anakutularx{
width:100%;
clear:both;
background-color:#FFF;
padding:24px 0px 24px 0px ;
text-align:center;
}
.anakutular{
margin-top:40px;
width:100%;
line-height:2;
clear:both;
}
.anakutular p{
font-size:13px;
}
.anakutular h1{
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 33px;
line-height: 1;
text-align: center;
margin-top: 0;
text-transform: none;
margin:16px 0 16px 0 ;
}
.title_line_h1 {
color: #000000;
border-top: 2px solid;
display: inline-block;
width: 33%;
border-radius: 5px;
position: relative;
top: -12px;
}
.anakutular h2{
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 34px;
line-height: 1;
text-align: center;
margin-top: 0;
text-transform: none;
margin:16px ;
}
.anakutular h4{
line-height: 1;
text-align: center;
text-transform: none;
margin-bottom:16px ;
font-size: 30px;
font-weight: 400;
color: #001570;
font-family: 'Raleway', sans-serif;
}
.anakutularx h4{
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 22px;
line-height: 1;
color: #4c545f;
text-align: center;
text-transform: none;
margin-bottom:16px ;
font-weight:lighter;
}
.title_hh4{
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 22px;
line-height: 1;
color: #4c545f;
text-align: center;
text-transform: none;
padding-bottom:30px ;
padding-top:12px ;
font-weight:lighter;
}
.title_line {
color: #444;
border-top: 1px solid;
display: inline-block;
width: 30%;
border-radius: 5px;
position: relative;
top: -5px;
}
.title_40 {
display: inline-block;
width: 30%;
}
.urunlisteci{
padding-top:16px;
width:100%;
}
.kattag{
padding-top:16px;
border-top:#dcdcdc 30px solid;
padding-bottom:16px;
border-bottom:#dcdcdc 30px solid;
text-align:center;
font-size:13px;
}
.kataci{
padding:16px;
border-top:#dcdcdc 30px solid;
font-size:14px;
}
.kataci h2{
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 34px;
line-height: 1;
text-align: center;
margin-top: 0;
text-transform: none;
margin:0px 0px 16px 0px ;
border-bottom:#000 2px solid;
}
.kattag h3{
font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 34px;
line-height: 1;
text-align: center;
margin-top: 0;
text-transform: none;
margin:16px ;
}
.projelist{
width:100%;
}
.projesol{
float:left;
padding:8px;
}
.anaprjfotoPP{width:280px; height:220px; overflow:hidden; text-align:center; border:dashed 1px #CCCCCC; }
.anaprjfotoPP img{width: auto; height:220px;}
.anaprjadiPP{width:280px; line-height:36px; border:dashed 1px #CCCCCC; margin:4px 0 4px 0; overflow:hidden; text-align:center; font-family:"Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font:16px;}
.prjgosteraci{
padding:8px;
line-height:1.5;
font-size:16px;
}
.prjgosterfoto{
width:100%;
}
.teklifoto{
float:left;
padding:8px;
overflow:hidden;
margin:10px;
border:dashed 1px #CCCCCC;
}