@charset 'utf-8';
::-webkit-scrollbar {
width: 8px;
height: 8px
}
::-webkit-scrollbar-track {
background: #eee;
}
::-webkit-scrollbar-thumb {
background: #000000;
}
::-moz-selection {
<!--background: #999;-->
color: #fff
}
::selection {
<!--background: #999;-->
color: #fff
}
::-moz-selection {
<!--background: #999;-->
color: #fff
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul>li>a:hover, .product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover {
background: rgba(17,85,217,0.99) !important;
}
* {
margin: 0;
padding: 0;
outline: none!important
}
body {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #898989;
overflow-y: auto;
overflow-x: hidden;
background: #fff;
font-family: Nunito;
position: relative
}
a {
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
a:hover {
text-decoration: none!important
}
a, a:active, a:focus {
text-decoration: none!important;
color: #333
}
:focus {
outline: none!important
}
::-moz-focus-inner {
border: 0!important
}
.formlar.uyegirisform input[type=button] {
background-image: none;
float: right;
border: none;
}
.formlar input[type=button] {
border-radius: 26px;
background-color: #000000;
width: 94%;
height: 38px;
font-size: 12px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
margin-top: 10px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style: none
}
textarea {
resize: none
}
img {
max-width: 100%
}
pre {
background: #585858;
color: #fff
}
.facebook {
color: #3b5998
}
.twitter {
color: #00aced
}
.pinterest {
color: #bd081c
}
.instagram {
color: #7f3bb2
}
.google {
color: #dd4d40
}
.martodo.alert {
position: relative;
width: 100%;
font-size: 16px;
margin-bottom: 15px;
padding: 10px;
display: table;
background-color: #fdfdfd;
border: 1px solid #ddd;
border-radius: 6px
}
.martodo.alert.loadIcon .child-1 {
width: 72px
}
.martodo.alert.loadIcon .child-1 i {
float: left
}
.martodo.alert:after {
content: '';
clear: both;
display: block
}
.martodo.alert:hover {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}
.martodo.alert:hover .close {
display: block
}
.martodo.alert .td {
display: table-cell
}
.martodo.alert .child-1 {
width: 36px;
vertical-align: middle
}
.martodo.alert .child-1 i {
color: #fff;
width: 36px;
height: 36px;
line-height: 36px;
display: block;
text-align: center;
text-shadow: -5px 6px 5px rgba(0, 0, 0, .1);
border-radius: 100%;
font-size: 20px
}
.martodo.alert .close {
position: absolute;
top: 50%;
right: 10px;
color: #777;
width: 26px;
display: none;
font-size: 13px;
cursor: pointer;
text-align: center;
line-height: 26px;
margin-top: -13px;
border-radius: 3px
}
.martodo.alert .close i {
line-height: 26px
}
.martodo.alert .close:hover {
background-color: #eee
}
.martodo.alert .child-2 {
color: #555;
font-size: 13px;
margin: 0 45px;
padding: 8px 0 8px 10px
}
.martodo.alert.danger .child-1 i {
background-color: #e84142;
}
.martodo.alert.success .child-1 i {
background-color: rgba(132, 179, 18, 0.51);
}
.martodo.alert.warning .child-1 i {
background-color: #fbab00;
}
.martodo.alert.info .child-1 i {
background-color: #39a5dd;
}
.input-group {
position: relative;
width: 100%;
margin-top: 10px
}
.kariyer-btn {
background: #d7d8da;
color: #626161;
position: absolute!important;
right: 0;
top: 0;
z-index: 99;
padding: 5px 27px!important;
border-radius: 0;
height: 100%;
line-height: 35px
}
.kariyer-btn:hover {
color: #fff;
z-index: 99!important
}
.input-group-btn {
position: static!important;
width: 0
}
input, textarea, select {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.map-responsive {
overflow: hidden;
padding-bottom: 350px;
position: relative;
height: 0;
max-width: 100%;
margin-bottom: 25px
}
.map-responsive iframe {
left: 0;
top: 0;
height: 100%;
max-height: 350px;
width: 100%;
position: absolute
}
.twice {
width: 100%;
overflow: hidden
}
.twice-item {
width: 48%;
float: left;
position: relative
}
.twice-item i {
position: absolute;
right: 10px;
bottom: 12px;
font-size: 17px
}
.twice-item:last-of-type {
float: right
}
section.markalarimiz {
padding: 60px 0 30px
}
.wd20 {
float: left;
width: 20%;
padding: 0 15px
}
.wd100 {
float: left;
width: 100%
}
.twice-item span {
position: absolute;
right: 0;
top: 10px
}
@media (max-width:767px) {
.twice-item {
width: 100%!important
}
}
section.markalarimiz.referanslarimiz .sayfalama {
margin-bottom: 0;
}
.sayfalama {
text-align: center;
overflow: hidden;
float: left;
width: 100%;
margin-bottom: 40px
}
.sayfalama .pagination>li>a {
margin: 0 5px;
padding: 0!important;
width: 38px;
height: 38px;
border: solid 1px #000000!important;
border-radius: 40px;
font-size: 11px;
font-weight: 600;
line-height: 38px;
}
.sayfalama .pagination>li>a:hover {
border: 1px solid rgba(17,85,217,0.99)!important;
background: rgba(17,85,217,0.99)!important;
color: #fff
}
.sayfalama .pagination>.active>a {
background-color: #000000!important
}
.calendar-select .tooltip {
position: static;
opacity: 1
}
.calendar-select #dogum_tarihi_Previous_ID, .calendar-select #dogum_tarihi_Next_ID {
font-size: 20px;
color: #000;
border: none!important;
cursor: pointer!important;
line-height: inherit;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.calendar-select #dogum_tarihi_Previous_ID:hover, .calendar-select #dogum_tarihi_Next_ID:hover {
background: #000;
color: #fff
}
.calendar-select #dogum_tarihi_Current_ID {
color: #111;
font-size: 12px;
font-weight: 700;
padding: 0!important
}
.calendar-select .calendar-table tbody>tr:first-child {
padding: 10px 0;
line-height: 40px;
background-color: #fff!important
}
.calendar-select #dogum_tarihi_ID {
position: relative
}
.calendar-select #dogum_tarihi_ID:before {
border: 1px solid #bbb;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
pointer-events: none
}
.calendar-select .calendar-table tbody>tr:last-child td {
line-height: 30px;
background: #eaeaea;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb
}
.calendar-select #dogum_tarihi_DayTable_ID td {
font-size: 10px;
color: #111;
line-height: 26px;
cursor: pointer!important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.calendar-select #dogum_tarihi_DayTable_ID td:hover {
color: #fff!important
}
.calendar-select .calendar-icon i {
font-size: 27px;
margin-left: 10px
}
.hamburger-menu {
display: none
}
.hamburger-menu {
width: 30px;
height: 22px;
top: 50px;
right: 35px;
position: absolute;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 999999
}
.hamburger-menu span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.hamburger-menu span:nth-child(1) {
top: 0
}
.hamburger-menu span:nth-child(2), .hamburger-menu span:nth-child(3) {
top: 9px
}
.hamburger-menu span:nth-child(4) {
top: 18px
}
.mobile-menu-active .hamburger-menu span {
background: #fff
}
.mobile-menu-active .hamburger-menu {
position: fixed;
z-index: 9999999999
}
.mobile-menu-active .hamburger-menu span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%
}
.mobile-menu-active .hamburger-menu span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.mobile-menu-active .hamburger-menu span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
.mobile-menu-active .hamburger-menu span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%
}
.mobile-menu {
background: rgba(17,85,217,0.99);
position: fixed;
right: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
padding: 25px;
overflow-x: hidden;
overflow-y: auto;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
visibility: hidden;
}
.mobile-menu-active .mobile-menu {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.mobile-menu h3 {
margin: 0;
color: #fff;
padding: 10px 0 0 0
}
.mobile-menu h3.menu-name:before {
content: "\f104";
font-family: FontAwesome;
cursor: pointer;
margin-right: 5px
}
.mobile-menu .rtl {
left: 100%;
opacity: 1;
visibility: visible
}
.mobile-menu .ltl {
left: -100%
}
.mobile-menu>ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-left: 25px;
position: absolute;
left: 0;
width: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.mobile-menu>ul>li {
list-style: none
}
.mobile-menu>ul>li>a {
color: #fff;
display: block;
padding: 10px 0;
font-size: 15px
}
.mobile-menu>ul>li>a>i {
margin-right: 5px;
font-family: FontAwesome;
width: 25px;
text-align: center
}
.mobile-menu>ul>li>ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-left: 25px;
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
left: 100%;
opacity: 0;
visibility: hidden
}
.mobile-menu>ul>li>ul>li {
list-style: none
}
.mobile-menu>ul>li>ul>li>a {
color: #fff;
display: block;
padding: 10px 0;
font-size: 15px
}
.mobile-menu>ul>li>ul>li>a>i {
margin-right: 5px;
font-family: FontAwesome;
width: 25px;
text-align: center
}
.mobile-menu>ul>li>ul>li>ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-left: 40px;
display: none
}
.mobile-menu>ul>li>ul>li>ul>li {
list-style: none
}
.mobile-menu>ul>li>ul>li>ul>li>a {
color: #fff;
display: block;
padding: 10px 0;
font-size: 15px
}
.mobile-menu>ul>li>ul>li>ul>li>a>i {
margin-right: 5px;
font-family: FontAwesome;
width: 25px;
text-align: center
}
.contents {
display: none
}
.contents.active {
display: block!important;
width: 100%
}
.sonuc {
margin-bottom: 15px;
border: 1px solid #cCc;
padding: 15px;
min-height: 145px
}
.sonuc .baslik {
margin: 0;
padding: 0;
text-align: left
}
.sonuc img {
margin-bottom: 10px;
float: left;
width: 100px;
margin-right: 20px
}
.stitle a {
color: #ee1c25;
border-left: 2px solid #ee1c25;
padding-left: 15px
}
.scontent a {
padding: 0 25px
}
.captcha {
position: relative;
width: 48%;
float: left;
border: 1px solid #cCc
}
.captcha #siimage {
width: 70%;
border: none!important;
height: 46px
}
.captcha1 {
padding: 10px 0
}
.captcha>.input-item>img {
max-height: 50px;
width: 175px
}
.captcha object {
position: absolute;
right: 15px;
top: 11px
}
.captcha a>img {
position: absolute;
width: 19px;
right: 18px;
top: 14px;
}
.captcha-btn {
width: 50%;
float: right
}
.captcha-btn input {
height: 49px
}
.captcha-btn1 {
width: 50%
}
.captcha a>img {
position: absolute;
width: 25px;
right: 10px;
top: 12px;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.captcha a>img:hover {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
@media (max-width:480px) {
.captcha {
width: 100%
}
.captcha-btn {
width: 100%
}
.captcha-btn1 {
width: 100%
}
}
@media (min-width:992px) and (max-width:1200px) {
.captcha1 a>img {
margin-left: -33px
}
}
.biltek {
float: right
}
.biltek a {
float: right;
padding-right: 10px;
font-size: 12px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #4a4a4a
}
.f-social {
float: left;
display: inline-block
}
.f-social p {
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #9b9b9b;
font-family: Nunito
}
.f-social span {
font-weight: 700;
color: #4a4a4a;
font-size: 12px
}
.biltek a img {
margin-top: -4px;
width: 25px
}
.page-title {
height: 175px;
background-position: center center!important;
background-size: cover!important;
background-repeat: no-repeat!important;
background: #141517;
position: relative
}
.page-title>.container {
position: relative;
height: 100%;
z-index:1;
}
.page-title h3 {
margin: 0;
font-family: Nunito;
font-size: 20px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #eef7fa;
position: absolute;
bottom: 30px;
left: 60px;
z-index:2;
}
.breadcrumb {
background: transparent;
margin: 0;
padding: 0
}
.page-title h3:before {
content: "";
position: absolute;
height: 2px;
width: 31px;
left: -40px;
background: #000000;
top: 12px;
}
.title-first {
padding-top: 50px
}
.breadcrumb li i:before {
margin: 0 10px!important;
font-size: 10px;
color: #a0c9da
}
.breadcrumb li a {
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.breadcrumb li.active a {
font-weight: 700;
color: #a0c9da
}
.breadcrumb li a:hover {
color: #fff
}
.breadcrumb li.active {
color: #fff;
font-size: 14px
}
.breadcrumb>li+li:before {
display: none
}
.title-menu {
position: absolute;
right: 15px;
bottom: 0
}
.title-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.title-menu ul li a {
background: #7a0205;
color: #fff;
position: relative;
margin-left: 2px;
display: block;
padding: 10px 15px
}
.title-menu ul li a:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px 0;
border-color: transparent #141517 transparent transparent
}
.title-menu ul li.active a, .title-menu ul li a:hover {
background: #fff;
color: #7a0205
}
.control-group {
display: inline-block;
vertical-align: top;
background: #fff;
text-align: left;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
padding: 30px;
margin: 10px
}
.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
cursor: pointer;
font-size: 18px
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
display: none
}
.control span {
height: 25px;
line-height: 20px;
font-size: 12px
}
.control__indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #e6e6e6
}
.control--radio .control__indicator {
border-radius: 50%
}
.control:hover input~.control__indicator, .control input:focus~.control__indicator {
background: #ccc
}
.control input:checked~.control__indicator {
background: rgba(17,85,217,0.99)}
.control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
background: #0e647d
}
.control input:disabled~.control__indicator {
background: #e6e6e6;
opacity: .6;
pointer-events: none
}
.control__indicator:after {
content: '';
position: absolute;
display: none
}
.control input:checked~.control__indicator:after {
display: block
}
.control--checkbox input:disabled~.control__indicator:after {
border-color: #7b7b7b
}
.control--radio .control__indicator:after {
left: 7px;
top: 7px;
height: 6px;
width: 6px;
border-radius: 50%;
}
.control--radio input:disabled~.control__indicator:after {
background: #7b7b7b
}
.select {
position: relative;
display: inline-block;
margin-bottom: 15px;
width: 100%
}
.select select {
display: inline-block;
width: 100%;
cursor: pointer;
padding: 10px 15px;
outline: 0;
border: 0;
border-radius: 0;
background: #e6e6e6;
color: #7b7b7b;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none
}
.select select::-ms-expand {
display: none
}
.select select:hover, .select select:focus {
color: #000;
}
.select select:disabled {
opacity: .5;
pointer-events: none
}
.select__arrow {
position: absolute;
top: 20px;
right: 15px;
width: 0;
height: 0;
pointer-events: none;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover~.select__arrow, .select select:focus~.select__arrow {
border-top-color: #000
}
.select select:disabled~.select__arrow {
border-top-color: #ccc
}
.twice {
width: 100%;
overflow: hidden
}
.twice-item {
width: 48%;
float: left;
position: relative
}
.twice-item i {
position: absolute;
right: 10px;
bottom: 12px;
font-size: 17px
}
.twice-item:last-of-type {
float: right
}
.twice-item span {
position: absolute;
right: 0;
top: 10px
}
.input-group {
position: relative;
width: 100%
}
.kariyer-btn {
background: #d7d8da;
color: #626161;
position: absolute!important;
right: 0;
top: 0;
z-index: 99;
padding: 5px 27px!important;
border-radius: 0;
height: 35px;
line-height: 25px
}
.kariyer-btn:hover {
color: #fff;
z-index: 99!important
}
.input-group-btn {
position: static!important;
width: 0
}
.btn-wrap {
padding: 25px 15px;
width: 100%;
overflow: hidden;
text-align: center
}
.btn-detay {
background: #05376a;
color: #fff;
font-size: 15px;
padding: 10px 15px;
border-radius: 0;
font-weight: 700;
position: relative;
min-width: 230px;
text-align: left
}
.btn-detay i {
position: absolute;
right: 15px;
top: 12px
}
.btn-detay:hover {
color: #fff;
background: #272729
}
.btn-trans {
background: transparent;
color: #fff;
font-size: 15px;
padding: 10px 25px;
border-radius: 20px;
border: 1px solid #fff;
margin: 10px 0
}
.btn-trans i {
margin-right: 10px
}
.btn-trans:hover {
color: #fff;
background: rgba(254, 210, 6, .6);
border-color: rgba(254, 210, 6, .6)
}
.btn-save {
border: 2px solid #fff;
background: #000;
color: #fff;
border-radius: 0;
padding: 8px 40px
}
.btn-save:hover {
color: #fff
}
.btn-out {
background: #969696;
color: #fff;
border-radius: 0;
padding: 0 40px;
border-radius: 27px!important;
background: rgba(17,85,217,0.99);
color: #fff!important;
line-height: 42px;
}
.btn-out:hover {
color: #fff
}
.form-div {
margin-bottom: 10px;
overflow: hidden;
width: 100%
}
.form-div .form-div {
margin-top: 5px
}
.form-div p {
margin: 0;
color: #232a2e;
font-weight: 600;
font-size: 12px
}
.form-div input {
border-radius: 0
}
.form-div select {
border-radius: 0
}
.form-div textarea {
border-radius: 0;
border-radius: 0px !important;
border: solid 1px #a0c9da;
background: #fff;
color: rgba(17,85,217,0.99);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.page {
padding: 5px 0 5px 0
}
h3.gorunmez-baslik {
display: none;
}
.search-wrap {
display: none;
}
.page .img-banner {
width: 100%
}
.header .col-right {
float: right;
margin-bottom: 12px
}
.header .col-right .header-abs a span i {
position: relative;
top: 3px
}
/* .header .col-right .header-abs a {
- size: 11px;
l;
}
*/
.header {
padding: 0px 0;
background: #f7f7f7;
padding-bottom: 0
}
.full-mavi {
background: rgba(17,85,217,0.99);
border-bottom: 1px solid #ffa800;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.header .col-right a i:before {
margin: 0;
font-weight: 300
}
.header .col-right a {
}
.header .col-right a span:nth-child(2) {
line-height: 26px;
padding-left: 7px
}
a.arama span:first-child {
line-height: 44px;
padding-right: 15px;
color: #000;
font-weight: 600;
font-size: 10px
}
.header .col-right a.arama span:nth-child(2) {
line-height: normal
}
a.arama {
background: #f7f7f7;
padding: 0 17px!important;
padding-right: 0!important
}
.search.arama form a {
width: 44px;
height: 44px;
background-color: #fff;
border: solid 1px #000000;
border-radius: 100px;
padding-left: 0!important;
position: absolute;
right: 0;
margin: 0
}
.inactive {
display: none;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease
}
.search i:Before {
color: #000!important;
font-size: initial!important
}
.deactive {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease
}
a.gorunmez {
display: none
}
a.arama-icon.gorunur .inactive {
display: block;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease
}
a.arama-icon.carpi .deactive {
display: block
}
a.arama-icon.carpi i {
top: 5px;
left: 16px
}
a.arama-icon.carpi i:before {
font-size: 12px
}
span.arama-icon i {
text-align: center;
display: block
}
span.arama-icon i:before {
font-size: 16px;
color: #000
}
.header .col-right .header-abs a span i {
position: relative;
top: 3px
}
.header .col-right a:nth-child(2):hover {
/*background: rgba(17,85,217,0.99);
*/
/*border: 1px solid rgba(17,85,217,0.99)*/
}
.multi_button a:first-child:hover {
<!--background: -->;
color: #fff !important;
border: solid 1px #000000 !important;
}
input, textarea, select {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.col-right .search form input[type="search"]::-webkit-input-placeholder {
font-family: Nunito;
font-size: 11px;
font-weight: 700;
color: rgba(17,85,217,0.99)}
.col-right .search form input[type="search"]::-moz-placeholder {
font-family: Nunito;
font-size: 11px;
font-weight: 700;
color: rgba(17,85,217,0.99)}
.col-right .search form input[type="search"]:-ms-input-placeholder {
font-family: Nunito;
font-size: 11px;
font-weight: 700;
color: rgba(17,85,217,0.99);
}
.col-right .search form input[type="search"]:-moz-placeholder {
font-family: Nunito;
font-size: 11px;
font-weight: 700;
color: rgba(17,85,217,0.99)}
.col-right .search form input[type="search"] {
height: 45px;
border: 0;
background: #f7f7f7;
border-radius: 100px;
float: left;
width: 60px;
color: #000;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-weight: 700;
width: 129px;
border: 1px solid #000000;
position: relative;
font-family: Nunito;
font-size: 11px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
padding-left: 20px
}
.col-right .search form input[type="search"]:focus {
width: 510px
}
.header-bottom {
background: rgba(17,85,217,0.99);
position: relative;
float: left;
width: 100%
}
.header-abs {
position: absolute;
right: 135px
}
.header .container {
position: relative
}
ul.menu {

margin-left:20%;

padding: 0;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
padding: 0;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
ul.menu li {
float: left;
margin-right: 24px;
height: 80px;
}
ul.menu li:last-child {
margin: 0;
/* position: relative;
*/
<!--background: -->;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.uyemenu ul li:hover .alt- {
display: block
}
.alt {
position: absolute;
z-index: 100;
height: 225px;
width: 292px;
top: 90%;
right: 0;
background-color: #ffa800;
padding: 10px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.uyemenu ul li:hover .alt- {
display: block
}
.formlar.uyegirisform {
font-size: 14px;
font-weight: 200;
color: #fff;
padding: 10px
}
.formlar.uyegirisform input[type=text] {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 100%;
height: 45px;
background-color: #ffffff!important;
border: 1px solid #ffa800;
padding-left: 65px;
color: rgba(17,85,217,0.99);
font-weight: 600
}
.formlar.uyegirisform input[type=password] {
font-weight: 600;
width: 100%;
width: 100%;
height: 45px;
background-color: #ffffff!important;
border: 1px solid #ffa800;
padding-left: 65px
}
.formlar.uyegirisform tr td {
position: relative
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 100px white inset !important;
}
.formlar.uyegirisform tr td {
position: relative
}
.formlar.uyegirisform tr td i {
position: absolute;
margin-top: 0;
top: 12px;
left: 18px;
height: 22px;
border-right: 1px solid #a0c9da;
line-height: 24px;
padding-right: 10px
}
.formlar.uyegirisform tr td i:before {
color: #a0c9da !important;
margin: 0;
font-size: 18px;
font-weight: 400;
}
input:-webkit-autofill {
-webkit-background-color: #fff !important;
}
.border-buton {
border: solid 1px #ffffff!important;
background: #ffa800!important
}
.border-buton:hover {
background: #000000!important;
border: 1px solid #000000!important;
color: #fff!important
}
.formlar.uyegirisform input[type=submit] {
background-image: none;
float: right;
border: none
}
.formlar.uyegirisform a {
color: #5b6268;
text-decoration: underline
}
.formlar.uyegirisform input[type=text]:focus {
background: #eef7fa!important;
border: 1px solid #000000!important;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.formlar.uyegirisform input[type=password]:focus {
background: #eef7fa!important;
border: 1px solid #000000!important;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.formlar.uyegirisform input::-webkit-input-placeholder {
color: rgba(17,85,217,0.99);
font-weight: 600
}
.formlar.uyegirisform input::-moz-placeholder {
color: rgba(17,85,217,0.99);
font-weight: 600
}
.formlar.uyegirisform input:-ms-input-placeholder {
color: rgba(17,85,217,0.99);
font-weight: 600
}
.formlar.uyegirisform input:-moz-placeholder {
color: rgba(17,85,217,0.99);
font-weight: 600
}
.formlar.uyegirisform input:focus::-webkit-input-placeholder {
color: #000000;
font-weight: 600
}
.formlar.uyegirisform input::-moz-placeholder {
color: #000000;
font-weight: 600
}
.formlar.uyegirisform input:-ms-input-placeholder {
color: #000000;
font-weight: 600
}
.formlar.uyegirisform input:-moz-placeholder {
color: #000000;
font-weight: 600
}
.border-buton {
border: 1px solid #eef7fa!important
}
span.neden {
position: relative;
width: 94%!important;
margin-left: 10%;
height: 28px;
background-color: #a0c9da;
border-radius: 50px;
font-size: 10px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 28px;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
margin-top: 13px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
a.unutulan {
padding-left: 0!important;
font-size: 11px!important;
font-weight: 600!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center!important;
color: #a0c9da!important;
margin-left: 10%;
text-decoration: underline!important
}
a.unutulan:hover:Before {
display: none
}
a.unutulan:hover {
color: #000000!important
}
span.neden:hover {
background: #000000;
color: #fff
}
span.neden:hover:Before {
border-bottom-color: #000000;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.formlar.uyegirisform a:hover {
color: #FFF;
text-decoration: underline
}
.formlar input[type=text], .formlar input[type=password], .formlar textarea, .formlar select {
margin-bottom: 8px;
padding-right: 20px;
padding-left: 20px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #e3e5e8;
border-right-color: #eee;
border-bottom-color: #eee;
border-left-color: #d9dde2;
font-weight: 200;
color: #5b6268;
background-color: #09121c!important;
height: 45px;
}
.formlar input[type=submit] {
border-radius: 0 !important;
background-color: #000000;
width: 94%;
height: 38px;
font-size: 12px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
margin-top: 10px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
-webkit-transition: background-color 5000s ease-in-out 0s;
-o-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s
}
.menu-icon i.flaticon-user:Before {
margin-left: 0 !important;
text-align: center;
display: block;
color: #fff;
}
li.uyemenu a {
font-size: 12px !important;
line-height: normal !important;
text-align: left !important;
margin-top: 12px;
}
.formlar.uyegirisform tr td a:before {
display: none;
}
.formlar input[type=submit]:hover {
background: #a0c9da;
color: rgba(17,85,217,0.99);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
ul.menu li:last-child span {
display: block;
width: 100%;
color: #fff;
}
span.menu-icon {
margin-bottom: 5px
}
a.logo {
padding: 0;
background: #fff;
position: absolute;
z-index: 999999;
padding-bottom: 0;
padding-right: 20px;
}
main.main1 {
margin-top: 0
}
ul.menu li:last-child .uye-hov {
display: block;
padding: 0 20px;
line-height: normal;
height: 100%;
padding-top: 15px;
font-size: 14px;
}
a.logo:before {
content: "";
position: absolute;
left: -1000px;
top: -1000px;
background: #fff;
right: 0;
bottom: -13px;
z-index: -1;
border-radius: 12px
}
ul.menu li a:hover:before {
opacity: 1;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in
}
ul.menu li a:before {
content: "";
position: absolute;
bottom: -1px;
height: 3px;
left: 0;
right: 0;
background: #000000;
opacity: 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
z-index: 999;
border-radius: 12px
}
ul.menu li a:hover {
<!--color: -->;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in
}
ul.menu li:last-child:hover {
<!--background: !important;-->
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
ul.menu li:last-child .uye-hov:hover {
color: #fff !important;
}
.formlar.uyegirisform a:hover {
}
ul.menu li:nth-child(5) .alt-menu {
left: 0;
}
ul.menu li:nth-child(5) {
position: relative !important;
}
.menu li ul li:nth-child(5):hover {
position: initial !important;
}
ul.menu li a {
font-family: Nunito;
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #fff;
width: 100%;
display: block;
position: relative;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
height: 100%;
line-height: 80px;
}
.menu li ul {
position: absolute;
top: calc(100% + 1px);
z-index: 99;
width: 300px;
background: rgba(17,85,217,0.99);
left: -33px;
right: 0;
padding: 20px;
padding-left: 5px;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.menu li ul li {
width: 100%;
margin: 0;
height: auto!important
}
.menu li ul li a {
font-family: Nunito;
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 4.1;
letter-spacing: normal;
text-align: left;
padding: 0 20px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.menu li ul li:last-child a {
padding: 0 20px;
}
.menu li ul li.active {
/* background: none!important */
}
.menu li ul li a i {
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
line-height: normal
}
.menu li ul li a i:before {
font-size: 15px;
margin: 0
}
.menu li ul li.active a {
color: #a0c9da;
border-radius: 8px;
background-color: #ffa800;
-webkit-box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21);
box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21)
}
.menu li ul li:last-child:hover {
background: none!important
}
.menu li ul li ul li:hover a {
color: #000000!important
}
.menu li ul a:before {
background: none!important
}
.menu li ul li {
background: none!important
}
.menu li ul li.active a:after {
opacity: 1;
background: #a0c9da
}
.menu li ul li a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
background: #ffa800;
width: 3px;
right: 0;
opacity: 1;
border-radius: 3px
}
.sub-menu {
position: absolute;
left: 0;
right: 0;
top: 100%;
background: #eb1c24;
z-index: 0;
opacity: 0;
width: 100%;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu li:hover .sub-menu {
top: 100%;
z-index: 99999;
visibility: visible;
opacity: 1;
}
.menu li ul li.active:hover ul {
position: absolute;
top: 0;
left: 300px;
width: 100%;
right: 0!important
}
.wd50 {
float: left;
width: 50%
}
.menu li ul li ul {
left: 300px;
top: 0;
opacity: 0;
visibility: hidden;
min-height: 260px;
padding: 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
border-bottom-right-radius: 8px;
z-index: -1;
}
.menu li ul li ul li a {
line-height: 3.4;
display: block;
background: rgba(17,85,217,0.99)!important;
border-radius: 0!important
}
.menu li ul li ul li a:after {
display: none!important
}
.menu li ul li.active ul {
opacity: 1;
visibility: visible;
z-index: 999999;
}
.menu li ul li ul li:last-child a {
/* background: none!important;
*/
line-height: 3.4;
-webkit-box-shadow: none;
box-shadow: none;
}
.menu li ul li ul li a {
color: #fff!important;
line-height: 38px;
}
.menu li ul li ul li a {
-webkit-box-shadow: none!important;
box-shadow: none!important;
font-size: 13px!important
}
li.abs-item {
margin: 0!important;
position: relative;
background: #ffa800;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
right: 0;
display: block;
}
li.abs-item span {
display: block!important;
height: auto!important
}
li.abs-item a {
display: block!important;
padding: 0 20px;
line-height: normal!important;
height: 100%!important;
padding-top: 15px
}
li.abs-item i:before {
margin: 0;
text-align: center;
display: block
}
i.sepet-mavi {
color: #000000;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
font-weight: bold;
font-style: normal;
}
ul.menu li a:hover span {
color: #fff;
}
ul.menu li.abs-item a:hover span:last-child i {
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.menu li:nth-child(8) a:hover span:first-child i:before {
color: #fff !important;
}
.menu li:nth-child(8) span:first-child i:before {
color: #000000!important;
font-size: 21px
}
.menu li:nth-child(9) span i {
font-style: normal!important
}
.search {
position: relative;
float:left;
margin: 0 0 0 5px
}
span.arama-icon.gorunur i:before {
margin: 0;
line-height: normal;
margin-left: 4px
}
.search input input[type="search"] {
max-width: 300px;
height: 44px;
border-radius: 0;
background: #032e61;
color: #989999;
border-color: #171f23;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 45px
}
.search i:before {
font-size: 16px;
color: #000
}
div#ust_sonuclar {
padding: 0;
color: #fff;
text-align: center;
background: #000000}
.search i {
position: absolute;
left: inherit;
top: 11px;
font-size: 20px;
color: #989999;
right: 12px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.suggestion-wrap {
position: absolute;
z-index: 99;
left: 20px;
width: 437px;
display:none;
border-radius: 0;
top: 100%;
z-index: 99997;
}
.suggestion .item {
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none!important;
padding: 15px;
padding-bottom: 15px;
border: none!important;
z-index: 99999
}
.item.col-inline-flex span i:before {
font-size: 22px;
color: #fff !important;
}
.suggestion-wrap.activeSug {
top: 100%;
opacity: 1;
visibility: visible;
-webkit-transition: top 0.3s ease-out;
-o-transition: top 0.3s ease-out;
transition: top 0.3s ease-out;
}
.item.col-inline-flex span {
position: absolute;
right: 30px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 23px;
left: initial
}
.search .suggestion .item img {
max-width: 70px;
float: left;
border-radius: 5px
}
.search .suggestion .item .name {
float: left;
color: #fff;
margin: 0;
padding: 0 6px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: calc(100% - 140px);
padding-left: 20px;
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.83;
letter-spacing: normal;
text-align: left;
color: #fff;
max-height: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
search span.arama-fyt {
margin: 0;
float: right
}
span.arama-fyt {
display: inline-block;
width: 100px;
font-weight: 400;
color: #fff;
float: left;
margin-top: -10px;
font-size: 17px
}
.search .suggestion .items-all a:hover {
background: #000000;
color: #fff
}
.search .suggestion .items-all a {
font-size: 12px;
font-weight: 700;
color: #fff;
display: block;
padding: 15px 0;
text-align: center;
width: 100%!important
}
search .suggestion .items-all a:hover {
background: #e1254c;
color: #fff
}
div#ust_sonuclar:hover .blur-box-bg:before {
-webkit-filter: blur(120px);
filter: blur(120px)
}
.suggestion .blur-box-bg:before {
content: "";
background-image: url(../img/slider.jpg);
background-repeat: no-repeat;
-webkit-filter: blur(60px);
filter: blur(60px);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: -30px;
z-index: 99;
background-size: cover!important;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
background-position: right center
}
.items.scroll {
position: relative;
overflow: hidden
}
.suggestion div.blur-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.suggestion div.blur-box {
background-color: rgba(30, 165, 221, .88);
height: 100%
}
.search .suggestion .item:hover {
background: rgba(42, 67, 91, .27)!important
}
div#ust_sonuclar a:hover i:before {
color: #fff
}
.item.col-inline-flex span i {
position: relative;
top: -6px;
right: 0;
line-height: normal;
}
.col-inline-flex {
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.items-all a {
border-bottom-left-radius: 25px;
overflow: hidden;
background: rgba(17,85,217,0.99);
border-bottom-right-radius: 25px;
font-size: 14px!important;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
padding: 20px 0!important
}
.suggestion {
padding: 0 0;
position: relative;
border-radius: 0
}
.s-item {
padding: 0
}
.s-item img {
width: 30px;
height: 45px;
float: left
}
.s-item p {
margin: 0;
margin-top: 0;
font-size: 13px;
overflow: hidden;
color: #002349
}
.s-item h6 {
margin-top: 0
}
.search-table {
margin-bottom: 0
}
.search-table tr {
border-bottom: 1px solid #dedede;
padding: 0 15px;
display: block
}
.search-table tr:hover {
background: rgba(237, 19, 31, 1)
}
.search-table tr:hover p {
color: #fff
}
.search-table td a {
display: block
}
.search-table tr:last-of-type {
border-bottom: none
}
.search-table td {
vertical-align: middle!important;
color: #002349;
font-weight: 900;
border-top: none!important
}
.search-table td i {
color: #002349;
font-weight: 900
}
ul.alt-menu {
border-bottom-left-radius: 8px;
}
.main-menu {
float: right;
width: 100%;
background: #fff
}
.main-menu>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.main-menu>ul>li {
width: 20%;
text-align: center;
position: relative
}
.main-menu>ul>li:before {
content: "";
position: absolute;
left: 0;
width: 1px;
height: 20px;
top: 20px;
background: #c4c7c8
}
.main-menu>ul>li:first-of-type:before {
display: none
}
.main-menu>ul>li a {
color: #171f23
}
.main-menu>ul>li>a {
display: block;
padding: 15px 10px
}
.main-menu>ul>li>a:hover:after {
content: "";
background: #ed131f;
height: 5px;
width: 60%;
left: 20%;
position: absolute;
bottom: 0
}
.main-menu>ul>li.active>a:after {
content: "";
background: #ed131f;
height: 5px;
width: 60%;
left: 20%;
position: absolute;
bottom: 0
}
.main-menu>ul>li:hover>a:after {
content: "";
background: #ed131f;
height: 5px;
width: 60%;
left: 20%;
position: absolute;
bottom: 0
}
.main-menu>ul>li>ul {
-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
position: absolute;
left: 0;
top: 95%;
background: #ed131f;
padding: 15px;
text-align: left;
width: 100%;
display: inline-table;
z-index: 99;
opacity: 0;
visibility: hidden
}
.main-menu>ul>li:hover>ul {
opacity: 1;
visibility: visible;
top: 100%
}
.main-menu>ul>li>ul>li {
position: relative
}
.main-menu>ul>li>ul>li>a {
color: #fff;
display: block;
padding: 8px 5px;
border-bottom: 1px solid rgba(255, 255, 255, .2)
}
.main-menu>ul>li>ul>li:last-of-type>a {
border-bottom: none
}
.main-menu>ul>li>ul>li:hover>a {
background: #e20915
}
.main-menu>ul>li>ul>li>a:hover {
background: #e20915
}
.main-menu>ul>li>ul>li:hover>ul {
left: 100%;
visibility: visible;
opacity: 1
}
.main-menu>ul>li>ul>li>ul {
webkit-transition: all 250ms;
-o-transition: all 250ms;
-webkit-transition: all 250ms;
transition: all 250ms;
position: absolute;
left: 95%;
top: 0;
background: #e20915;
padding: 5px 15px;
text-align: left;
width: 100%;
display: inline-table;
z-index: 99;
opacity: 0;
visibility: hidden
}
.main-menu>ul>li>ul>li>ul>li>a {
color: #fff;
display: block;
padding: 8px 5px;
border-bottom: 1px solid rgba(255, 255, 255, .2)
}
.alt-var {
position: relative
}
.alt-var:after {
content: "";
position: absolute;
right: 0;
top: 12px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #fff;
z-index: 99
}
.modal-open .modal {
background: rgba(0, 0, 0, .7);
z-index: 999999;
}
.modal-dialog {
background: #fff;
padding: 25px 50px;
position: absolute;
top: 50% !important;
transform: translate(0, -50%) !important;
-ms-transform: translate(0, -50%) !important;
-webkit-transform: translate(0, -50%) !important;
left: 50%;
margin-left: -405px;
width: 810px;
}
.modal-header {
padding: 0 0 10px 0;
border-bottom: 1px solid #bbb6b2
}
.modal-header h3 {
margin: 0;
color: #503e30;
font-size: 20px;
font-weight: 600
}
.modal-content {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
overflow: hidden
}
.modal-content ul li, .modal-content ol li {
color: #503e30;
margin-bottom: 0;
font-weight: 600;
}
.modal .close {
position: absolute;
right: 0;
top: 0;
opacity: 1;
width: 30px;
height: 30px;
font-size: 37px;
}
.cont-item {
width: 80%;
float: left;
padding: 20px 0;
border-bottom: 1px solid #a0c9da
}
.cont-item span {
float: left;
display: inline-block;
line-height: 24px!important
}
.cont-item span:last-child {
font-family: Nunito;
font-size: 13px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.92;
letter-spacing: normal;
text-align: left;
color: #000;
width: 85%
}
.cont-item span:first-child {
width: 15%;
font-size: 14px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
padding-left: 10px
}
.cont-item:first-child span:first-child {
line-height: 48px!important
}
h3.block-h3 a {
font-size: 14px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 3.36;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
border-bottom: 1px solid #000;
text-align: center
}
h3.block-h3 {
margin: 0
}
h3.block-h3:last-child a {
border: none
}
.f-bulten h3 {
margin: 0;
text-align: left;
display: block;
}
.social ul.col-inline-flex {
display: table;
margin: auto
}
.sosyal-baslik {
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 3px;
color: #a4aeb9;
text-align: center;
padding-bottom: 10px
}
.social {
position: relative;
left: -20px;
border-radius: 30px;
background-color: #eef7fa;
border-top-left-radius: 0!important;
border-bottom-left-radius: 0;
padding: 15px 0;
margin-bottom: 10px
}
.fot-orta h3 {
float: left;
font-weight: bolder;
font-size: 16px;
color: rgba(17,85,217,0.99);
cursor: default;
text-transform: uppercase;
margin: 10px 0;
margin-right: 4px;
font-style: normal
}
span.dontfollow a {
color: #333333!important;
font-size: 11px;
font-weight: 800;
margin-top: 7px;
font-style: normal
}
span.dontfollow a:hover {
color: #00a7ce!important
}
span.dontfollow {
line-height: 22px;
position: relative
}
span.dontfollow:hover:after {
bottom: -4px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: #00a7ce
}
span.dontfollow:after {
content: "";
position: absolute;
bottom: 8px;
left: 0;
right: 0;
background: #333;
height: 1px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.social ul li a i {
font-size: 11px;
position: relative;
top: -1px;
left: 0;
z-index: 9;
}
.social ul li a:hover {
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
li.instagram a:after {
background-image: -webkit-gradient(linear, left bottom, left top, from(#6d8aa0), to(#343436));
background-image: -webkit-linear-gradient(bottom, #6d8aa0, #343436);
background-image: -o-linear-gradient(bottom, #6d8aa0, #343436);
background-image: linear-gradient(to top, #6d8aa0, #343436);
-webkit-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
z-index: 2;
opacity: 0;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow: hidden;
}
.urunDetay .social ul {
display: inline-block !important;
-webkit-box-align: initial !important;
-ms-flex-align: initial !important;
align-items: initial !important;
margin: initial !important;
width: 49px;
}
.urunDetay .social li.facebook {
background: #3b5998;
float: none !important;
display: block !important;
}
.urunDetay .social li {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
width: 49px;
height: 50px;
}
.urunDetay .social ul li a i {
font-size: 25px !important;
color: #fff;
text-align: center !important;
display: block;
top: 0 !important;
left: 0 !important;
right: 0 !important;
font-weight: 300;
height: 100%;
line-height: 50px;
}
.urunDetay li.twitter {
background: #55acee;
}
.urunDetay li.google {
background: #dc4e41;
}
.urunDetay li.linkedin {
background: #1385af;
}
li.instagram:hover a:after {
opacity: 1;
background: #d6249f;
background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
border-radius: 20px;
overflow: hidden;
}
li.instagram a {
overflow: hidden;
}
.social ul.col-inline-flex li {
float: left
}
.social ul li a {
font-size: 20px !important;
color: #eef7fa !important;
text-align: center;
margin: 0 5px;
width: 22px;
height: 22px;
background-color: #a4aeb9;
border-radius: 30px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
position: relative;
}
h3.block-h3 a:hover {
color: #000000}
li.youtube-play:hover a {
background: #f00;
}
li.google-plus:hover a {
background: #d34836;
}
.object.menu.object-item.active .menu-title h3 {
color: #000000;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.facebook a:hover {
background: #3B5998;
}
.twitter a:hover {
background: #00aced;
}
li.linkedin a:hover {
background: #4875B4;
}
.objects input[type="email"] {
margin-top: 0;
width: calc(100% - 38px);
border: 1px solid rgba(17,85,217,0.99);
border-radius: 0;
height: 39px;
background: none;
border-top-left-radius: 19px;
padding-left: 20px;
border-bottom-left-radius: 19px;
font-size: 11px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
margin-top: 0;
-webkit-appearance: none;
}
input.sent.topCenter {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
background-position: bottom center!important
}
.objects input[type="email"]:focus {
border: 1px solid #000000}
.ebulten-form input:focus::-webkit-input-placeholder {
color: #000000 !important;
font-weight: 600;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.ebulten-form input:focus::-moz-placeholder {
color: #000000 !important;
font-weight: 600;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.ebulten-form input:focus:-ms-input-placeholder {
color: #000000 !important;
font-weight: 600;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.ebulten-form:focus:-moz-placeholder {
color: #000000 !important;
font-weight: 600;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.objects input[type="submit"] {
height: 39px;
width: 50px;
border: none;
position: absolute;
display: block;
top: 9px;
right: 20px;
background-size: 100%;
background-position: top center;
background: none;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
font-family: Flaticon;
z-index: 9999;
}
.objects form {
position: relative;
}
i.flat-ps.flaticon-add {
border: 1px solid rgba(17,85,217,0.99);
height: 39px;
background: rgba(17,85,217,0.99);
color: #fff;
border-top-right-radius: 19px;
border-bottom-right-radius: 19px;
position: absolute;
line-height: 39px;
padding: 0 10px;
right: -4px;
}
i.flat-ps.flaticon-add:before {
margin: 0;
}
.objects ul {
}
.copy {
padding: 20px 0 15px;
border-top: 1px solid rgba(255, 255, 255, .2);
background: #eef7fa
}
.slider {
position: relative;
height: auto
}
.slider .swiper-slide:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;

}
.backgrounds {
position: absolute;
right: 0;
bottom: 0;
width: 190px;
height: 165px;
opacity: 1;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in
}
.back {
height: 100%;
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: center center!important;
border-top-left-radius: 8px
}
.slider-content {
display: none
}
.swiper-slide-active .slider-content {
display: table
}
.slider-content {
width: 690px;
color: #fff;
position: relative;
z-index: 9999;
height: 100%
}
.slide-baslik {
font-family: Nunito;
font-size: 35px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.46;
letter-spacing: normal;
text-align: left;
color: #fff
}
.slide-aciklama {
font-family: Nunito;
font-size: 17px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: normal;
text-align: left;
color: #fff;
text-shadow: 0 2px 4px rgba(0, 0, 0, .26);
margin-top: 25px
}
a.mavi-brd-btn span i {
font-style: inherit;
font-weight: 800
}
a.mavi-brd-btn span i:before {
margin: 0;
font-size: 15px;
font-weight: 100
}
a.mavi-brd-btn span i:before {
height: 15px;
border-radius: 100px;
border: 2px solid #fff;
font-size: 8px;
padding: 5px
}
a.mavi-brd-btn span:first-child {
margin-right: 4px;
margin-top: 2px
}
a.mavi-brd-btn {
width: 191px;
height: 55px;
border-radius: 36.5px;
background-color: #000000;
font-family: Nunito;
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
margin-top: 23px;
line-height: 55px;
float: left;
position: relative;
padding-right: 20px
}
a.mavi-brd-btn span {
font-weight: 600;
display: inline-block;
line-height: 55px
}
a.mavi-brd-btn span:nth-child(2) {
position: absolute;
top: 1px;
right: 25px
}
a.mavi-brd-btn:hover {
background: rgba(17,85,217,0.99)}
.slider .container {
height: 100%
}
.tablo-cell {
display: table-cell;
vertical-align: middle
}
.slider .swiper-slide {
height: calc(100vh - 172px);
background-position: top center!important;
background-size: cover!important;
background-repeat: no-repeat!important
}
.slider-pagi .swiper-pagination-bullet {
background: none!important;
font-family: Nunito;
font-size: 20px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a49d9d;
width: auto;
height: 1.3em;
display: block;
text-align: center;
margin-bottom: 20px;
opacity: 1;
-webkit-transition: height 0.5s;
-o-transition: height 0.5s;
transition: height 0.5s
}
.slider-pagi {
display: block
}
.slider-pagi .swiper-pagination-bullet-active {
font-size: 35px;
color: #fff;
height: 170px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.h100 {
position: absolute;
right: 50px;
top: 0;
bottom: 0;
width: 76px;
z-index: 1
}
.dikey-ortala {
display: table;
width: 100%;
height: 100%;
float: right
}
.slider .swiper-button-next, .slider .swiper-button-prev {
background: none!important;
width: 30px;
height: 25px;
position: relative;
color: #fff;
margin: 0;
display: block;
right: 0;
left: 0;
top: 0
}
.slider .swiper-button-next i:before, .slider .swiper-button-prev i:before {
margin: 0!important;
font-size: 25px!important
}
.manset-nav {
display: block;
margin: auto;
height: 170px;
position: absolute;
width: 100%;
border: 1px solid #a49d9d;
border-radius: 44px;
-webkit-transition: top 0.5s;
-o-transition: top 0.5s;
transition: top 0.5s
}
.slider .swiper-button-next.swiper-button-disabled {
}
.slider .swiper-button-next {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
position: absolute;
left: 50%;
bottom: 20px!important;
margin-left: -11.5px;
top: initial
}
.slider .swiper-button-prev {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
top: 20px!important;
display: block;
left: 50%;
margin-left: -17.5px;
bottom: initial
}
.urunButun {
padding: 50px 0;
background-size: cover!important;
background-repeat: no-repeat!important;
padding-bottom: 20px;
margin-top: 0;
z-index: 999;
position: relative
}
.urunTab {
display: table;
margin: 0 auto
}
.urunTab li a {
border-radius: 0!important;
border-radius: 35px!important;
border: solid 1px #000000!important;
font-family: Nunito;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
text-align: center;
padding: 19px 35px;
}
.urunTab li {
margin: 0 30px;
width: 245px;
}
.urunTab li.active a {
background-color: rgba(17,85,217,0.99);
-webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36)
}
.urunTab li.active a {
background-color: rgba(17,85,217,0.99)!important;
-webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
color: #fff;
border: 1px solid rgba(17,85,217,0.99)!important
}
.urunButun .tab-content {
padding: 0
}
.urunTab li a:hover {
background: rgba(17,85,217,0.99);
color: #fff;
border: 1px solid rgba(17,85,217,0.99)!important;
}
.urun-ortala {
height: 180px;
float: left;
width: 100%;
}
.urunLogo img {
float: right;
padding-right: 10px;
width: 100px;
}
.urunGenel, .urunGenel2, .urunGenel3 {
min-height: 380px!important;
border-radius: 8px;
background-color: #fefafa;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
margin: 18px;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
overflow: hidden;
}
.hediyeli_urun {
float: left;
height: 33px;
border-radius: 8px;
border: solid 1px #000000;
line-height: normal;
font-family: Nunito;
font-size: 11px;
font-weight: 800;
text-align: center;
color: #000000;
width: 47px;
padding-top: 1px;
margin-left: 10px;
padding-top: 3px;
}
.hediyeli_urun i:before {
}
i.fa.fa-gift {
}
.hediyeli_urun .fa.fa-gift:before {
margin-right: 0 !important;
font-size: 13px;
}
.golge {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -89px
}
.urun-ortala:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
margin-right: -.25em;
height: 100%
}
.urun-img img {
display: inline-block!important;
vertical-align: middle;
white-space: normal;
max-height: 140px;
margin-top: -12px;
}
.urunButun .tab-content>.tab-pane.active {
visibility: visible
}
.urunButun .tab-content {
position: relative
}
.urunButun .tab-pane:not(:first-child) {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.urunButun .littleImage.slick-slide.slick-current.slick-active.slick-center {
opacity: 1;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.detailed-filter .urunAck i:before {
margin: 0
}
.slick-list {
overflow: visible
}
.formlar.uyegirisform input[type=button] {
background-image: none;
float: right;
border: none;
}
.formlar input[type=button] {
border-radius: 0px;
background-color: #000000;
width: 94%;
height: 38px;
font-size: 12px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
margin-top: 10px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.modal-content ul li {
list-style-type: initial;
margin-left: 3px;
}
li {
list-style: none
}
textarea {
resize: none
}
img {
max-width: 100%
}
pre {
background: #585858;
color: #fff
}
.facebook {
color: #3b5998
}
.twitter {
color: #00aced
}
.pinterest {
color: #bd081c
}
.instagram {
color: #7f3bb2
}
.google {
color: #dd4d40
}
.martodo.alert {
position: relative;
width: 100%;
font-size: 16px;
margin-bottom: 15px;
padding: 10px;
display: table;
background-color: #fdfdfd;
border: 1px solid #ddd;
border-radius: 6px
}
.martodo.alert.loadIcon .child-1 {
width: 72px
}
.martodo.alert.loadIcon .child-1 i {
float: left
}
.martodo.alert:after {
content: '';
clear: both;
display: block
}
.martodo.alert:hover {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}
.martodo.alert:hover .close {
display: block
}
.martodo.alert .td {
display: table-cell
}
.martodo.alert .child-1 {
width: 36px;
vertical-align: middle
}
.martodo.alert .child-1 i {
color: #fff;
width: 36px;
height: 36px;
line-height: 36px;
display: block;
text-align: center;
text-shadow: -5px 6px 5px rgba(0, 0, 0, .1);
border-radius: 100%;
font-size: 20px
}
.martodo.alert .close {
position: absolute;
top: 50%;
right: 10px;
color: #777;
width: 26px;
display: none;
font-size: 13px;
cursor: pointer;
text-align: center;
line-height: 26px;
margin-top: -13px;
border-radius: 3px
}
.martodo.alert .close i {
line-height: 26px
}
.martodo.alert .close:hover {
background-color: #eee
}
.martodo.alert .child-2 {
color: #555;
font-size: 13px;
margin: 0 45px;
padding: 8px 0 8px 10px
}
.martodo.alert.danger .child-1 i {
background-color: #e84142;
}
.martodo.alert.success .child-1 i {
background-color: rgba(132, 179, 18, 0.51);
}
.martodo.alert.warning .child-1 i {
background-color: #fbab00;
}
.martodo.alert.info .child-1 i {
background-color: #39a5dd;
}
.input-group {
position: relative;
width: 100%;
margin-top: 10px
}
.kariyer-btn {
background: #d7d8da;
color: #626161;
position: absolute!important;
right: 0;
top: 0;
z-index: 99;
padding: 5px 27px!important;
border-radius: 0;
height: 100%;
line-height: 35px
}
.kariyer-btn:hover {
color: #fff;
z-index: 99!important
}
.input-group-btn {
position: static!important;
width: 0
}
input, textarea, select {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.map-responsive {
overflow: hidden;
padding-bottom: 350px;
position: relative;
height: 0;
max-width: 100%;
margin-bottom: 25px
}
.map-responsive iframe {
left: 0;
top: 0;
height: 100%;
max-height: 350px;
width: 100%;
position: absolute
}
.twice {
width: 100%;
overflow: hidden
}
.twice-item {
width: 48%;
float: left;
position: relative
}
.twice-item i {
position: absolute;
right: 10px;
bottom: 12px;
font-size: 17px
}
.twice-item:last-of-type {
float: right
}
section.markalarimiz {
padding: 60px 0 30px
}
.wd20 {
float: left;
width: 20%;
padding: 0 15px
}
.wd100 {
float: left;
width: 100%
}
.twice-item span {
position: absolute;
right: 0;
top: 10px
}
@media (max-width:767px) {
.twice-item {
width: 100%!important
}
}
section.markalarimiz.referanslarimiz .sayfalama {
margin-bottom: 0;
}
.sayfalama {
text-align: center;
overflow: hidden;
float: left;
width: 100%;
margin-bottom: 40px;
}
.sayfalama .pagination>li>a {
margin: 0 5px 10px;
padding: 0!important;
width: 38px;
height: 38px;
border: solid 1px #000000!important;
border-radius: 40px;
font-size: 11px;
font-weight: 600;
line-height: 38px;
}
.pagination>li {
display: inline-block;
}
.sayfalama .pagination>li>a:hover {
border: 1px solid rgba(17,85,217,0.99)!important;
background: rgba(17,85,217,0.99)!important;
color: #fff
}
.sayfalama .pagination>.active>a {
background-color: #000000!important
}
.calendar-select .tooltip {
position: static;
opacity: 1
}
.calendar-select #dogum_tarihi_Previous_ID, .calendar-select #dogum_tarihi_Next_ID {
font-size: 20px;
color: #000;
border: none!important;
cursor: pointer!important;
line-height: inherit;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.calendar-select #dogum_tarihi_Previous_ID:hover, .calendar-select #dogum_tarihi_Next_ID:hover {
background: #000;
color: #fff
}
.calendar-select #dogum_tarihi_Current_ID {
color: #111;
font-size: 12px;
font-weight: 700;
padding: 0!important
}
.calendar-select .calendar-table tbody>tr:first-child {
padding: 10px 0;
line-height: 40px;
background-color: #fff!important
}
.calendar-select #dogum_tarihi_ID {
position: relative
}
.calendar-select #dogum_tarihi_ID:before {
border: 1px solid #bbb;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
pointer-events: none
}
.calendar-select .calendar-table tbody>tr:last-child td {
line-height: 30px;
background: #eaeaea;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb
}
.calendar-select #dogum_tarihi_DayTable_ID td {
font-size: 10px;
color: #111;
line-height: 26px;
cursor: pointer!important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.calendar-select #dogum_tarihi_DayTable_ID td:hover {
color: #fff!important
}
.calendar-select .calendar-icon i {
font-size: 27px;
margin-left: 10px
}
.hamburger-menu {
display: none
}
.hamburger-menu {
width: 30px;
height: 22px;
top: 50px;
right: 35px;
position: absolute;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 999999
}
.hamburger-menu span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.hamburger-menu span:nth-child(1) {
top: 0
}
.hamburger-menu span:nth-child(2), .hamburger-menu span:nth-child(3) {
top: 9px
}
.hamburger-menu span:nth-child(4) {
top: 18px
}
.mobile-menu-active .hamburger-menu span {
background: #fff
}
.mobile-menu-active .hamburger-menu {
position: fixed;
z-index: 9999999999
}
.mobile-menu-active .hamburger-menu span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%
}
.mobile-menu-active .hamburger-menu span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.mobile-menu-active .hamburger-menu span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
.mobile-menu-active .hamburger-menu span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%
}
.mobile-menu {
background: rgba(17,85,217,0.99)fa;
position: fixed;
right: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
padding: 25px;
overflow-x: hidden;
overflow-y: auto;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
visibility: hidden;
}
.mobile-menu-active .mobile-menu {
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.mobile-menu h3 {
margin: 0;
color: #fff;
padding: 10px 0 0 0
}
.mobile-menu h3.menu-name:before {
content: "\f104";
font-family: FontAwesome;
cursor: pointer;
margin-right: 5px
}
.mobile-menu .rtl {
left: 100%;
opacity: 1;
visibility: visible
}
.mobile-menu .ltl {
left: -100%
}
.mobile-menu>ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-left: 25px;
position: absolute;
left: 0;
width: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.mobile-menu>ul>li {
list-style: none
}
.mobile-menu>ul>li>a {
color: #fff;
display: block;
padding: 10px 0;
font-size: 15px
}
.mobile-menu>ul>li>a>i {
margin-right: 5px;
font-family: FontAwesome;
width: 25px;
text-align: center
}
.mobile-menu>ul>li>ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-left: 25px;
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
left: 100%;
opacity: 0;
visibility: hidden
}
.mobile-menu>ul>li>ul>li {
list-style: none
}
.mobile-menu>ul>li>ul>li>a {
color: #fff;
display: block;
padding: 10px 0;
font-size: 15px
}
.mobile-menu>ul>li>ul>li>a>i {
margin-right: 5px;
font-family: FontAwesome;
width: 25px;
text-align: center
}
.mobile-menu>ul>li>ul>li>ul {
-webkit-padding-start: 0;
padding-inline-start: 0;
padding-left: 40px;
display: none
}
.mobile-menu>ul>li>ul>li>ul>li {
list-style: none
}
.mobile-menu>ul>li>ul>li>ul>li>a {
color: #fff;
display: block;
padding: 10px 0;
font-size: 15px
}
.mobile-menu>ul>li>ul>li>ul>li>a>i {
margin-right: 5px;
font-family: FontAwesome;
width: 25px;
text-align: center
}
.contents {
display: none
}
.contents.active {
display: block!important;
width: 100%
}
.sonuc {
margin-bottom: 15px;
border: 1px solid #cCc;
padding: 15px;
min-height: 145px
}
.sonuc .baslik {
margin: 0;
padding: 0;
text-align: left
}
.sonuc img {
margin-bottom: 10px;
float: left;
width: 100px;
margin-right: 20px
}
.stitle a {
color: #ee1c25;
border-left: 2px solid #ee1c25;
padding-left: 15px
}
.scontent a {
padding: 0 25px
}
.captcha {
position: relative;
width: 48%;
float: left;
border: 1px solid #cCc
}
.captcha #siimage {
width: 70%;
border: none!important;
height: 46px
}
.captcha1 {
padding: 10px 0
}
.captcha>.input-item>img {
max-height: 50px;
width: 175px
}
.captcha object {
position: absolute;
right: 15px;
top: 11px
}
.captcha a>img {
position: absolute;
width: 19px;
right: 18px;
top: 14px;
}
.captcha-btn {
width: 50%;
float: right
}
.captcha-btn input {
height: 49px
}
.captcha-btn1 {
width: 50%
}
.captcha a>img {
position: absolute;
width: 25px;
right: 10px;
top: 12px;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-o-transition-property: -o-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.captcha a>img:hover {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
@media (max-width:480px) {
.captcha {
width: 100%
}
.captcha-btn {
width: 100%
}
.captcha-btn1 {
width: 100%
}
}
@media (min-width:992px) and (max-width:1200px) {
.captcha1 a>img {
margin-left: -33px
}
}
.biltek {
float: right
}
.biltek a {
float: right;
padding-right: 10px;
font-size: 12px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #4a4a4a
}
.f-social {
float: left;
display: inline-block
}
.f-social p {
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #9b9b9b;
font-family: Nunito
}
.f-social span {
font-weight: 700;
color: #4a4a4a;
font-size: 12px
}
.biltek a img {
margin-top: -4px;
width: 25px
}
.page-title {
height: 175px;
background-position: center center!important;
background-size: cover!important;
background-repeat: no-repeat!important;
background: #141517;
position: relative
}
.page-title>.container {
position: relative;
height: 100%
}
.page-title h3 {
margin: 0;
font-family: Nunito;
font-size: 20px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #eef7fa;
position: absolute;
bottom: 30px;
left: 60px
}
.breadcrumb {
background: transparent;
margin: 0;
padding: 0
}
.page-title h3:before {
content: "";
position: absolute;
height: 2px;
width: 31px;
left: -40px;
background: #000000;
top: 12px;
}
.title-first {
padding-top: 50px
}
.breadcrumb li i:before {
margin: 0 10px!important;
font-size: 10px;
color: #a0c9da
}
.breadcrumb li a {
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.breadcrumb li.active a {
font-weight: 700;
color: #a0c9da
}
.breadcrumb li a:hover {
color: #fff
}
.breadcrumb li.active {
color: #fff;
font-size: 14px
}
.breadcrumb>li+li:before {
display: none
}
.title-menu {
position: absolute;
right: 15px;
bottom: 0
}
.title-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.title-menu ul li a {
background: #7a0205;
color: #fff;
position: relative;
margin-left: 2px;
display: block;
padding: 10px 15px
}
.title-menu ul li a:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px 0;
border-color: transparent #141517 transparent transparent
}
.title-menu ul li.active a, .title-menu ul li a:hover {
background: #fff;
color: #7a0205
}
.control-group {
display: inline-block;
vertical-align: top;
background: #fff;
text-align: left;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
padding: 30px;
margin: 10px
}
.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
cursor: pointer;
font-size: 18px
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
display: none
}
.control span {
height: 25px;
line-height: 20px;
font-size: 12px
}
/* .control__indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #e6e6e6
}
*/
.control--radio .control__indicator {
border-radius: 50%
}
.control:hover input~.control__indicator, .control input:focus~.control__indicator {
background: #ccc
}
.control input:checked~.control__indicator {
background: rgba(17,85,217,0.99)}
.control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
background: #0e647d
}
.control input:disabled~.control__indicator {
background: #e6e6e6;
opacity: .6;
pointer-events: none
}
.control__indicator:after {
content: '';
position: absolute;
display: none
}
.control input:checked~.control__indicator:after {
display: block
}
.control--checkbox input:disabled~.control__indicator:after {
border-color: #7b7b7b
}
.control--radio .control__indicator:after {
left: 7px;
top: 7px;
height: 6px;
width: 6px;
border-radius: 50%;
}
.control--radio input:disabled~.control__indicator:after {
background: #7b7b7b
}
.select {
position: relative;
display: inline-block;
margin-bottom: 15px;
width: 100%
}
.select select {
display: inline-block;
width: 100%;
cursor: pointer;
padding: 10px 15px;
outline: 0;
border: 0;
border-radius: 0;
background: #e6e6e6;
color: #7b7b7b;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none
}
.select select::-ms-expand {
display: none
}
.select select:hover, .select select:focus {
color: #000;
}
.select select:disabled {
opacity: .5;
pointer-events: none
}
.select__arrow {
position: absolute;
top: 20px;
right: 15px;
width: 0;
height: 0;
pointer-events: none;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover~.select__arrow, .select select:focus~.select__arrow {
border-top-color: #000
}
.select select:disabled~.select__arrow {
border-top-color: #ccc
}
.twice {
width: 100%;
overflow: hidden
}
.twice-item {
width: 48%;
float: left;
position: relative
}
.twice-item i {
position: absolute;
right: 10px;
bottom: 12px;
font-size: 17px
}
.twice-item:last-of-type {
float: right
}
.twice-item span {
position: absolute;
right: 0;
top: 10px
}
.input-group {
position: relative;
width: 100%
}
.kariyer-btn {
background: #d7d8da;
color: #626161;
position: absolute!important;
right: 0;
top: 0;
z-index: 99;
padding: 5px 27px!important;
border-radius: 0;
height: 35px;
line-height: 25px
}
.kariyer-btn:hover {
color: #fff;
z-index: 99!important
}
.input-group-btn {
position: static!important;
width: 0
}
.btn-wrap {
padding: 25px 15px;
width: 100%;
overflow: hidden;
text-align: center
}
.btn-detay {
background: #05376a;
color: #fff;
font-size: 15px;
padding: 10px 15px;
border-radius: 0;
font-weight: 700;
position: relative;
min-width: 230px;
text-align: left
}
.btn-detay i {
position: absolute;
right: 15px;
top: 12px
}
.btn-detay:hover {
color: #fff;
background: #272729
}
.btn-trans {
background: transparent;
color: #fff;
font-size: 15px;
padding: 10px 25px;
border-radius: 20px;
border: 1px solid #fff;
margin: 10px 0
}
.btn-trans i {
margin-right: 10px
}
.btn-trans:hover {
color: #fff;
background: rgba(254, 210, 6, .6);
border-color: rgba(254, 210, 6, .6)
}
.btn-save {
border: 2px solid #fff;
background: #000;
color: #fff;
border-radius: 0;
padding: 8px 40px
}
.btn-save:hover {
color: #fff
}
.btn-out {
background: #969696;
color: #fff;
border-radius: 0;
padding: 0 40px;
border-radius: 27px!important;
background: rgba(17,85,217,0.99);
color: #fff!important;
line-height: 42px;
}
.btn-out:hover {
color: #fff
}
.form-div {
margin-bottom: 10px;
overflow: hidden;
width: 100%
}
.form-div .form-div {
margin-top: 5px
}
.form-div p {
margin: 0;
color: #232a2e;
font-weight: 600;
font-size: 12px
}
.form-div input {
border-radius: 0
}
.form-div select {
border-radius: 0
}
.form-div textarea {
border-radius: 0;
border-radius: 0px !important;
border: solid 1px #a0c9da;
background: #fff;
color: rgba(17,85,217,0.99);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.page {
padding: 5px 0 5px 0
}
h3.gorunmez-baslik {
display: none;
}
.search-wrap {
display: none;
}
.page .img-banner {
width: 100%
}
.header .col-right {
float: right;
margin-bottom: 12px
}
.header .col-right .header-abs a span i {
position: relative;
top: 3px
}
.header .col-right .header-abs a {
padding: 7px 18px;
border-radius: 38px;
border: solid 1px #a0c9da;
font-family: Nunito;
font-size: 11px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #8dbbce;
margin: 0 6px;
position: relative;
}
.header {
padding: 0px 0;
background: #f7f7f7;
padding-bottom: 0
}
.full-mavi {
background: rgba(17,85,217,0.99);
border-bottom: 1px solid #ffa800;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.header .col-right a i:before {
margin: 0;
font-weight: 300
}
.header .col-right a {
float: left;
font-size: 12px
}
.header .col-right a span:nth-child(2) {
line-height: 26px;
padding-left: 7px
}
a.arama span:first-child {
line-height: 44px;
padding-right: 15px;
color: #000;
font-weight: 600;
font-size: 10px
}
.header .col-right a.arama span:nth-child(2) {
line-height: normal
}
a.arama {
background: #f7f7f7;
padding: 0 17px!important;
padding-right: 0!important
}
.search.arama form a {
width: 44px;
height: 44px;
background-color: #fff;
border: solid 1px #000000;
border-radius: 100px;
padding-left: 0!important;
position: absolute;
right: 0;
margin: 0
}
.inactive {
display: none;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease
}
.search i:Before {
color: #000!important;
font-size: initial!important
}
.deactive {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease
}
a.gorunmez {
display: none
}
a.arama-icon.gorunur .inactive {
display: block;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease
}
a.arama-icon.carpi .deactive {
display: block
}
a.arama-icon.carpi i {
top: 5px;
left: 16px
}
a.arama-icon.carpi i:before {
font-size: 12px
}
span.arama-icon i {
text-align: center;
display: block
}
span.arama-icon i:before {
font-size: 16px;
color: #000
}
.header .col-right .header-abs a span i {
position: relative;
top: 3px
}
.header .col-right a:nth-child(2):hover {
background: rgba(17,85,217,0.99);
border: 1px solid rgba(17,85,217,0.99)}
.ekatalog:hover {
background: #a0c9da !important;
color: #fff !important;
border: 1px solid #a0c9da !important;
}
input, textarea, select {
-webkit-box-shadow: none!important;
box-shadow: none!important
}
.col-right .search form input[type="search"]::-webkit-input-placeholder {
font-family: Nunito;
font-size: 11px;
font-weight: 700;
color: rgba(17,85,217,0.99)}
.col-right .search form input[type="search"]::-moz-placeholder {
font-family: Nunito;
font-size: 11px;
font-weight: 700;
color: rgba(17,85,217,0.99)}
.col-right .search form input[type="search"]:-ms-input-placeholder {
font-family: Nunito;
font-size: 11px;
font-weight: 700;
color: rgba(17,85,217,0.99);
}
.col-right .search form input[type="search"]:-moz-placeholder {
font-family: Nunito;
font-size: 11px;
font-weight: 700;
color: rgba(17,85,217,0.99)}
.col-right .search form input[type="search"] {
height: 45px;
border: 0;
background: #f7f7f7;
border-radius: 100px;
float: left;
width: 60px;
color: #000;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-weight: 700;
width: 129px;
border: 1px solid #000000;
position: relative;
font-family: Nunito;
font-size: 11px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
padding-left: 20px
}
.col-right .search form input[type="search"]:focus {
width: 477px;
}
a.kalibrasyon {
background: #000000;
color: #fff !important;
border: 1px solid #000000 !important;
}
a.kalibrasyon:hover {
background: rgba(17,85,217,0.99);
border: 1px solid rgba(17,85,217,0.99) !important;
}
.header-bottom {
background: rgba(17,85,217,0.99);
position: relative;
float: left;
width: 100%
}
.header-abs {
position: absolute;
right: 185px
}
.header .container {
position: relative
}
ul.menu {


margin-left:20%;

padding: 0;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
ul.menu li {
float: left;
margin-right: 24px;
height: 80px;
}
ul.menu li:last-child {
margin: 0;
/* position: relative;
*/
<!--background: -->;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.uyemenu ul li:hover .alt- {
display: block
}
.alt {
position: absolute;
z-index: 100;
height: 225px;
width: 292px;
top: 90%;
right: 0;
background-color: #ffa800;
padding: 10px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.uyemenu ul li:hover .alt- {
display: block
}
.formlar.uyegirisform {
font-size: 14px;
font-weight: 200;
color: #fff;
padding: 10px
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 100px white inset !important;
}
.formlar.uyegirisform tr td {
position: relative
}
.formlar.uyegirisform tr td i {
position: absolute;
margin-top: 0;
top: 12px;
left: 18px;
height: 22px;
border-right: 1px solid #a0c9da;
line-height: 24px;
padding-right: 10px
}
.formlar.uyegirisform tr td i:before {
color: #a0c9da !important;
margin: 0;
font-size: 18px;
font-weight: 400;
}
input:-webkit-autofill {
-webkit-background-color: #fff !important;
}
.border-buton {
border: solid 1px #ffffff!important;
background: #ffa800!important
}
.border-buton:hover {
background: #000000!important;
border: 1px solid #000000!important;
color: #fff!important
}
.formlar.uyegirisform input[type=submit] {
background-image: none;
float: right;
border: none
}
.formlar.uyegirisform a {
color: #5b6268;
text-decoration: underline
}
.formlar.uyegirisform input[type=text]:focus {
background: #eef7fa!important;
border: 1px solid #000000!important;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.formlar.uyegirisform input[type=password]:focus {
background: #eef7fa!important;
border: 1px solid #000000!important;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.formlar.uyegirisform input::-webkit-input-placeholder {
color: rgba(17,85,217,0.99);
font-weight: 600
}
.formlar.uyegirisform input::-moz-placeholder {
color: rgba(17,85,217,0.99);
font-weight: 600
}
.formlar.uyegirisform input:-ms-input-placeholder {
color: rgba(17,85,217,0.99);
font-weight: 600
}
.formlar.uyegirisform input:-moz-placeholder {
color: rgba(17,85,217,0.99);
font-weight: 600
}
.formlar.uyegirisform input:focus::-webkit-input-placeholder {
color: #000000;
font-weight: 600
}
.formlar.uyegirisform input::-moz-placeholder {
color: #000000;
font-weight: 600
}
.formlar.uyegirisform input:-ms-input-placeholder {
color: #000000;
font-weight: 600
}
.formlar.uyegirisform input:-moz-placeholder {
color: #000000;
font-weight: 600
}
.border-buton {
border: 1px solid #eef7fa!important
}
span.neden {
position: relative;
width: 94%!important;
margin-left: 10%;
height: 28px;
background-color: #a0c9da;
border-radius: 50px;
font-size: 10px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 28px;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
margin-top: 13px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
a.unutulan {
padding-left: 0!important;
font-size: 11px!important;
font-weight: 600!important;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center!important;
color: #a0c9da!important;
margin-left: 10%;
text-decoration: underline!important
}
a.unutulan:hover:Before {
display: none
}
a.unutulan:hover {
color: #000000!important
}
span.neden:hover {
background: #000000;
color: #fff
}
span.neden:hover:Before {
border-bottom-color: #000000;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.formlar.uyegirisform a:hover {
color: #FFF;
text-decoration: underline
}
.formlar input[type=submit] {
border-radius: 26px;
background-color: #000000;
width: 94%;
height: 38px;
font-size: 12px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
margin-top: 10px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
-webkit-transition: background-color 5000s ease-in-out 0s;
-o-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s
}
.menu-icon i.flaticon-user:Before {
margin-left: 0 !important;
text-align: center;
display: block;
color: #fff;
}
li.uyemenu a {
font-size: 12px !important;
line-height: normal !important;
text-align: left !important;
margin-top: 12px;
}
.formlar.uyegirisform tr td a:before {
display: none;
}
.formlar input[type=submit]:hover {
background: #a0c9da;
color: rgba(17,85,217,0.99);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
ul.menu li:last-child span {
display: block;
width: 100%;
color: #fff;
}
span.menu-icon {
margin-bottom: 5px
}
main.main1 {
margin-top: 0
}
ul.menu li:last-child .uye-hov {
display: block;
padding: 0 20px;
line-height: normal;
height: 100%;
padding-top: 15px;
font-size: 14px;
}
a.logo:before {
content: "";
position: absolute;
left: -1000px;
top: -1000px;
background: #fff;
right: 0;
bottom: -13px;
z-index: -1;
border-radius: 12px
}
ul.menu li a:hover:before {
opacity: 1;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in
}
ul.menu li a:before {
content: "";
position: absolute;
bottom: -1px;
height: 3px;
left: 0;
right: 0;
background: #000000;
opacity: 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
z-index: 999;
border-radius: 12px
}
ul.menu li a:hover {
color: #000000;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in
}
ul.menu li:last-child:hover {
<!--background: !important;-->
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
ul.menu li:last-child .uye-hov:hover {
color: #fff !important;
}
.formlar.uyegirisform a:hover {
}
ul.menu li a {
font-family: Nunito;
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #fff;
width: 100%;
display: block;
position: relative;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
height: 100%;
line-height: 80px;
}
.menu li ul {
position: absolute;
top: calc(100% + 1px);
z-index: 99;
width: 300px;
background: rgba(17,85,217,0.99);
left: -33px;
right: 0;
padding: 20px;
padding-left: 5px;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.menu li ul li {
width: 100%;
margin: 0;
height: auto!important
}
ul.menu li.alt-menu {
left: 0;
}
ul.menu li{
position: relative !important;
}
.menu li ul li{
position: initial !important;
}
.menu li ul li a {
font-family: Nunito;
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 3.8;
letter-spacing: normal;
text-align: left;
padding: 0 20px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.menu li ul li:last-child a {
padding: 0 20px;
}
.menu li ul li.active {
/* background: none!important */
}
.menu li ul li a i {
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
line-height: normal
}
.menu li ul li a i:before {
font-size: 15px;
margin: 0
}
.menu li ul li.active a {
color: #a0c9da;
border-radius: 8px;
background-color: #ffa800;
-webkit-box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21);
box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21)
}
.menu li ul li:last-child:hover {
background: none!important
}
.menu li ul li ul li:hover a {
color: #000000!important
}
.menu li ul a:before {
background: none!important
}
.menu li ul li {
background: none!important
}
.menu li ul li.active a:after {
opacity: 1;
background: #a0c9da
}
.menu li ul li a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
background: #ffa800;
width: 3px;
right: 0;
opacity: 1;
border-radius: 3px
}
.sub-menu {
position: absolute;
left: 0;
right: 0;
top: 100%;
background: #eb1c24;
z-index: 0;
opacity: 0;
width: 100%;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu li:hover .sub-menu {
top: 100%;
z-index: 99999;
visibility: visible;
opacity: 1;
}
.menu li ul li.active:hover ul {
position: absolute;
top: 0;
left: 300px;
width: 100%;
right: 0!important
}
.wd50 {
float: left;
width: 50%
}
.menu li ul li ul {
left: 300px;
top: 0;
opacity: 0;
visibility: hidden;
min-height: 560px;
padding: 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
border-bottom-right-radius: 8px;
z-index: -1;
}
.menu li ul li ul li a {
line-height: 3.4;
display: block;
background: rgba(17,85,217,0.99)!important;
border-radius: 0!important
}
.menu li ul li ul li a:after {
display: none!important
}
.menu li ul li.active ul {
opacity: 1;
visibility: visible;
z-index: 999999;
}
.menu li ul li ul li:last-child a {
/* background: none!important;
*/
line-height: 3.4;
-webkit-box-shadow: none;
box-shadow: none;
}
.menu li ul li ul li a {
color: #fff!important;
line-height: 38px;
}
.menu li ul li ul li a {
-webkit-box-shadow: none!important;
box-shadow: none!important;
font-size: 13px!important
}
li.abs-item {
margin: 0!important;
position: relative;
background: #ffa800;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
right: 0;
display: block;
}
li.abs-item span {
display: block!important;
height: auto!important
}
li.abs-item a {
display: block!important;
padding: 0 20px;
line-height: normal!important;
height: 100%!important;
padding-top: 15px
}
li.abs-item i:before {
margin: 0;
text-align: center;
display: block
}
i.sepet-mavi {
color: #000000;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
font-weight: bold;
font-style: normal;
}
ul.menu li a:hover span {
color: #fff;
}
ul.menu li.abs-item a:hover span:last-child i {
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.menu li:nth-child(8) a:hover span:first-child i:before {
color: #fff !important;
}
.menu li:nth-child(8) span:first-child i:before {
color: #000000!important;
font-size: 21px
}
.menu li:nth-child(9) span i {
font-style: normal!important
}
span.arama-icon.gorunur i:before {
margin: 0;
line-height: normal;
margin-left: 4px
}
.search input input[type="search"] {
max-width: 300px;
height: 44px;
border-radius: 0;
background: #032e61;
color: #989999;
border-color: #171f23;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 45px
}
.search i:before {
font-size: 16px;
color: #000
}
div#ust_sonuclar {
padding: 0;
color: #fff;
text-align: center;
background: #000000}
.search i {
position: absolute;
left: inherit;
top: 11px;
font-size: 20px;
color: #989999;
right: 12px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.suggestion .item {
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none!important;
padding: 15px;
padding-bottom: 15px;
border: none!important;
z-index: 99999
}
.item.col-inline-flex span i:before {
font-size: 22px;
color: #fff !important;
}
.suggestion-wrap.activeSug {
top: 100%;
opacity: 1;
visibility: visible;
-webkit-transition: top 0.3s ease-out;
-o-transition: top 0.3s ease-out;
transition: top 0.3s ease-out;
}
.item.col-inline-flex span {
position: absolute;
right: 30px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: 23px;
left: initial
}
.search .suggestion .item img {
max-width: 70px;
float: left;
border-radius: 5px
}
.search .suggestion .item .name {
float: left;
color: #fff;
margin: 0;
padding: 0 6px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: calc(100% - 140px);
padding-left: 20px;
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.83;
letter-spacing: normal;
text-align: left;
color: #fff;
max-height: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.search span.arama-fyt {
margin: 0;
float: right
}
span.arama-fyt {
display: inline-block;
width: 100px;
font-weight: 400;
color: #fff;
float: left;
margin-top: -10px;
font-size: 17px
}
.search .suggestion .items-all a:hover {
background: #000000;
color: #fff
}
.search .suggestion .items-all a {
font-size: 12px;
font-weight: 700;
color: #fff;
display: block;
padding: 15px 0;
text-align: center;
width: 100%!important
}
.search .suggestion .items-all a:hover {
background: #1ca4de;
color: #fff;
}
div#ust_sonuclar:hover .blur-box-bg:before {
-webkit-filter: blur(120px);
filter: blur(120px)
}
.suggestion .blur-box-bg:before {
content: "";
background-image: url(../img/slider.jpg);
background-repeat: no-repeat;
-webkit-filter: blur(60px);
filter: blur(60px);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: -30px;
z-index: 99;
background-size: cover!important;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
background-position: right center
}
.items.scroll {
position: relative;
overflow: hidden
}
.suggestion div.blur-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.suggestion div.blur-box {
background-color: rgba(30, 165, 221, .88);
height: 100%
}
.search .suggestion .item:hover {
background: rgba(42, 67, 91, .27)!important
}
div#ust_sonuclar a:hover i:before {
color: #fff
}
.item.col-inline-flex span i {
position: relative;
top: -6px;
right: 0;
line-height: normal;
}
.col-inline-flex {
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.items-all a {
border-bottom-left-radius: 25px;
overflow: hidden;
background: rgba(17,85,217,0.99);
border-bottom-right-radius: 25px;
font-size: 14px!important;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
padding: 20px 0!important
}
.suggestion {
padding: 0 0;
position: relative;
border-radius: 0
}
.s-item {
padding: 0
}
.s-item img {
width: 30px;
height: 45px;
float: left
}
.s-item p {
margin: 0;
margin-top: 0;
font-size: 13px;
overflow: hidden;
color: #002349
}
.s-item h6 {
margin-top: 0
}
.search-table {
margin-bottom: 0
}
.search-table tr {
border-bottom: 1px solid #dedede;
padding: 0 15px;
display: block
}
.search-table tr:hover {
background: rgba(237, 19, 31, 1)
}
.search-table tr:hover p {
color: #fff
}
.search-table td a {
display: block
}
.search-table tr:last-of-type {
border-bottom: none
}
.search-table td {
vertical-align: middle!important;
color: #002349;
font-weight: 900;
border-top: none!important
}
.search-table td i {
color: #002349;
font-weight: 900
}
ul.alt-menu {
border-bottom-left-radius: 8px;
}
.main-menu {
float: right;
width: 100%;
background: #fff
}
.main-menu>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.main-menu>ul>li {
width: 20%;
text-align: center;
position: relative
}
.main-menu>ul>li:before {
content: "";
position: absolute;
left: 0;
width: 1px;
height: 20px;
top: 20px;
background: #c4c7c8
}
.main-menu>ul>li:first-of-type:before {
display: none
}
.main-menu>ul>li a {
color: #171f23
}
.main-menu>ul>li>a {
display: block;
padding: 15px 10px
}
.main-menu>ul>li>a:hover:after {
content: "";
background: #ed131f;
height: 5px;
width: 60%;
left: 20%;
position: absolute;
bottom: 0
}
.main-menu>ul>li.active>a:after {
content: "";
background: #ed131f;
height: 5px;
width: 60%;
left: 20%;
position: absolute;
bottom: 0
}
.main-menu>ul>li:hover>a:after {
content: "";
background: #ed131f;
height: 5px;
width: 60%;
left: 20%;
position: absolute;
bottom: 0
}
.main-menu>ul>li>ul {
-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
position: absolute;
left: 0;
top: 95%;
background: #ed131f;
padding: 15px;
text-align: left;
width: 100%;
display: inline-table;
z-index: 99;
opacity: 0;
visibility: hidden
}
.main-menu>ul>li:hover>ul {
opacity: 1;
visibility: visible;
top: 100%
}
.main-menu>ul>li>ul>li {
position: relative
}
.main-menu>ul>li>ul>li>a {
color: #fff;
display: block;
padding: 8px 5px;
border-bottom: 1px solid rgba(255, 255, 255, .2)
}
.main-menu>ul>li>ul>li:last-of-type>a {
border-bottom: none
}
.main-menu>ul>li>ul>li:hover>a {
background: #e20915
}
.main-menu>ul>li>ul>li>a:hover {
background: #e20915
}
.main-menu>ul>li>ul>li:hover>ul {
left: 100%;
visibility: visible;
opacity: 1
}
.main-menu>ul>li>ul>li>ul {
webkit-transition: all 250ms;
-o-transition: all 250ms;
-webkit-transition: all 250ms;
transition: all 250ms;
position: absolute;
left: 95%;
top: 0;
background: #e20915;
padding: 5px 15px;
text-align: left;
width: 100%;
display: inline-table;
z-index: 99;
opacity: 0;
visibility: hidden
}
.main-menu>ul>li>ul>li>ul>li>a {
color: #fff;
display: block;
padding: 8px 5px;
border-bottom: 1px solid rgba(255, 255, 255, .2)
}
.alt-var {
position: relative
}
.alt-var:after {
content: "";
position: absolute;
right: 0;
top: 12px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #fff;
z-index: 99
}
.logo {
position: absolute;
/*left: 30px;*/
top: 14px;
margin-left: -200px;
}
.logo img {
position: relative;
left: -9px;
width: 300px;
}
.modal-open .modal {
background: rgba(0, 0, 0, .7);
z-index: 999999;
}
.modal-dialog {
background: #fff;
padding: 25px 50px;
position: absolute;
top: 50% !important;
transform: translate(0, -50%) !important;
-ms-transform: translate(0, -50%) !important;
-webkit-transform: translate(0, -50%) !important;
left: 50%;
margin-left: -405px;
width: 810px;
max-height: 730px;
overflow-y: scroll;
}
.modal-dialog.popup {
max-height: 100%;
background: transparent;
overflow-y: hidden;
max-width: 100%;
}
.popup img{
border-radius: 20px
}
.modal-header {
padding: 0 0 10px 0;
border-bottom: 1px solid #bbb6b2
}
.modal-header h3 {
margin: 0;
color: #503e30;
font-size: 20px;
font-weight: 600
}
.modal-content {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
overflow: hidden
}
.modal-content p {
color: #503e30;
margin-bottom: 0;
margin-top: 10px;
font-weight: 600
}
.modal-content ol li{
list-style-type: decimal;
}
.modal .close {
position: absolute;
right: 0;
top: 0;
opacity: 1;
width: 30px;
height: 30px;
font-size: 37px;
}
#popup_modal .close {
right: 56px;
top: 26px;
/* background: #ffffff;
*/
opacity: 0.5;
}
#popup_modal .close:hover {
opacity: 1
}
.ilt-buttons {
float: left;
width: 80%;
margin: 14px 0 14px;
}
.ilt-buttons a {
width: 49%;
height: 43px;
border-radius: 30px;
background-color: #000000;
position: relative;
line-height: 42px
}
.ilt-buttons a span {
font-family: Nunito;
font-size: 9px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 2.78;
letter-spacing: normal;
text-align: left;
color: #fff;
padding-left: 40px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.ilt-buttons a i:before {
font-size: 16px;
color: #fff;
margin: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.ilt-buttons a i {
position: absolute;
left: 15px
}
.ilt-buttons a:last-child {
background: rgba(17,85,217,0.99)}
.ilt-buttons a:last-child:hover {
background: #000000}
.ilt-buttons a:hover {
background: rgba(17,85,217,0.99)}
.ilt-buttons a:hover span {
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.ilt-buttons a:hover i:before {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff
}
div#myModal .modal-header {
border: none;
min-height: initial;
padding: 10px
}
.f-social {
float: left;
display: inline-block
}
.f-social p {
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #9b9b9b;
font-family: Nunito
}
.f-social span {
font-weight: 700;
color: #4a4a4a;
font-size: 12px
}
.f-bulten .menu-title {
width: auto;
}
.cont-item {
width: 80%;
float: left;
padding: 10px 0;
border-bottom: 1px solid #a0c9da;
}
.cont-item span {
float: left;
display: inline-block;
line-height: 24px!important
}
.cont-item span:last-child {
font-family: Nunito;
font-size: 13px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.92;
letter-spacing: normal;
text-align: left;
color: #000;
width: 85%
}
.cont-item span:first-child {
width: 15%;
font-size: 14px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
padding-left: 10px
}
.cont-item:first-child span:first-child {
line-height: 48px!important
}
h3.block-h3 a {
font-size: 14px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 3.36;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
border-bottom: 1px solid #000;
text-align: center
}
h3.block-h3 {
margin: 0
}
h3.block-h3:last-child a {
border: none
}
.f-bulten h3 {
margin: 0;
text-align: left;
display: block;
}
.social ul.col-inline-flex {
display: table;
margin: auto
}
.sosyal-baslik {
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 3px;
color: #a4aeb9;
TEXT-ALIGN: CENTER;
padding-bottom: 10px
}
.social {
position: relative;
left: -20px;
border-radius: 30px;
background-color: #eef7fa;
border-top-left-radius: 0!important;
border-bottom-left-radius: 0;
padding: 15px 0;
margin-bottom: 10px
}
.fot-orta h3 {
float: left;
font-weight: bolder;
font-size: 16px;
color: rgba(17,85,217,0.99);
cursor: default;
text-transform: uppercase;
margin: 10px 0;
margin-right: 4px;
font-style: normal
}
span.dontfollow a {
color: #333333!important;
font-size: 11px;
font-weight: 800;
margin-top: 7px;
font-style: normal
}
span.dontfollow a:hover {
color: #00a7ce!important
}
span.dontfollow {
line-height: 22px;
position: relative
}
span.dontfollow:hover:after {
bottom: -4px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: #00a7ce
}
span.dontfollow:after {
content: "";
position: absolute;
bottom: 8px;
left: 0;
right: 0;
background: #333;
height: 1px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.social ul li a i {
font-size: 11px;
position: relative;
top: -1px;
left: 0;
z-index: 9;
}
.social ul li a:hover {
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
li.instagram a:after {
background-image: -webkit-gradient(linear, left bottom, left top, from(#6d8aa0), to(#343436));
background-image: -webkit-linear-gradient(bottom, #6d8aa0, #343436);
background-image: -o-linear-gradient(bottom, #6d8aa0, #343436);
background-image: linear-gradient(to top, #6d8aa0, #343436);
-webkit-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
z-index: 2;
opacity: 0;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow: hidden;
}
.urunDetay .social ul {
display: inline-block !important;
-webkit-box-align: initial !important;
-ms-flex-align: initial !important;
align-items: initial !important;
margin: initial !important;
width: 49px;
}
.urunDetay .social li.facebook {
background: #3b5998;
float: none !important;
display: block !important;
}
.urunDetay .social li {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
width: 49px;
height: 50px;
}
.urunDetay .social ul li a i {
font-size: 25px !important;
color: #fff;
text-align: center !important;
display: block;
top: 0 !important;
left: 0 !important;
right: 0 !important;
font-weight: 300;
height: 100%;
line-height: 50px;
}
.urunDetay li.twitter {
background: #55acee;
}
.urunDetay li.google {
background: #dc4e41;
}
.urunDetay li.linkedin {
background: #1385af;
}
li.instagram:hover a:after {
opacity: 1;
background: #d6249f;
background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
border-radius: 20px;
overflow: hidden;
}
li.instagram a {
overflow: hidden;
}
.social ul.col-inline-flex li {
float: left
}
.social ul li a {
font-size: 20px !important;
color: #eef7fa !important;
text-align: center;
margin: 0 5px;
width: 22px;
height: 22px;
background-color: #a4aeb9;
border-radius: 30px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
position: relative;
}
h3.block-h3 a:hover {
color: #000000}
li.youtube-play:hover a {
background: #f00;
}
li.google-plus:hover a {
background: #d34836;
}
.object.menu.object-item.active .menu-title h3 {
color: #000000;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.facebook a:hover {
background: #3B5998;
}
.twitter a:hover {
background: #00aced;
}
li.linkedin a:hover {
background: #4875B4;
}
input.sent.topCenter {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
background-position: bottom center!important
}
.objects input[type="email"]:focus {
border: 1px solid #000000}
.ebulten-form input:focus::-webkit-input-placeholder {
color: #000000 !important;
font-weight: 600;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.ebulten-form input:focus::-moz-placeholder {
color: #000000 !important;
font-weight: 600;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.ebulten-form input:focus:-ms-input-placeholder {
color: #000000 !important;
font-weight: 600;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.ebulten-form:focus:-moz-placeholder {
color: #000000 !important;
font-weight: 600;
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out
}
.objects form {
position: relative;
}
.butun {
float: left;
width: 80%;
padding-top: 15px;
}
i.flat-ps.flaticon-add:before {
margin: 0;
}
.fot-orta {
padding-left: 13px;
}
.objects ul {
margin-top: 10px
}
.copy {
padding: 20px 0 15px;
border-top: 1px solid rgba(255, 255, 255, .2);
background: #eef7fa
}
.slider {
position: relative;
height: auto
}
.slider .swiper-slide:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;

}
.backgrounds {
position: absolute;
right: 0;
bottom: 0;
width: 190px;
height: 165px;
opacity: 1;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in
}
.back {
height: 100%;
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: center center!important;
border-top-left-radius: 8px
}
.slider-content {
display: none
}
.swiper-slide-active .slider-content {
display: table
}
.slider-content {
width: 690px;
color: #fff;
position: relative;
z-index: 9999;
height: 100%
}
.slide-baslik {
font-family: Nunito;
font-size: 35px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.46;
letter-spacing: normal;
text-align: left;
color: #fff
}
.slide-aciklama {
font-family: Nunito;
font-size: 17px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: normal;
text-align: left;
color: #fff;
text-shadow: 0 2px 4px rgba(0, 0, 0, .26);
margin-top: 25px
}
a.mavi-brd-btn span i {
font-style: inherit;
font-weight: 800
}
a.mavi-brd-btn span i:before {
margin: 0;
font-size: 15px;
font-weight: 100
}
a.mavi-brd-btn span i:before {
height: 15px;
border-radius: 100px;
border: 2px solid #fff;
font-size: 8px;
padding: 5px
}
a.mavi-brd-btn span:first-child {
margin-right: 4px;
margin-top: 2px
}
a.mavi-brd-btn {
width: 191px;
height: 55px;
border-radius: 36.5px;
background-color: #000000;
font-family: Nunito;
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
margin-top: 23px;
line-height: 55px;
float: left;
position: relative;
padding-right: 20px
}
a.mavi-brd-btn span {
font-weight: 600;
display: inline-block;
line-height: 55px
}
a.mavi-brd-btn span:nth-child(2) {
position: absolute;
top: 1px;
right: 25px
}
a.mavi-brd-btn:hover {
background: rgba(17,85,217,0.99)}
.slider .container {
height: 100%
}
.tablo-cell {
display: table-cell;
vertical-align: middle
}
.slider .swiper-slide {
height: calc(100vh - 172px);
background-position: top center!important;
background-size: cover!important;
background-repeat: no-repeat!important
}
.slider-pagi .swiper-pagination-bullet {
background: none!important;
font-family: Nunito;
font-size: 20px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a49d9d;
width: auto;
height: 1.3em;
display: block;
text-align: center;
margin-bottom: 20px;
opacity: 1;
-webkit-transition: height 0.5s;
-o-transition: height 0.5s;
transition: height 0.5s
}
.slider-pagi {
display: block
}
.slider-pagi .swiper-pagination-bullet-active {
font-size: 35px;
color: #fff;
height: 170px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.h100 {
position: absolute;
right: 50px;
top: 0;
bottom: 0;
width: 76px;
z-index: 1
}
.dikey-ortala {
display: table;
width: 100%;
height: 100%;
float: right
}
.slider .swiper-button-next, .slider .swiper-button-prev {
background: none!important;
width: 30px;
height: 25px;
position: relative;
color: #fff;
margin: 0;
display: block;
right: 0;
left: 0;
top: 0
}
.slider .swiper-button-next i:before, .slider .swiper-button-prev i:before {
margin: 0!important;
font-size: 25px!important
}
.manset-nav {
display: block;
margin: auto;
height: 170px;
position: absolute;
width: 100%;
border: 1px solid #a49d9d;
border-radius: 44px;
-webkit-transition: top 0.5s;
-o-transition: top 0.5s;
transition: top 0.5s
}
.slider .swiper-button-next.swiper-button-disabled {
}
.slider .swiper-button-next {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
position: absolute;
left: 50%;
bottom: 20px!important;
margin-left: -11.5px;
top: auto;
}
.slider .swiper-button-prev {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
top: 20px!important;
display: block;
left: 50%;
margin-left: -17.5px;
bottom: 0;
}
.urunButun {
padding: 50px 0;
background-size: cover!important;
background-repeat: no-repeat!important;
padding-bottom: 20px;
margin-top: 0;
z-index: 999;
position: relative
}
.urunTab {
display: table;
margin: 0 auto
}
.urunTab li a {
border-radius: 0!important;
border-radius: 35px!important;
border: solid 1px #000000!important;
font-family: Nunito;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
text-align: center;
padding: 19px 35px;
}
.urun-img {
height: auto;
text-align: center;
white-space: nowrap;
text-align: center;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
position: relative;
background: #fff;
width: 100%;
}
.urunLogo {
position: relative;
margin-top: 10px;
width: 100%;
display: inline-block;
height: 34px;
}
.golge {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -89px
}
.urunTanim {
font-family: Nunito;
font-size: 13px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
padding: 0 30px;
overflow: hidden;
max-height: 19px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.urunKisa {
font-family: Nunito;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000;
padding: 0 45px;
margin: 10px auto 10px;
min-height: 32px;
overflow: hidden;
max-height: 32px;
}
.urunButun .tab-content>.tab-pane {
display: block;
visibility: hidden
}
.urunButun .tab-content>.tab-pane.active {
visibility: visible
}
.urunButun .tab-content {
position: relative
}
.urunButun .tab-pane:not(:first-child) {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.urunButun .littleImage.slick-slide.slick-current.slick-active.slick-center {
opacity: 1;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.detailed-filter .urunAck i:before {
margin: 0
}
.urunAck a {
border-radius: 28.5px;
border: solid 1px #000000;
font-family: Nunito;
font-size: 12px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: rgba(17,85,217,0.99);
display: table;
margin: auto;
text-align: center;
position: relative;
width: 172px;
height: 35px;
line-height: 35px;
padding: 0;
}
.urunAck a i {
position: relative;
left: 0
}
.urunAck a+a i {
position: relative;
top: 2px
}
.urunSlider a i:before, .urunSlider2 a i:before, .urunSlider a i:before, .urunSlider3 a i:before {
margin: 0!important;
line-height: normal;
font-size: 16px;
margin-right: 5px!important
}
.urunAck a:last-child {
margin-top: 10px;
color: #000000}
.urunAck {
padding: 20px 0 25px;
background: #fefafa
}
.urunSlider, .urunSlider2, .urunSlider3 {
width: 100%;
display: block;
position: relative;
text-align: center;
margin: 50px 0
}
.slick-list {
overflow: visible
}
.urunShdow {
overflow: hidden;
width: calc(100% + 30px);
padding: 0 0;
margin-left: -15px;
position: relative
}
.benzer-slide-item {
padding: 0 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.slick-dots li button:before {
content: " "!important
}
.slick-dots li {
width: 20px!important;
height: auto;
margin: 0 6px!important;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.slick-dots li button {
padding: 0!important;
width: 17px!important;
height: 17px!important;
background: #a0c9da!important;
border-radius: 50%;
position: relative;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
@-webkit-keyframes sploosh {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(30, 165, 221, .33);
box-shadow: 0 0 0 0 rgba(30, 165, 221, .33);
background: rgba(30, 165, 221, .45)
}
80% {
background: rgba(66, 166, 223, 0)
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(66, 166, 223, 0);
box-shadow: 0 0 0 20px rgba(66, 166, 223, 0)
}
}
@-webkit-keyframes sploosh2 {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .33);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .33);
background: rgba(255, 255, 255, .45)
}
80% {
background: rgba(66, 166, 223, 0)
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(66, 166, 223, 0);
box-shadow: 0 0 0 20px rgba(66, 166, 223, 0)
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1)
}
3.3% {
-webkit-transform: scale(1.1)
}
16.5% {
-webkit-transform: scale(1)
}
33% {
-webkit-transform: scale(1.1)
}
100% {
-webkit-transform: scale(1)
}
}
a.play {
width: 90px;
position: absolute;
z-index: 999;
top: 50%;
margin-top: -35px;
left: 50%;
margin-left: -45px
}
a.play:before {
width: 100px;
height: 100px;
background: rgba(255, 255, 255, 0);
content: "";
position: absolute;
left: -5px;
top: -5px;
z-index: -1;
border-radius: 70px;
-webkit-animation: sploosh2 2s cubic-bezier(.165, .84, .44, 1);
-webkit-animation-delay: .33s;
-webkit-animation-duration: 2.2s;
-webkit-animation-iteration-count: infinite;
}
.slick-active button:after {
content: "";
position: absolute;
top: 0;
left: 0;
border: 0;
width: 17px;
height: 17px;
border-radius: 50%;
-webkit-animation: sploosh 2s cubic-bezier(.165, .84, .44, 1);
-webkit-animation-delay: .33s;
-webkit-animation-duration: 2.2s;
/*background: #fff;
*/
}
.urunAck a+a:hover {
background: #000000;
color: #fff;
border: 1px solid #000000;
}
li.slick-active button:before {
opacity: 1
}
li.slick-active button {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
background-color: #000000!important;
-webkit-animation: pulse 2s ease-out
}
ul.slick-dots {
bottom: 0;
position: relative;
padding: 30px 0;
padding-bottom: 0
}
li.slick-active:before {
position: absolute;
content: "";
position: absolute;
top: 0;
left: 0;
border: 0;
width: 17px;
height: 17px;
border-radius: 50%;
-webkit-animation: sploosh 2s cubic-bezier(.165, .84, .44, 1);
}
.urunAck a:hover {
color: #fff;
background-color: rgba(17,85,217,0.99);
border: 1px solid rgba(17,85,217,0.99);
}
.urunGenel:hover, .urunGenel2:hover, .urunGenel3:hover {
-webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
margin-top: 8px
}
.urunSlider.slick-slide.slick-current.slick-active.slick-center {
opacity: 1;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
section.urunTabs {
position: relative;
margin-top: -70px;
z-index: 99;
-webkit-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in
}
.container2 {
width: 1300px;
margin-left: -650px;
position: absolute;
left: 50%;
top: 0;
bottom: 0;
border-radius: 12px;
background-size: cover!important;
background-repeat: top center!important
}
.effet {
width: 400px;
height: 300px;
margin: 0 auto 50px auto;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
box-shadow: 0 1px 5px rgba(0, 0, 0, .5)
}
.effet img {
position: absolute
}
.filtre--r {
-webkit-mask: -webkit-radial-gradient(center, closest-side, transparent 30%, black 80%);
-webkit-mask: -webkit-radial-gradient(center, closest-side, transparent 50%, black 110%);
-webkit-filter: blur(5px);
-webkit-mask: url('#mask-radial');
mask: url('#mask-radial');
-webkit-filter: url('#filtre1');
filter: url('#filtre1')
}
.filtre--l {
-webkit-mask: -webkit-linear-gradient(black, transparent 30%, black);
-webkit-mask: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(30%, transparent), to(black));
-webkit-mask: -webkit-linear-gradient(black, transparent 30%, black);
-webkit-filter: blur(3px);
-webkit-mask: url('#mask-linear');
mask: url('#mask-linear');
-webkit-filter: url('#filtre2');
filter: url('#filtre2')
}
.filtre:hover {
-webkit-mask: none;
-webkit-filter: none;
mask: none;
filter: none
}
section.duyurular {
padding: 0 0 0;
background: #000000;
position: relative;
overflow: hidden
}
.col-left {
float: left
}
.col-right {
float: right
}
.duyuru-baslik {
font-family: Nunito;
font-size: 15px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 4.3px;
text-align: left;
color: #a0c9da;
padding-left: 39px;
position: relative;
z-index: 999
}
.duyuru-baslik.beyaz {
padding: 0;
padding-left: 30px;
position: relative;
color: #fff;
margin-bottom: 0
}
.duyuru-baslik.beyaz:before {
position: absolute
}
.duyuru-baslik.beyaz span {
color: #fff
}
.duyuru-baslik:before {
content: "";
position: absolute;
left: 0;
width: 26px;
top: 9px;
height: 1px;
background: #b6deee
}
.col-right .nav li a {
background-color: rgba(255, 255, 255, .3);
border: solid 1px #000000;
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: -.3px;
text-align: center;
color: #000000;
width: 100px;
padding: 10px 20px;
margin: 0 -1px;
height: 35px;
padding: 0;
line-height: 35px
}
.col-right .nav li.active a {
background: #000000;
color: #fff
}
.col-right .nav li:first-child a {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px
}
.wd50.sol {
background: #eef7fa;
position: relative;
padding: 33px 0;
padding-right: 20px;
width: 50%!important
}
.acik-renk {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: #eef7fa;
width: 50%
}
.col-right .nav li:nth-child(2) a {
border-bottom-right-radius: 100px;
border-top-right-radius: 100px!important
}
.duyuru-baslik span {
font-size: 24px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
position: relative;
left: -38px
}
.wd50 {
float: left;
width: 50%
}
.page-content .duyuru-baslik {
z-index: 1;
}
.page-content .duyuru-baslik span {
font-size: 22px;
}
.userPanelItems span {
font-size: 22px;
}
.wd50 .tab-content {
float: left;
width: 100%;
padding: 0
}
.wd50 .col-right {
margin-top: 40px;
margin-bottom: 30px;
z-index: 999;
position: relative
}
.duyuru-items {
display: block;
width: 100%
}
.duyuru-genel nav.sayfalama {
margin: 0
}
.duyuru-items ul {
display: inline-block;
width: 100%
}
.duyuru-genel .duyuru-items li {
width: 100%;
margin: 0!important;
margin-bottom: 15px!important;
height: 170px;
}
section.duyuru-genel {
padding: 60px 0
}
.duyuru-items ul li {
width: 46%;
margin: 2%;
float: left;
height: 180px;
}
.duyuru-items ul li a {
display: block;
height: 100%;
overflow: hidden;
position: relative;
border-radius: 0px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
background-size: cover!important;
background-position: center center!important
}
.duyuru-items ul li a:before {
position: absolute;
width: 100%;
background-size: 100%;
bottom: 0;
height: 43%
}
.duyuru-items ul li a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: .3;
-webkit-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in
}
.duyuru-items {
width: 100%!important
}
.duyuru-items ul li a:before {
content: "";
left: 0;
right: 0;
bottom: -2px;
background-color: rgba(0, 0, 0, 0);
background-image: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
position: absolute;
-webkit-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
opacity: 1;
}
span.ps-abs {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
font-family: Nunito;
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
z-index: 999;
color: #bebebe;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.duyuru-items li a:hover:after {
-webkit-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
opacity: 0
}
.duyuru-items ul li a:hover {
-webkit-box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in
}
.duyuru-items ul li a:hover span {
color: #fff;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in
}
.duyurular .swiper-pagination-bullet-active {
background-color: #000000!important;
-webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5);
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5)
}
.duyurular .swiper-pagination-bullet {
width: 20px;
height: 20px;
border: 1px solid #000000!important;
background: none;
opacity: 1;
margin: 3px 5px
}
a.all-duyuru {
border-radius: 28.5px;
background-color: #a0c9da;
float: left;
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: #eef7fa;
padding: 5px 13px;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.duyuru1-pagi, .duyuru2-pagi {
float: left;
margin-right: 10px;
position: relative
}
.pagi-ortala {
display: table;
margin: auto;
margin-top: 10px;
position: relative;
z-index: 99
}
a.all-duyuru:hover {
background: #000000;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.duyurular .swiper-pagination-bullet:hover {
background: #000000;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.maske-bg {
height: 100%;
background-size: 125%!important;
background-position: left 0 center!important;
opacity: .4;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
right: inherit;
}
.blur-kutu {
width: 391px;
height: 172px;
border-radius: 10px;
background-color: rgba(238, 247, 250, .19);
-webkit-box-shadow: -2px 13px 11px rgba(0, 0, 0, .16);
box-shadow: -2px 13px 11px rgba(0, 0, 0, .16)
}
.wd50.sag {
background: #C3E6EC;
position: relative;
padding: 33px 20px;
width: 50%!important;
padding-left: 40px;
min-height: 633.5px;
}
.wd50.sag:before {
content: ""
}
.wd50.sag:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -621px;
width: 627px;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(195, 230, 236)), to(#C3E6EC));
background-image: -webkit-linear-gradient(left, rgba(195, 230, 236), #C3E6EC);
background-image: -o-linear-gradient(left, rgba(195, 230, 236), #C3E6EC);
background-image: linear-gradient(to right, rgba(195, 230, 236), #C3E6EC);
z-index: 1;
left: initial
}
section.ind-hakkinda {
padding: 40px 0
}
.anasayfa-hakkinda p {
font-size: 13px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 2.08;
letter-spacing: normal;
text-align: justify;
color: #8a8a8a;
margin-top: 20px;
margin-bottom: 20px;
display: inline-block
}
a.devam-btn:hover {
color: #000000}
a.devam-btn:hover span {
border-color: #000000}
.anasayfa-hakkinda a {
display: inline-block;
font-family: Nunito;
font-size: 11px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: rgba(17,85,217,0.99);
position: relative;
padding-left: 0px;
}
.anasayfa-hakkinda a i:before {
line-height: normal;
font-size: 5px;
margin: 0
}
a.devam-btn span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
a.devam-btn span:last-child {
width: 16px;
height: 16px;
border-radius: 20px;
border: 1px solid rgba(17,85,217,0.99);
position: absolute;
top: -2px;
right: -20px
}
a.devam-btn span:last-child i {
position: absolute;
top: 50%;
margin-top: -8.7px;
left: 50%;
margin-left: -2.5px
}
.hak-item ul {
display: inline-block;
width: 100%
}
.hak-item ul li {
float: left;
width: 14.66%;
line-height: normal;
margin: 1%;
}
.hak-item ul li i {
display: table;
margin: auto
}
.hak-item ul li i:before {
margin: 0;
color: #000000;
font-size: 40px;
font-weight: 400
}
.hak-item ul li span {
text-align: center;
display: block;
padding-top: 10px;
font-size: 10px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: rgba(17,85,217,0.99);
min-height: 38px;
}
.hak-item ul li a img {
display: table;
margin: auto;
}
.hak-item ul li a {
display: block;
padding: 15px 10px 10px;
border: 1px solid #daf4ff;
border-radius: 18px;
overflow: hidden;
}
.hak-item ul li a:hover {
-webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
border: 1px solid #fff;
}
section.ind-hakkinda .wd50.sol {
background: #fff
}
section.ind-hakkinda .wd50.sol:before {
display: none
}
.wd60 {
float: left;
width: 60%;
padding: 0 15px
}
.wd40 {
float: left;
width: 40%;
padding: 0 15px;
position: relative
}
a.tanitim {
width: 100%;
height: 315px;
opacity: .6;
background-size: cover!important;
background-position: center center!important;
position: relative;
border-radius: 10px;
-webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
}
.wd40 .duyuru-baslik {
position: absolute;
left: 40px;
top: 27px
}
a.tanitim:before {
border-radius: 10px;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .01)), color-stop(45%, rgba(92, 92, 92, .37)), to(#ffffff));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #ffffff);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #ffffff);
background-image: linear-gradient(to top, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #ffffff);
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border-radius: 10px;
-webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
}
.tab-yapi li a {
padding: 0;
height: 75px;
border-radius: 0
}
.tab-yapi li.active a {
background: #fff!important;
color: rgba(17,85,217,0.99)}
.tab-yapi li {
width: 25%;
margin: 0!important
}
.tab-yapi li a {
line-height: 75px;
text-align: center;
background: #f6fcff;
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #a0c9da;
border-right: 1px solid #a0c9da;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.hakkimizda ul.nav.nav-pills {
position: relative;
border-bottom: 1px solid #a1c9d9;
}
.tab-yapi:before {
content: "";
position: absolute;
left: -1000px;
width: 1000px;
top: 0;
bottom: 0;
background: #f6fcff;
display: block;
height: 100%;
border-bottom: 1px solid #a0c9da;
}
.tab-yapi:after {
content: "";
position: absolute;
right: -1000px;
width: 1000px;
top: 0;
bottom: 0;
background: #f6fcff;
display: block;
height: 100%;
border-bottom: 1px solid #a0c9da;
}
.tab-yapi {
position: relative
}
.tab-yapi li:first-child.active a {
border-left: 1px solid #a0c9da;
}
.tab-yapi li:first-child a {
border-left: 1px solid #c0dce8;
}
section.hakkimizda {
overflow: hidden
}
.page-genel-title h1 {
font-family: Nunito;
font-size: 25px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
margin: 0;
padding-left: 50px;
position: relative;
margin-bottom: 15px
}
.page-genel-title h1:before {
content: "";
position: absolute;
width: 40px;
height: 4px;
background: rgba(17,85,217,0.99);
top: 50%;
margin-top: -2px;
left: 0;
border-radius: 30px
}
.tab-content {
padding: 80px 0 30px
}
.page-ack p {
font-family: Nunito;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 2.21;
letter-spacing: normal;
text-align: justify;
color: #4a4a4a
}
.hak-mask {
height: 370px;
background-size: cover!important;
background-position: center center!important;
border-radius: 10px;
position: relative
}
.hak-mask:Before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.hak-bg {
background-size: cover!important;
background-position: center center!important;
height: 100%;
border-radius: 10px;
}
.hak-mask img {
position: absolute;
bottom: 60px;
left: 19px;
width: 160px;
z-index: 9999
}
.hak-genel {
background-color: #fff;
-webkit-box-shadow: 1px 1px 36px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 36px rgba(0, 0, 0, .12);
position: relative
}
button.fancybox-button.fancybox-button--close {
/* background: #fff */
}
section.hakkimizda {
background: #fff;
padding: 0
}
.hakkimizda .container p {
font-family: Nunito;
font-size: 14px;
font-weight: 400;
line-height: 2.21;
color: #4a4a4a;
}
section.hakkimizda.sayfa-detay {
padding: 50px 0;
}
.hak-baslik {
font-family: Saira;
font-size: 25px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #1c7a1f;
padding-top: 62px;
display: table;
margin: auto;
padding-bottom: 13px;
border-bottom: solid 5px #b8e986;
margin-bottom: 22px
}
.hak-genel p {
display: table;
width: 70%;
margin: auto;
font-family: Saira;
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
text-align: center;
color: #4a4a4a;
padding-bottom: 115px
}
.ms-genel {
opacity: 1;
padding: 30px 20px 30px;
height: auto
}
.ms-genel p {
height: auto;
font-family: Nunito !important;
font-size: 16px !important;
font-weight: 400 !important;
font-style: normal;
font-stretch: normal;
line-height: 1.94 !important;
letter-spacing: normal;
text-align: center;
color: #fff !important;
}
.ms-vz-baslik {
font-family: Nunito;
font-size: 25px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
display: table;
color: #fff;
padding-bottom: 10px;
margin: 0 auto 10px;
position: relative
}
.ms-vz-baslik:before {
content: "";
position: absolute;
width: 58px;
height: 4px;
left: 50%;
margin-left: -29px;
background: #fff;
bottom: 0;
border-radius: 20px;
}
.ms-vz {
padding: 53px 0;
position: relative
}
.pst-ab {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.wd50.ms-img {
height: 100%;
background-repeat: no-repeat!important;
background-size: cover!important;
position: relative
}
.wd50.ms-img:before {
content: ""
}
.wd50.ms-img.koyu:before {
background: rgba(52, 150, 54, .71)
}
.firma-slide .swiper-slide {
height: 215px;
background-size: cover!important;
background-position: center center!important;
border-radius: 8px
}
.firma-slide {
margin: 50px auto
}
.genel-baslik .ms-vz-baslik {
font-family: Nunito;
font-size: 25px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99)}
.genel-baslik .ms-vz-baslik:before {
background: #000000;
content: "";
position: absolute;
left: 50%;
width: 132px;
margin-left: -61px
}
.firma-goruntuleri {
padding: 50px 0
}
.firma-nav .swiper-button-next, .firma-nav .swiper-button-prev {
position: relative;
background: none;
margin: 0;
top: 0;
width: 38px;
height: 38px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 20px;
}
.firma-slide .swiper-slide a {
height: 100%!important;
width: 100%;
display: block;
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: center center!important
}
.firma-nav i:before {
margin: 0!important;
font-size: 41px;
color: rgba(17,85,217,0.99)!important
}
.firma-nav .swiper-button-prev {
position: relative;
}
.firma-nav {
display: table;
margin: auto
}
.firma-nav .swiper-button-next {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: -18px;
}
.tarih-item {
float: left;
width: 100%;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
position: relative
}
.sol-ortala {
width: 71px;
height: 71px;
background-color: #eef7fa;
border: solid 1px #000000;
margin-right: 0;
float: left;
border-radius: 60px
}
.sol-genel-ortalama:before {
content: "";
position: absolute;
top: 50%;
height: 1px;
left: -82px;
width: 7px;
height: 7px;
border-radius: 40px;
background: #bedae6;
margin-top: -3px
}
.sag-ortala {
float: left;
width: calc(100% - 205px);
border-radius: 35px;
border: solid 1px #a0c9da;
margin-left: 45px
}
.sol-ortala span {
font-size: 15px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
position: relative
}
section.hakkimizda .row {
position: relative
}
.row.m80 {
margin-bottom: 80px
}
.tarihce:after {
content: "";
position: absolute;
left: -10px;
right: -10px;
border-bottom: 1px dashed #000000;
bottom: -55px;
width: 100%
}
.tarihce {
display: inline-block;
width: 100%;
position: relative
}
.hakkimizda .container {
position: relative
}
.tarihce:before {
content: "";
position: absolute;
left: 50%;
width: 14px;
height: 14px;
background-color: rgba(17,85,217,0.99);
margin-left: -16px;
bottom: -62px;
border-radius: 30px;
z-index: 99999
}
.s-ortala-item li span {
font-family: Nunito;
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #ffa800;
padding-left: 0;
float: left;
width: calc(100% - 35px);
padding-left: 15px
}
.s-ortala-item li+li {
margin-top: 20px!important
}
.s-ortala-item ul {
padding: 20px;
position: relative;
display: inline-block;
width: 100%
}
.sol-genel-ortalama {
height: 100%;
position: relative
}
.sag .tarih-item:nth-child(2) {
margin-top: 30px
}
.sag .tarih-item:nth-child(2):before {
top: -60px
}
.sag .tarih-item:nth-child(3) {
margin-bottom: 30px
}
.sag .tarih-item:nth-child(4) li {
margin: 0
}
.sag .tarih-item:last-child:before {
bottom: -90px!important
}
.sag .tarih-item:before {
top: -30px
}
.s-ortala-item ul li {
margin: 0;
position: relative;
display: block;
width: 100%;
float: left
}
.row.m80 {
margin-bottom: 80px
}
.sonsuz .s-ortala-item li span {
width: calc(100% - 25px)
}
.s-ortala-item ul li i {
position: relative;
float: left;
font-style: normal;
width: 8px;
height: 8px;
display: inline-block;
top: -2px
}
.s-ortala-item ul:before {
content: "";
position: absolute;
top: 50%;
margin-top: -.5px;
background: #a0c9da;
height: 1px;
width: 40px;
left: -40px
}
.sol-ortala span:before {
content: "";
position: absolute;
top: -6px;
left: -6px;
right: -6px;
bottom: -6px;
border-radius: 70px;
border: 1px solid #b5d5e2
}
.sol-genel-ortalama:before {
content: "";
position: absolute;
top: 50%;
height: 1px;
left: -72px;
width: 7px;
height: 7px;
border-radius: 40px;
background: #bedae6;
margin-top: -3px
}
.s-ortala-item ul:before {
content: "";
position: absolute;
top: 50%;
margin-top: .5px;
background: #a0c9da;
height: 1px;
width: 40px;
left: -40px
}
.sol-ortala span:before {
content: "";
position: absolute;
top: -6px;
left: -6px;
right: -6px;
bottom: -6px;
border-radius: 70px;
border: 1px solid #a0c9da
}
.sol-ortala span:after {
content: "";
position: absolute;
top: 50%;
left: -66px;
width: 61px;
bottom: -6px;
height: 1px;
background: #a0c9da
}
.kesik-cizgi {
position: absolute;
left: -6px;
right: -6px;
bottom: -6px;
z-index: 999;
border: 1px solid #fff;
border-bottom-left-radius: 610px;
border-bottom-right-radius: 610px;
border: 4px solid #fff;
border-top: 0;
height: 40px;
overflow: hidden
}
.tarih-item:before {
content: ""
}
.tarih-item:before {
content: "";
position: absolute;
left: -25px;
top: -30px;
bottom: 0;
border-left: 1px dashed #000000}
.tarih-item:first-child:before {
top: 40px!important;
}
.tarih-item:last-child:before {
bottom: -197px!important;
}
.sag .tarih-item:first-child:before {
top: 79px !important;
}
.s-ortala-item ul:after {
content: "";
position: absolute;
left: -44px;
width: 7px;
height: 7px;
background-color: #a0c9da;
top: 50%;
margin-top: -2px;
border-radius: 30px;
z-index: 99999
}
.sonsuz {
margin-top: 50px;
margin-right: 11px
}
.sonsuz .tarih-item {
display: table;
margin: auto;
width: 320px;
float: none
}
.sonsuz-img {
display: table;
margin: auto
}
.sonsuz .tarih-item .sol-genel-ortalama {
display: table;
float: none;
margin: auto
}
.sonsuz .sag-ortala {
width: 100%!important;
margin: 0
}
.sonsuz .tarih-item:last-child:before {
display: none
}
.sonsuz .s-ortala-item ul:before {
display: none
}
.sonsuz .s-ortala-item ul:after {
display: none
}
.sonsuz .sol-ortala {
border: none;
background: rgba(17,85,217,0.99)}
.sonsuz .sol-ortala span {
color: #fff
}
.sonsuz .sol-ortala span:before {
display: none
}
.sonsuz .kesik-cizgi {
display: none
}
.sonsuz .sol-ortala span:after {
display: none
}
.sonsuz .sol-genel-ortalama:before {
display: none
}
.album-item {
width: auto;
height: auto;
border-radius: 8px;
background-color: #fff;
border: solid 1px #eef7fa;
padding: 10px;
float: left;
width: 100%;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
top: 0;
position: relative;
}
span.slide-show i {
display: block;
text-align: center;
font-style: normal;
position: relative;
color: #000000;
line-height: normal
}
span.slide-show i+i {
margin-top: 10px;
font-size: 11px;
padding: 0 6px;
color: #fff;
}
section.album {
padding: 0;
}
section.album-detay {
padding-top: 0;
}
.album-isim.wdth100 {
width: 100%;
max-height: 16px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.album-bg {
height: 174px;
background-size: cover!important;
background-position: center center!important;
background-repeat: no-repeat!important;
border-radius: 8px;
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.album-galeri .col-md-3.col-sm-6.col-xs-12, .video-galeri .col-md-3.col-sm-6.col-xs-12, .fotograf-galeri .col-md-3.col-sm-6.col-xs-12, .video-galeri .col-md-3.col-sm-6.col-xs-12 {
margin-bottom: 30px
}
.album-aciklama {
font-family: Nunito;
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: -.3px;
text-align: left;
color: #a0c9da;
margin: 20px 0 10px
}
.clear {
clear: both
}
.clear2 {
clear: both;
display: none
}
.album-genel {
float: left;
width: 100%;
margin-top: 15px
}
.album-isim {
font-family: Nunito;
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: -.3px;
color: #000000;
float: left;
width: 140px;
max-height: 32px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.album-tarih {
float: right;
font-family: Nunito;
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: -.3px;
color: #000000}
.medya-tab .nav li a {
padding: 0;
background-color: rgba(255, 255, 255, .3);
border: solid 1px #000000;
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: -.3px;
text-align: center;
color: #000000;
width: 120px;
padding: 10px 20px;
margin: 0 -1px;
height: 50px;
padding: 0;
line-height: 50px
}
.medya-tab .nav li:first-child a {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px
}
.medya-tab .nav li.active a {
background: #000000;
color: #fff
}
.medya-tab .nav li:last-child a {
border-bottom-right-radius: 100px;
border-top-right-radius: 100px!important
}
.medya-tab .nav {
border: none!important
}
.medya-tab {
float: left
}
.toplam-sonuc {
float: left;
line-height: 50px;
width: auto;
padding-left: 20px;
font-family: Nunito;
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
letter-spacing: -.3px;
text-align: left;
color: #000000;
position: relative;
}
.toplam-sonuc span strong {
font-weight: 700
}
.toplam-sonuc:after {
content: "";
position: absolute;
right: -2000px;
width: 1990px;
height: 1px;
top: 50%;
margin-top: .5%;
background: #eef7fa
}
div#medya {
overflow: hidden
}
a.album-item:hover {
-webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
position: relative;
top: -10px;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.album-bg:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(42, 67, 91, .59);
opacity: 0;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.album-bg:hover:before {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.fotograf-galeri span.slide-show i:before {
font-size: 30px
}
span.slide-show i:before {
margin: 0;
color: #000000;
font-size: 60px;
line-height: normal
}
span.slide-show {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
position: relative
}
.album-bg:hover span {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.fotograf-galeri {
display: block;
position: relative;
}
.slide-in {
animation: slide-in 0.5s forwards;
-webkit-animation: slide-in 0.5s forwards
}
.slide-out {
animation: slide-out 0.5s forwards;
-webkit-animation: slide-out 0.5s forwards
}
@keyframes slide-in {
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
@-webkit-keyframes slide-in {
100% {
-webkit-transform: translateX(0%)
}
}
@keyframes slide-out {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
}
@-webkit-keyframes slide-out {
0% {
-webkit-transform: translateX(0%)
}
100% {
-webkit-transform: translateX(-100%)
}
}
.album-isim-ic {
position: absolute;
top: 0;
left: 190px;
font-family: Nunito;
font-size: 15px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-align: center;
color: #000000;
text-transform: uppercase;
line-height: 50px;
}
.album-isim-ic:before {
content: "";
position: absolute;
right: -830px;
width: 820px;
height: 1px;
top: 50%;
margin-top: .5px;
background: #eef7fa
}
.geri {
width: 163px;
height: 50px;
border-radius: 25px;
background-color: #dfebef;
float: left;
}
.geri span {
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: 50px;
letter-spacing: normal;
text-align: left;
color: #51b1df;
float: left;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.geri i:Before {
margin: 0;
font-size: 14px;
font-weight: 700;
position: relative;
top: -1px;
left: -4px;
color: #4fb0df;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.geri i {
float: left;
line-height: 47px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-right: 5px;
margin-left: 14px
}
.geri:hover {
background: #1ca4de;
color: #fff;
}
.geri:hover span {
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.yonetim-genel {
height: 50px;
background: rgba(17,85,217,0.99);
padding-left: 30px;
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: 50px;
letter-spacing: normal;
text-align: left;
color: #fff;
border-top-right-radius: 8px;
border-top-left-radius: 8px
}
div#kadromuz .row+.row {
margin-top: 20px
}
.yonetim-item {
display: block
}
.yonetim-item ul {
display: inline-block;
width: 100%
}
.yonetim-item li {
float: left;
width: 100%;
height: 71px;
margin-top: 8px;
background-color: #eef7fa;
border-radius: 8px;
line-height: 71px
}
.yonetim-item li .wd50:first-child {
padding-left: 30px
}
.yonetim-isim {
font-size: 15px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #000
}
.yonetim-pozisyon {
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #000
}
li.mavi {
padding-left: 30px;
height: 50px;
border-radius: 0!important;
border-top-left-radius: 8px!important;
background-color: #dfebef;
line-height: 50px;
border-top-right-radius: 8px!important
}
.mavi .yonetim-isim {
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #000000}
.son-g-bas {
font-family: Nunito;
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 2.06;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
display: inline-block;
position: relative;
padding-bottom: 8px
}
.haber-tum {
float: left;
width: 100%
}
.haber-tum .haber-tarih {
margin: 0;
float: right
}
.son-g-bas:before {
content: "";
position: absolute;
left: 0;
width: 70%;
height: 3px;
background: #dfebef;
bottom: 0
}
.son-gelisme-img {
height: 230px;
background-size: cover!important;
float: left;
width: 100%;
background-position: center center!important;
margin-bottom: 32px;
border-radius: 8px;
margin-top: 40px;
}
.haber-tum p {
float: left;
width: 100%
}
section.son-gelisme-detay.inner p {
float: left;
width: 100%;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 23px;
letter-spacing: normal;
text-align: left;
margin-left: 0 !important;
}
section.son-gelisme-detay.inner {
padding: 50px 0;
background: #fff
}
.haber-tarih {
width: 165px;
height: 51px;
border-radius: 30px;
border: solid 1px #a0c9da;
font-family: Nunito;
font-size: 13px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 51px;
letter-spacing: normal;
text-align: center;
color: #a0c9da
}
.column-map {
margin-bottom: 60px
}
.geri:hover i:before {
color: #fff;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.son-gelisme-img.duyuru-detay {
height: 400px;
}
.contact4 .form-control {
font-size: 16px;
padding: 15px 15px;
border-radius: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact4 .form-div p {
padding-left: 0px;
font-family: Nunito;
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
padding-bottom: 5px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.contact4 .wd50 {
width: 48%;
margin-bottom: 30px;
margin: 0 1%;
}
.contact4 .form-div {
overflow: auto;
margin: 0
}
.contact4 .form-div:hover p {
color: #000000;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.contact4 .form-div.capt-cont .captcha {
margin-left: 0;
width: 48%;
}
.contact4 .wd100 {
margin-bottom: 30px;
}
.col-md-12.col-xs-12.masaustu-form {
display: block
}
.col-md-12.col-xs-12.mobil-form {
display: none
}
.contact4 input[type="text"]:hover {
border: 1px solid #000000;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.basket-exp textarea.form-control {
border-radius: 10px !important;
}
.contact4 .container form textarea:hover {
border: 1px solid #000000;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.contact4 input[type="text"] {
padding: 0 20px;
height: 50px;
border-radius: 0px;
border: solid 1px #a0c9da;
background: #fff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.contact4 input[type="email"] {
padding: 0 20px;
height: 55px;
line-height: 55px;
}
.contact4 input[type="email"]:focus {
border-color: #192a48;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.contact4 input[type="text"]:focus {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: #fff;
background-color: #fff;
outline: none!important;
border: solid 1px rgba(17,85,217,0.99)!important
}
.contact4 textarea:focus {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: #fff;
background-color: #fff;
outline: none!important;
border: solid 1px rgba(17,85,217,0.99)!important
}
.form-div.capt-cont .captcha {
width: 46%;
height: 50px;
border-radius: 0px;
border: solid 1px #a0c9da;
}
.form-div.capt-cont .son {
width: 46%;
float: left;
margin-left: 5%
}
.form-div.capt-cont .son input[type="text"]::-webkit-input-placeholder {
color: rgba(17,85,217,0.99);
font-size: 12px
}
.form-div.capt-cont .son input[type="text"]::-moz-placeholder {
color: rgba(17,85,217,0.99);
font-size: 12px
}
.form-div.capt-cont .son input[type="text"]:-ms-input-placeholder {
color: rgba(17,85,217,0.99);
font-size: 12px
}
.form-div.capt-cont .son input[type="text"]:-moz-placeholder {
color: rgba(17,85,217,0.99);
font-size: 12px
}
.form-div.capt-cont .son input[type="text"] {
height: 50px;
border-radius: 0px;
border: solid 1px #a0c9da
}
.contact4 .btn {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 0;
color: white;
font-size: 15px;
font-weight: 700;
margin-top: 5px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 100%;
border: 0;
height: 50px;
border-radius: 0px;
background-color: #000000;
}
.contact4 .btn.pull-right {
background: rgba(17,85,217,0.99)}
.column-map {
margin-bottom: 20px
}
.contact4 {
padding-top: 0;
padding-bottom: 60px
}
.iletisim-baslik span {
position: relative;
font-family: Nunito;
font-size: 20px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
padding-left: 40px
}
.contact4 .container>div {
vertical-align: top;
position: relative
}
.iletisim-baslik {
height: 75px;
background-color: #f9fdff;
line-height: 75px;
margin-bottom: 40px;
position: relative
}
.iletisim-baslik span:before {
content: "";
position: absolute;
left: 0;
width: 31px;
height: 2px;
border-radius: 1.1px;
background-color: #000000;
top: 50%;
margin-top: -1px
}
.contact4 .col-md-3 {
padding: 0
}
.contact4 .btn.pull-right {
background: rgba(17,85,217,0.99)}
.contact4 .btn:hover {
background-color: rgba(17,85,217,0.99);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.contact4 input.btn.btn-default.pull-right:hover {
background: #000000}
.contact4 .content>h5 {
font-size: 22px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #349636;
margin-bottom: 30px;
margin-top: 0
}
.contact4 .content>p {
font-size: 14px;
margin-bottom: 30px;
color: #666;
font-weight: 500;
position: relative;
z-index: 9999
}
.contact4 .content a {
font-size: 13px;
color: #666;
letter-spacing: 1px;
font-weight: 600;
padding-top: 3px;
}
.contact4 .content a:hover {
color: #eb1c24
}
.contact4 .content .who .line+.line {
margin-top: 50px
}
.contact4 .content .who .line i.icon-location {
width: 19px;
height: 28px;
background-position: -87px -259px
}
.contact4 .content .who .line i.icon-phone {
width: 28px;
height: 29px;
background-position: -107px -259px
}
.contact4 .content .who .line i.icon-mail {
width: 30px;
height: 22px;
background-position: -136px -259px
}
.contact4 .content .who .line h6 {
font-size: 17px;
font-weight: 700;
color: #333;
margin: 0 0 5px 0;
padding-bottom: 0;
margin: 0;
font-family: 'Rajdhani', sans-serif
}
.contact4 .content .who .line p {
margin: 0;
line-height: 18px;
font-size: 12px;
color: #666;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-family: 'Rajdhani', sans-serif;
font-weight: 600;
padding-top: 6px
}
.contact4 .content .who .line>*:first-child {
position: relative
}
.contact4 .content .who .line>*:first-child i {
width: 46px;
height: 46px;
background-repeat: no-repeat;
background-position: center center;
margin-right: 20px;
font-size: 35px;
color: #000;
line-height: 46px;
float: left;
text-align: center;
background: #349636;
position: relative
}
.contact4 .content .who .line>*:last-child {
width: calc(100% - 86px)
}
.who .line {
float: left;
height: initial;
width: 100%;
border: 0;
right: initial;
top: initial;
position: relative;
display: block;
margin-bottom: 10px;
}
.who {
margin-bottom: 0;
display: inline-block;
width: 100%;
}
.who .line p {
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.57;
letter-spacing: normal;
text-align: left;
color: #000;
float: left;
margin: 0;
line-height: 32px;
padding-left: 10px;
}
.who .line a {
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.57;
letter-spacing: normal;
text-align: left;
color: #000;
padding-left: 10px;
line-height: 32px;
}
.contact4 .content .company {
margin: 30px 0
}
.contact4 .content .company p {
font-size: 12px;
margin: 0;
color: #333;
line-height: 18px
}
.contact4 .content .company p+p {
margin-top: 15px
}
.contact4 .content .company p b {
font-size: inherit;
display: inline-block;
width: 160px
}
.contact4 .content .who {
margin-bottom: 25px
}
.who .line:nth-child(2) {
}
.contact4 .content .text p, .contact4 .content .text p * {
font-size: 14px;
color: #666;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-family: 'Rajdhani', sans-serif;
font-weight: 600
}
.contact4 .content .text p span {
font-size: inherit;
font-weight: 600
}
.contact4 .content .text p b {
font-size: inherit;
font-weight: 700
}
.contact4 .content .text p a {
font-size: 16px;
background: #f01716;
padding: 1px 10px;
display: inline-block;
color: #fff
}
.contact4 .form-div span {
color: rgba(17,85,217,0.99);
font-size: 12px;
font-weight: 650;
}
.contact4 .content .who .line>*:first-child i:before {
line-height: 45px;
color: #fff;
margin: 0;
display: block
}
.contact4 .content .who .line>*:first-child i:after {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 0;
border-color: #fff transparent transparent transparent;
left: 0;
top: 0;
margin: 0
}
.contact4 .content .btn-red {
font-size: 14px
}
.contact4 .content .form-div p {
color: #000!important;
font-size: 15px;
font-weight: 700;
margin-top: 8px;
display: inline-block;
font-family: 'Rajdhani', sans-serif;
position: relative;
margin: 0;
line-height: normal
}
.contact4 .container form>div+div.wd100 .col-right {
width: 48%;
margin-right: 2.5%
}
.contact4 .container form textarea {
height: 159px;
border-radius: 27px;
border: solid 1px #a0c9da;
background: #fff;
color: rgba(17,85,217,0.99);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.contact4 .container form>div.submit {
text-align: right
}
.vm i:before {
color: rgba(17,85,217,0.99);
margin: 0;
font-size: 16px;
text-align: center
}
.contact4 .icon {
display: inline-block;
float: left;
width: 32px;
height: 32px;
border-radius: 9px;
background-color: #eef7fa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.contact4 .vm {
display: block;
vertical-align: middle;
margin-right: 20px;
}
.contact4 .btn, .contact4 input, .contact4 textarea {
font-size: 13px
}
.contact4 .container form>div+div {
position: relative;
z-index: 999
}
@media screen and (max-width:991px) {
.contact4 .container>div {
display: block!important;
width: 100%!important;
position: relative
}
.contact4 .container>div+div {
margin: 30px 0 0 0!important
}
}
@media screen and (max-width:767px) {
.column-map {
margin-bottom: 20px
}
.contact4 .content>h5 {
margin-bottom: 20px;
text-align: center;
z-index: 9
}
.contact4 .content>p {
text-align: center;
z-index: 9
}
.contact4 .col-md-3 {
text-align: center
}
.contact4 .container form>div+div {
z-index: 9
}
}
.mybasket.adress .btn-wrapper h5 {
padding: 0;
margin: 0;
}
section.uyeliksiz-form.contact4 .ps-abst {
margin-top: 0!important;
background-image: -webkit-linear-gradient(138deg, #a0c9da, #dfebef 51%, #a0c9da);
background-image: -o-linear-gradient(138deg, #a0c9da, #dfebef 51%, #a0c9da);
background-image: linear-gradient(312deg, #a0c9da, #dfebef 51%, #a0c9da)
}
section.uyeliksiz-form .col-right input[type=submit] {
padding: 0 40px;
width: auto
}
section.uyeliksiz-form .col-left input[type=submit] {
padding: 0 30px;
width: auto
}
section.uyeliksiz-form .col-right input[type=submit]:hover {
background: #000000}
section.uyeliksiz-form.contact4 {
padding: 50px 0
}
section.kampanyalar-sect {
padding: 60px 0
}
.kampanya-item .col-md-3.col-sm-3.col-xs-12:first-child {
padding-left: 0 !important;
height: 235px;
}
.k-liste-bg {
height: 100%;
background-size: cover !important;
overflow: hidden;
background-repeat: no-repeat !important;
background-position: center center !important;
}
.kampanya-item {
border-radius: 10px;
background-color: #fff;
border: solid 1px #dfebef;
float: left;
width: 100%;
padding: 0px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
.kampanya-item+.kampanya-item {
margin-top: 60px
}
.kampanya-item .col-md-3.col-sm-3.col-xs-12 {
text-align: center
}
.kampanya-baslik {
font-family: Nunito;
font-size: 17px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.kampanya-ack {
font-family: Nunito;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
padding-top: 10px;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.kampanya-detay {
height: 41px;
border-radius: 100px;
background-color: rgba(17,85,217,0.99);
width: 90%;
line-height: 41px;
text-align: center;
display: table;
margin: auto;
margin-bottom: 10px;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
a.kampanya-detay:hover {
background: #0f0
}
.kampanya-detay:hover {
background: #000000;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
a.kampanya-item:hover .kampanya-baslik, a.kampanya-item:hover .kampanya-ack {
color: rgba(17,85,217,0.99);
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
a.kampanya-item:hover .kampanya-detay {
background: #000000}
a.kampanya-item:hover {
-webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24)
}
.kampanya-detay span {
font-family: Nunito;
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #fff
}
.kampanya-detay i:before {
margin: 0;
font-size: 18px;
color: #fff;
margin-left: 7px
}
.kampanya-detay i {
-webkit-transform: rotate(180deg)!important;
-ms-transform: rotate(180deg)!important;
transform: rotate(180deg)!important;
display: inline-block
}
.baslangic-bitis {
width: 90%;
height: auto;
border-radius: 40px;
background-color: #fff;
border: solid 1px #a0c9da;
padding: 3px 0;
display: table;
margin: auto;
}
.baslangic-bitis .wd50 {
font-family: Nunito;
font-size: 9px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.42;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
}
.kampanya-detay-img {
position: relative;
height: 230px;
}
section.kampanyalar-sect .baslangic-bitis {
padding: 8px 0 6px;
}
.kampanya-bg {
height: 100%;
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: center center!important;
border-radius: 8px;
position: relative
}
.kampanya-bg:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(42, 67, 91, 0);
border-radius: 10px;
}
a.icerik-download {
position: absolute;
right: 0;
bottom: 0;
width: auto;
height: 42px;
border-top-left-radius: 40px;
background-color: #000000;
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.42;
letter-spacing: normal;
text-align: center;
color: #fff;
line-height: 42px;
padding: 0 30px;
}
a.icerik-download span {
font-weight: 800
}
a.icerik-download:hover {
background: rgba(17,85,217,0.99)}
.inner .baslangic-bitis {
width: 221px;
padding: 7px 0 6px;
}
.inner .col-lg-12.col-xs-12+.col-lg-12.col-xs-12 {
margin-top: 30px
}
.kampanya-title {
font-family: Nunito;
font-size: 20px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
padding-top: 10px;
}
.kampanya-slide-item .urunGenel {
margin: 0;
margin-bottom: 30px
}
.kampanya-slide-item {
display: inline-block;
width: 100%;
padding: 40px 40px 0
}
section.indirim-alani {
margin-bottom: 0
}
.baslangic-bitis .wd50 span {
font-weight: bold;
font-size: 12px;
}
.baslangic-bitis .wd50+.wd50 {
border-left: 1px solid #dfebef
}
.indirim-baslik {
font-size: 18px;
font-weight: 800;
line-height: 1.78;
color: rgba(17,85,217,0.99);
text-decoration: underline
}
.indirim-genel {
width: 95%
}
.indirim-item li span {
float: left;
width: 33.33%;
font-size: 16px;
font-style: normal;
font-stretch: normal;
line-height: 2;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
font-weight: 800
}
.indirim-item li span:nth-child(2) {
color: #000000;
font-weight: 600
}
section.kampanya-slide i {
left: 0;
display: inline-block;
position: relative
}
section.kampanya-slide i:before {
font-size: 18px;
margin: 0;
margin-right: 5px;
font-weight: 400
}
.kampanya-kapsami {
font-family: Nunito;
font-size: 25px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
margin-bottom: 30px;
text-align: center
}
section.kampanya-slide {
margin: 50px 0 0;
float: left;
width: 100%;
}
.cozum-title {
float: left;
width: 100%;
font-family: Nunito;
font-size: 20px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
margin-bottom: 5px
}
.cozum-item {
border-radius: 8px;
background-color: #fff;
border: solid 2px #eef7fa;
padding-top: 20px;
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
overflow: hidden;
padding-bottom: 40px;
height: auto;
}
.cozum-logo {
width: 120px;
display: table;
float: right;
position: relative
}
.cozum-img {
float: left;
position: relative;
margin-left: 10px;
width: 120px;
}
.cozum-kod {
float: left;
font-family: Nunito;
font-size: 15px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.53;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
width: calc(100% - 125px);
overflow: hidden;
padding: 0 15px;
}
.cozum-kod span {
font-weight: 700
}
a.mikro-site:hover i:Before {
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.cozum-logo img {
border-radius: 8px;
border: solid 2px #eef7fa;
padding: 12px;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
position: relative;
z-index: 99;
background: #fff
}
a.mikro-site {
position: absolute;
bottom: 0;
right: 0;
width: 137px;
height: 42px;
border-top-left-radius: 28.5px;
background-color: #eef7fa;
line-height: 42px
}
.cozum-alet {
float: left;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.cozum-alet img {
margin-bottom: 0;
position: relative;
}
a.mikro-site span {
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
display: block;
width: 100%;
padding-left: 18px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
a.mikro-site i {
position: absolute;
left: 0;
top: 1px
}
a.mikro-site i:before {
font-size: 14px;
font-weight: 500;
line-height: normal;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
a.mikro-site:hover {
background: #000000}
a.mikro-site:hover span {
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.cozum-logo:before {
content: "";
position: absolute;
left: -1000px;
width: 1000px;
border: solid 2px #eef7fa;
top: 50%;
margin-top: -1px
}
section.dokuman-genel {
padding: 60px 0
}
section.dokuman-genel input[type=text] {
border: 1px solid #000000;
border-radius: 0;
height: 39px;
background: none;
border-top-left-radius: 19px;
padding-left: 20px;
border-bottom-left-radius: 19px;
font-size: 11px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 4.56;
letter-spacing: normal;
text-align: left;
float: left;
color: rgba(17,85,217,0.99);
}
.dokuman-genel .fl-right:before {
display: none;
}
.dokuman-genel .fl-right {
line-height: 39px;
color: #000000;
}
.dokuman-genel input[type="submit"] {
height: 39px;
width: 70px;
border: none;
position: relative;
display: block;
top: 0;
background-size: 100%;
background-position: top center;
background: none;
float: left;
background: #000000;
color: #fff;
border-top-right-radius: 19px;
border-bottom-right-radius: 19px;
margin-left: -1px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
input.sifirla {
height: 39px;
border-radius: 40px;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding: 0 20px;
margin-left: 0;
background: rgba(17,85,217,0.99);
color: #fff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
margin-top: 20px;
width: 220px;
}
input.sifirla:hover {
background: #000000;
}
section.dokuman-genel .col-md-12 form {
margin-bottom: 30px;
float: left;
}
.dokuman-genel input[type="submit"]:hover {
background: rgba(17,85,217,0.99);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.tablo-dokuman {
border-radius: 8px;
overflow: hidden;
border: 1px solid #eef7fa
}
.tablo-dokuman tablo tr:first-child th {
background: #eef7fa
}
.tablo-dokuman table tr:first-child {
background: #eef7fa
}
.tablo-dokuman table tr:first-child th {
width: 33.33%;
font-size: 15px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 3.2;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.tablo-dokuman table tr:first-child th:first-child a {
padding-left: 20px;
color: #a0c9da
}
.tablo-dokuman.gecmis tr td:last-child i {
display: inline-block;
float: left;
margin-right: 4px;
}
.tablo-dokuman.gecmis tr td {
width: auto!important
}
.tablo-dokuman.gecmis tr th {
width: auto!important
}
.tablo-dokuman tr td:first-child a:hover {
color: #ffa800;
}
.tablo-dokuman tr td:last-child a:hover {
color: #a0c9da !important;
}
.tablo-dokuman.sepetim.teklif-detay tr th {
background: #eef7fa !important;
color: #a0c9da !important;
font-weight: bold;
padding-left: 15px;
}
.tablo-dokuman.sepetim.teklif-detay tr td:nth-child(4) img {
position: relative;
left: -40px;
}
.tablo-dokuman.gecmis tr td:last-child a {
font-weight: 600
}
.tablo-dokuman tr td {
width: 33.33%;
font-family: Nunito;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
border-right: 1px solid #eef7fa;
border-bottom: 1px solid #eef7fa;
}
.tablo-dokuman tr td:first-child a {
font-family: Nunito;
font-size: 15px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 3.27;
letter-spacing: normal;
text-align: left;
color: #000000;
padding-left: 29px;
display: inline-block !important;
}
.tablo-dokuman tr td:last-child td {
border: none
}
.tablo-dokuman tr td:last-child a {
font-family: Nunito;
font-size: 15px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
}
.tablo-dokuman tr td:last-child i:before {
margin: 0;
margin-right: 10px;
font-weight: 400
}
.tablo-dokuman tr td+td {
padding-left: 20px
}
.tablo-dokuman tr:last-child td {
border-bottom: none
}
.tablo-dokuman.teklif-detay table tr:first-child th:first-child a {
padding-left: 0 !important;
}
.user-order tr th {
padding-left: 20px;
}
.tablo-dokuman.gecmis.mavi-th.norm tr th:first-child {
width: 50% !important;
padding-left: 10px;
}
.tablo-dokuman.gecmis.mavi-th.norm tr th:nth-child(2) {
width: 25% !important;
padding-left: 20px;
}
.tablo-dokuman.gecmis.mavi-th.norm tr th:last-child {
width: 15% !important;
padding-left: 20px;
}
.user-order tr td {
padding: 10px 15px;
}
.teklif-detay tr:nth-child(2) td:first-child a {
padding-left: 0;
}
.tablo-dokuman tr td:last-child a img {
width: 30px;
margin-right: 6px
}
.tablo-dokuman.sepetim table tr:first-child th {
width: auto;
background: rgba(17,85,217,0.99);
color: #fff;
}
.wd100 .col-left p {
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
margin-bottom: 20px;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99)}
.tablo-dokuman.sepetim tr td {
width: auto;
font-family: Nunito;
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000;
}
.col-left.autoWd {
width: auto!important;
display: inline-block;
margin: 0;
padding: 0
}
h5.user-title.blue {
margin: 0;
padding: 0;
border: 0;
font-size: 17px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000}
.teklif-tarih {
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
line-height: 23px
}
a.gecmis-teklif-detay-btn {
height: 35px;
border-radius: 22px;
background-color: #000000;
line-height: 35px;
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: center;
padding: 0 30px;
color: #fff;
position: relative;
margin-bottom: 10px;
padding-left: 39px
}
a.gecmis-teklif-detay-btn:hover {
background: rgba(17,85,217,0.99)}
a.gecmis-teklif-detay-btn i {
position: absolute;
left: 14px;
display: inline-block!important
}
a.gecmis-teklif-detay-btn i:before {
margin: 0;
font-size: 16px;
font-weight: 400
}
.wd100.gecmis-detay {
margin-bottom: 25px;
padding-top: 20px;
border-top: solid 1px #000000}
.tablo-dokuman.sepetim tr td:last-child i:before {
font-size: 30px;
color: rgba(17,85,217,0.99);
}
.tablo-dokuman.sepetim table tr:first-child th a {
color: #fff
}
.tablo-dokuman.sepetim.sepet-page tr th+th {
padding-left: 0;
border-left: 1px solid #a0c9da;
text-align: center;
line-height: normal;
padding: 10px 0;
}
.tablo-dokuman.sepetim.sepet-page tr td+td {
padding-left: 0;
text-align: center;
padding: 0 5px;
}
.tablo-dokuman.sepetim.sepet-page tr td:nth-child(4) img {
position: relative;
left: 0;
}
.sepet-page.nine tr td:nth-child(1) {
width: 15% !important;
}
.sepet-page.nine tr td:nth-child(2) {
width: 33% !important;
text-align: left !important;
padding-left: 16px !important;
}
.sepet-page.nine tr td:nth-child(3) {
width: 13% !important;
}
.sepet-page.nine tr td:nth-child(4) {
width: 7% !important;
}
.sepet-page.nine tr td:nth-child(6) {
width: 5% !important;
}
.sepet-page.nine tr td:nth-child(5) {
width: 12% !important;
padding: 0 !important;
text-align: right !important;
padding-right: 7px !important;
}
.sepet-page.nine tr td:nth-child(7) {
width: 5% !important;
}
.sepet-page.nine tr td:nth-child(8) {
width: 5% !important;
}
.sepet-page.nine tr td:nth-child(9) {
width: 5% !important;
}
.sepet-page.eight tr td:nth-child(1) {
width: 15% !important;
}
.sepet-page.eight tr td:nth-child(2) {
width: 40% !important;
text-align: left !important;
padding-left: 16px !important;
}
.sepet-page.eight tr td:nth-child(3) {
width: 13% !important;
}
.sepet-page.eight tr td:nth-child(4) {
width: 8% !important;
}
.sepet-page.eight tr td:nth-child(6) {
width: 6% !important;
}
.sepet-page.eight tr td:nth-child(5) {
width: 6% !important;
padding: 0 !important;
text-align: center;
}
.sepet-page.eight tr td:nth-child(7) {
width: 6% !important;
}
.sepet-page.eight tr td:nth-child(8) {
width: 6% !important;
}
.tablo-dokuman.sepetim tr td img {
width: 115px;
padding: 10px 10px;
border-radius: 8px;
border: 1px solid #eef7fa;
}
.tablo-dokuman.sepetim tr td:first-child {
padding: 10px 0;
margin: auto;
text-align: center
}
.sepet-page tr td:first-child a {
padding-left: 0 !important;
}
a.btn.btn-default.pull-right {
width: 179px;
height: 50px;
border-radius: 0px;
background-color: rgba(17,85,217,0.99);
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 50px;
letter-spacing: normal;
text-align: center;
color: #fff;
padding: 0;
margin-top: 20px;
border: 1px solid rgba(17,85,217,0.99);
}
a.btn.btn-default.pull-right:hover {
background: #1aa4de
}
a.btn.btn-default.pull-right-close {
width: 179px;
height: 50px;
border-radius: 0px;
background-color: #bd1d1d;
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 50px;
letter-spacing: normal;
text-align: center;
color: #fff;
padding: 0;
margin-top: 20px;
border: 1px solid #bd1d1d;
float: right;
}
a.btn.btn-default.pull-right-close:hover {
background: red;
border: 1px solid red;
}
.tablo-dokuman.sepetim tr td:nth-child(4) img {
border: none!important;
width: 110px
}
#video .tablo-dokuman tr td:last-child a {
color: #000
}
.tablo-dokuman.sepetim tr td:nth-child(4) {
padding: 0!important;
text-align: center
}
#dokuman .tablo-dokuman table tr:first-child th {
width: auto!important;
padding-left: 20px!important
}
#dokuman .tablo-dokuman tr td {
width: auto!important
}
#dokuman .tablo-dokuman tr td:last-child a {
color: #000
}
.table>tbody+tbody {
border: none
}
.tablo-dokuman table tbody tr:first-child {
background: none;
}
.duyurular .wd50.sag .git i {
right: initial;
left: 13px;
padding-right: 0 !important;
}
.duyurular .wd50.sag .git {
bottom: 15px;
border-bottom-left-radius: 28.5px;
padding-right: 20px;
border-bottom-right-radius: 0;
padding-left: 33px;
font-weight: bold;
}
tbody+tbody tr {
background: #fff!important
}
.tablo-dokuman tr td:last-child {
border-right: none
}
.user-order-detail tr td:last-child{
text-align:right;
padding-right:15px;
font-size:12px;
}
.duyurular .baslangic-bitis {
width: auto;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
left: 0;
display: inline-block;
position: absolute;
bottom: 15px;
}
.duyurular .baslangic-bitis .wd50 {
padding: 0 10px;
bottom: 15px;
font-size: 9px;
}
div.blur-box {
background-color: rgba(20, 127, 162, 0.35);
border: solid 1px #90c4d9;
width: 100%;
margin-left: 0;
position: relative;
padding: 50px 0 30px;
-webkit-box-shadow: -2px 13px 11px -1px rgba(0, 0, 0, .16);
box-shadow: -2px 13px 11px -1px rgba(0, 0, 0, .16);
}
.ind-kamp-ack {
font-family: Nunito;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 2.07;
letter-spacing: normal;
text-align: center;
color: #fff;
text-shadow: 0 2px 4px rgba(0, 0, 0, .34);
padding: 0 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 56px;
}
.kamp-logo {
position: absolute;
width: 181.8px;
height: 55.9px;
border-radius: 40px;
background-color: #fff;
-webkit-box-shadow: -2px 11px 11px -1px rgba(0, 0, 0, .23);
box-shadow: -2px 11px 11px -1px rgba(0, 0, 0, .23);
border: solid 1px rgba(155, 155, 155, .07);
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: -30px;
left: 50%;
margin-left: -91px;
z-index: 99999999;
}
a.git {
position: absolute;
right: 0;
bottom: 0;
width: auto;
height: 38px;
border-top-left-radius: 28.5px;
background-color: #eef7fa;
line-height: 38px;
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 38px;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
border-bottom-right-radius: 8px;
padding: 0 40px 0 25px;
}
a.git i {
display: inline-block;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
position: absolute;
top: -1px;
right: 18px
}
a.git i:before {
margin: 0;
font-size: 13px;
font-weight: 300
}
.blur-bg {
background-position: center top;
background-size: 100% auto;
height: auto;
background-repeat: no-repeat;
position: relative;
opacity: 0.7;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
top: 0;
}
.blur-bg .blur-container {
position: relative;
border-radius: 8px;
overflow: hidden
}
.blur-bg .blur-box-bg:before {
content: "";
background-image: url(../img/bg2.png);
background-repeat: no-repeat;
-webkit-filter: blur(6px);
filter: blur(6px);
position: absolute;
top: -140px;
right: 0;
bottom: 0;
left: -30px;
z-index: 99;
background-size: 114% auto;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.blur-bg .blur-box {
position: relative;
z-index: 100;
height: 171px;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
border-radius: 8px;
background: rgba(30, 165, 221, 0.78);
}
.blur-bg+.blur-bg {
margin-top: 60px;
}
.blur-bg:hover {
opacity: 1;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
top: -5px;
}
div.blur-bg:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.28);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.28);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
opacity: 0;
border-radius: 15px;
}
.blur-bg:hover:before {
opacity: 1;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.kampanya-pagi .col-right {
margin: 0
}
div.blur-container:hover .blur-box-bg:before {
-webkit-filter: blur(11px);
filter: blur(11px);
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.bg2 .blur-box-bg:before {
background-image: url(../img/kampanya-bg.png);
background-position: center center !important;
}
.blur-bg .blur-container:hover .blur-box {
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
/* background: rgba(0, 180, 255, 0.45);
*/
}
.kampanya-pagi .swiper-pagination-bullet-active {
-webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5);
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5);
border: solid 2px #eef7fa;
background-color: #eef7fa!important
}
.kampanya-pagi .swiper-pagination-bullet {
border: 1px solid #eef7fa!important
}
a.all-camp {
width: auto;
height: 32px;
border-radius: 28.5px;
background-color: #eef7fa;
font-family: Nunito;
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
line-height: 32px;
padding: 0 15px
}
.kampanya-pagi {
display: inline-block;
width: 100%;
/* margin-top: 20px;
*/
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
a.all-camp:hover {
background: rgba(17,85,217,0.99);
color: #fff
}
a.git:hover {
background: rgba(17,85,217,0.99);
color: #fff;
}
.blurSlide {
padding-top: 50px;
overflow: initial;
padding-bottom: 10px;
}
.kamp-logo img {
display: block;
text-align: center;
margin: auto;
max-height: 50px;
}
.sidebar {
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: -1px 15px 27px rgba(0, 0, 0, .15);
box-shadow: -1px 15px 27px rgba(0, 0, 0, .1);
background: #f6f6f6;
float: left;
width: 100%;
margin: 0 0 50px 0;
border: none
}
.sidebar h4 {
font-weight: 700
}
.product-list {
padding: 50px 0
}
.product-list article {
vertical-align: top;
float: left;
width: 100%
}
.product-list .left {
width: 21%;
border: 1px solid #a4a4a4;
padding: 25px
}
.product-list .right {
width: 75%;
margin-left: 3%
}
.product-list .sidebar .filter-menu h4 {
font-size: 18px;
font-weight: 700;
color: #333;
margin: 0 0 25px 0;
text-align: center;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
position: relative
}
.product-list .sidebar .filter-menu>ul {
padding-bottom: 18px;
position: relative;
padding-bottom: 0
}
.product-list .sidebar .filter-menu>ul>li>a span {
font-size: 12px
}
.product-list .sidebar .filter-menu>ul>li.opened>a span {
font-weight: 700
}
.product-list .sidebar .filter-menu>ul>li>ul>li>span {
font-size: 12px!important
}
.product-list .sidebar .filter-menu>ul>li>ul>li>a>span {
font-size: 13px!important;
color: #ccc;
font-weight: 500
}
li.opened ul {
padding-left: 0;
padding-bottom: 0;
}
.product-list .sidebar .filter-menu>ul>li>a:hover i:before {
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.sidebar.scroll a.incele {
width: 100%;
cursor: inherit;
margin: 0!important;
margin-bottom: 0px!important;
padding: 0
}
.sidebar.scroll h5 {
display: table;
width: 100%;
background-color: #000000;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
height: 65px;
line-height: 65px;
text-align: center;
font-family: Nunito;
font-size: 14px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #eef7fa;
margin: 0!important;
margin-top: 0px !important;
}
.sidebar.scroll h5 a {
border: 1px solid #00a6cf
}
.sidebar.scroll h5 a span.ok {
background: #00a6cf
}
.sidebar.scroll h5 a span.ok i:Before {
color: #fff;
font-weight: 700
}
.sidebar.scroll h5 a span.s-yazi {
color: #00a6cf
}
h5.secenek {
height: 65px;
background-color: #ffffff!important;
border: solid 2px #eef7fa;
border-radius: 0!important;
color: rgba(17,85,217,0.99)!important;
display: table
}
li.opened ul li.active a {
color: #fff !important;
position: relative;
background: #1d3043;
}
.product-list .sidebar .filter-menu>ul>li>a {
font-family: Nunito;
font-size: 12px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: 4.5;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
display: block;
padding: 0!important;
padding-left: 15px!important;
position: relative;
}
.product-list .sidebar .filter-menu>ul>li>a:hover {
background: rgba(17,85,217,0.99);
color: #fff
}
.product-list .sidebar .filter-menu>ul>li>a.none:after {
display: none
}
.product-list .sidebar .filter-menu>ul>li.opened>a {
background: #000000!important;
color: #fff!important;
font-size: 12px!important;
}
.product-list .sidebar .filter-menu>ul>li i {
color: #d2d2d2
}
.product-list .sidebar .filter-menu>ul>li i {
position: absolute;
top: 50%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.product-list .sidebar .filter-menu>ul>li i:before {
font-weight: 400;
margin: 0;
color: #000000;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
font-size: 21px;
}
.product-list .sidebar .filter-menu>ul>li i.flaticon-arrows-1 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
line-height: normal;
margin-top: -12.5px;
right: 20px;
opacity: 1;
}
.product-list .sidebar .filter-menu>ul>li.opened>a:after {
font-weight: 400
}
.product-list .sidebar .filter-menu>ul>li.opened>a i {
padding-right: 0
}
.product-list .sidebar .filter-menu>ul>li+li>ul>li>a>span {
padding-left: 0;
font-size: 12px
}
.filter-menu ul li a {
padding: 10px!important
}
.product-list .sidebar .filter-menu>ul>li>ul {
display: none;
background: rgba(17,85,217,0.99)}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul {
display: none;
padding-bottom: 0;
padding-left: 0
}
.product-list .sidebar .filter-menu>ul>li>ul>li>a {
font-size: 12px;
font-weight: 400;
color: #eef7fa;
display: block;
position: relative;
line-height: 4.5;
padding: 0!important;
padding-left: 30px!important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
min-height: 54px;
}
.product-list .sidebar .filter-menu>ul>li>a:hover i.flaticon-arrows-1 {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.product-list .sidebar .filter-menu>ul>li>ul>li>a:hover {
background: #ffa800;
color: #fff!important
}
.product-list .sidebar .filter-menu>ul>li i.flaticon-arrow-point-to-right {
line-height: normal;
left: 10px;
margin-top: -8px;
opacity: 1
}
.product-list .sidebar .filter-menu>ul>li i.flaticon-arrow-point-to-right:before {
margin: 0;
font-size: 12px;
color: #a0c9da
}
.product-list .sidebar .filter-menu>ul>li>ul>li>a:hover i {
opacity: 1
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a {
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: normal;
text-align: left;
color: #eef7fa;
display: block;
padding-right: 50px !important;
padding-left: 60px !important;
position: relative;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>a:hover {
color: #e12e11
}
.product-list .col-md-3.col-xs-12 {
padding: 0
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a i:before {
opacity: 0;
}
a.tum-cat {
background: rgba(17,85,217,0.99) !important;
}
.product-list .sidebar .filter-menu>ul>li>ul>li.opened>ul>li.opened a i {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
opacity: 1;
visibility: visible;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li label span {
font-size: 11px;
}
.product-list .sidebar .filter-menu>ul>li>ul>li.opened>a {
padding-left: 40px !important;
}
.product-list .sidebar .filter-menu>ul>li>ul>li.opened>a i {
left: 20px !important;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover i:before {
color: #fff;
opacity: 1;
}
li.opened ul li.active a:before {
content: "";
/* position: absolute;
*/
/* left: 0;
*/
/* right: 10px;
*/
/* bottom: 0;
*/
/* background: #ffa800;
*/
/* height: 1px;
*/
}
.product-list .sidebar .filter-menu>ul>li>ul>li.opened>a {
background: #ffa800}
.product-list .sidebar .filter-menu>ul>li>ul>li.opened>ul {
background: #ffa800;
padding: 0
}
.product-list .sidebar .filter-menu>ul>li>ul>li.opened>a i {
opacity: 1
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover i {
opacity: 1
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover i {
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul {
display: none;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li.opened>a i:before {
opacity: 1;
color: #fff;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover {
background: rgba(17,85,217,0.99)}
.product-list .sidebar>ul>li {
position: relative;
padding-bottom: 0;
padding-top: 0
}
.product-list .sidebar>ul>li:before {
position: absolute;
height: 1px;
background: #e5e5e5;
bottom: 0;
left: 10px;
right: 10px
}
.product-list .sidebar>ul>li:after {
position: absolute;
height: 5px;
background: #000;
bottom: 0;
left: 50%;
width: 80px;
margin-left: -40px
}
.product-list .sidebar>ul>li:last-child {
padding-bottom: 0
}
.product-list .sidebar>ul>li:last-child:before, .product-list .sidebar>ul>li:last-child:after {
display: none
}
.product-list .sidebar>ul>li>a {
font-size: 16px;
font-weight: 700;
margin-bottom: 15px;
color: #333
}
.product-list .sidebar>ul>li+li {
margin-top: 0!important;
padding: 0
}
.product-list .sidebar>ul>li>ul {
max-height: inherit;
overflow-y: auto;
position: relative;
padding: 15px;
border-bottom: none
}
.product-list .sidebar>ul>li>ul>li {
padding: 8px 0
}
.product-list .sidebar>ul>li>ul>li>label {
position: relative;
padding-left: 25px;
margin: 0;
display: block
}
.product-list .sidebar>ul>li>ul>li>label>span {
font-family: Nunito;
font-size: 11px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
height: auto;
line-height: normal
}
.product-list .sidebar>ul>li.filter-size>ul {
max-height: inherit;
height: auto
}
.product-list .sidebar>ul>li.filter-size>ul>li {
width: 18.5%;
display: inline-block;
margin: 2.5%;
margin-bottom: 0;
margin-top: 0
}
.product-list .sidebar>ul>li.filter-size>ul>li>label {
padding: 0
}
.product-list .sidebar>ul>li.filter-size>ul>li>label>span {
position: absolute;
width: 100%;
height: 100%;
line-height: 34px;
text-align: center;
padding-left: 0
}
.product-list .sidebar>ul>li.filter-size>ul>li>label>.control__indicator {
position: static;
width: 100%;
height: 34px;
top: 0
}
.product-list .sidebar>ul>li.filter-size>ul>li>label:hover>.control__indicator, .product-list .sidebar>ul>li.filter-size>ul>li.opened>label>.control__indicator, .product-list .sidebar>ul>li.filter-size>ul>li>label input:checked~.control__indicator {
background-color: #000;
color: #fff
}
.product-list .detailed-filter {
margin-bottom: 0;
overflow: hidden;
float: left;
width: 100%;
padding-bottom: 10px;
}
.product-list .sidebar .filter-menu>ul>li>a span {
font-size: 12px
}
a.filter-button.button.button-alternative {
display: none
}
.product-list .select {
position: relative;
display: block;
margin: 0 auto;
width: 100%;
max-width: 325px;
color: #ccc;
vertical-align: middle;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none
}
.product-list .select .placeholder {
position: relative;
display: block;
background-color: none;
z-index: 1;
padding: 15px 16px;
border-radius: 2px;
cursor: pointer;
color: #0baad1;
font-weight: 700;
border: 1px solid #0baad1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.product-list .select .placeholder:hover {
background: #d61b2e;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid #fff
}
.product-list .select .placeholder:after {
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: 'FontAwesome';
content: '\f078';
z-index: 10
}
.product-list .select.is-open .placeholder:after {
content: '\f077'
}
.product-list .select.is-open ul {
display: block;
z-index: 9999999
}
.product-list .select.product-list .select--white .placeholder {
background: #fff;
color: #999
}
.product-list .select.product-list .select--white .placeholder:hover {
background: #fafafa
}
.product-list .select ul {
display: none;
position: absolute;
overflow: hidden;
width: 100%;
background: #fff;
border-radius: 2px;
top: 100%;
left: 0;
list-style: none;
margin: 0 0 0 0;
padding: 0;
z-index: 100;
border-top: 1px solid #ccc;
border: 1px solid #ccc
}
.product-list .select ul li {
display: block;
text-align: left;
padding: 10px 16px;
color: #666;
cursor: pointer;
background: #fff;
border-bottom: 1px solid #ccc;
font-size: 12px;
font-weight: 700;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.product-list .select ul li:hover {
background: #d61b2e;
color: #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.product-list .sidebar .filter-menu>ul>li.opened>a span {
font-weight: 700
}
.product-list .sidebar .filter-menu h4:after {
content: "";
position: absolute;
left: 50%;
width: 80px;
margin-left: -40px;
height: 5px;
background: #000;
bottom: 0
}
.select select {
font-size: 11px;
font-weight: 700;
height: 48px;
text-indent: 10px;
padding-right: 50px;
width: 100%;
background-color: transparent
}
.selected-box select:hover {
background: #d81c2d!important
}
.selected-box {
position: relative
}
.product-list .detailed-filter .col-right .selected-box {
float: right
}
.selected-box .select__arrow {
border-color: #fff transparent transparent transparent
}
.selected-box select {
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
font-size: 11px;
font-weight: 700;
height: 48px;
text-indent: 10px;
padding-right: 50px;
width: 100%;
background-color: transparent;
border: none!important;
width: 200px;
color: #fff;
background: #00a6cf!important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none
}
.select select option {
font-size: inherit
}
.select i.icon-select {
background-position: -47px 0;
width: 11px;
height: 10px;
right: 15px;
top: 50%;
margin-top: -5px
}
.product-list .detailed-filter .col-left {
float: left;
padding: 18px 0;
margin-left: 0
}
.product-list .detailed-filter .col-left h5 {
font-size: 13px;
margin: 0;
color: #666
}
.product-list .detailed-filter .col-left h5 b {
font-size: inherit;
font-weight: 700;
color: #d51a2c
}
.product-list .detailed-filter .col-right {
float: none;
margin-right: 0
}
.product-list .detailed-filter .col-right .select {
width: 230px
}
.product-list .products .product {
width: 30.66%
}
.product-list .products .inner {
margin-bottom: 30px
}
.product-list .products .product:nth-child(3n-1) {
margin-left: 4%
}
.product-list .products .product:nth-child(3n) {
margin-left: 4%
}
.product-list .paging nav .pagination li a {
font-size: 14px;
border: 1px solid #a4a4a4;
width: 36px;
height: 36px
}
.product-list .paging nav .pagination li.opened a {
color: #fff;
background: #7a638d!important
}
.product-list .paging nav .pagination li.opened a:before {
content: '';
position: absolute;
width: 90%;
height: 90%;
left: 5%;
top: 5%;
border: 1px solid #fff
}
.product-list .paging nav .pagination li.opened a:hover {
background-position: transparent!important
}
.product-list .paging nav .pagination li a span {
font-size: inherit
}
.urunler {
float: left;
width: 100%;
margin-top: 40px
}
.product-list .urun-dis {
min-height: 500px;
margin-bottom: 0
}
.urunler.products .urun-detay span {
margin-right: 10px
}
.urunler.products .hizli-bak span {
margin-right: 25px
}
.sidebar.scroll a.incele {
width: 100%;
cursor: inherit;
margin: 0!important;
margin-bottom: 0px!important;
padding: 0
}
.sidebar.scroll h4 {
display: table;
width: 100%;
background-color: #ffa800;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
height: 65px;
line-height: 65px;
text-align: left;
font-size: 14px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #eef7fa;
margin: 0!important;
padding-left: 15px;
}
.sidebar.scroll h4 a {
border: 1px solid #00a6cf
}
.sidebar.scroll h4 a span.ok {
background: #00a6cf
}
.sidebar.scroll h4 a span.ok i:Before {
color: #fff;
font-weight: 700
}
.sidebar.scroll h4 a span.s-yazi {
color: #00a6cf
}
.sidebar.scroll .ok i {
padding-left: 14px
}
.product-list .sidebar .filter-menu>ul>li.opened>a.active i:before {
color: #fff;
}
.yuvarlak .control__indicator {
border-radius: 30px;
}
.product-list .sidebar .filter-menu>ul>li.opened>a i {
opacity: 1;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.sidebar.scroll .ok i {
padding-left: 14px
}
.sidebar.scroll a.incele:hover {
background: #fff
}
.control-group {
display: inline-block;
vertical-align: top;
background: #fff;
text-align: left;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
padding: 30px;
margin: 10px
}
.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
cursor: pointer;
font-size: 18px;
font-weight: 300
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
display: none
}
.control span {
height: 25px;
line-height: 20px;
font-size: 12px
}
.control__indicator {
position: absolute;
top: 5px;
left: 0;
height: 13px !important;
width: 13px;
background: none;
border: 1px solid rgba(17,85,217,0.99);
}
.control--radio .control__indicator {
border-radius: 50%
}
.control:hover input~.control__indicator, .control input:focus~.control__indicator {
background: rgba(17,85,217,0.99)}
.control input:checked~.control__indicator {
background: rgba(17,85,217,0.99);
-webkit-box-shadow: 0 0 0 1px #fff inset;
box-shadow: 0 0 0 1px #fff inset
}
.giris-sect .control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
background: #e30f38;
-webkit-box-shadow: 0 0 0 2px #fff inset;
box-shadow: 0 0 0 2px #fff inset
}
.control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
background: #0e647d;
-webkit-box-shadow: 0 0 0 2px #fff inset;
box-shadow: 0 0 0 2px #fff inset
}
.control input:disabled~.control__indicator {
background: #e6e6e6;
opacity: .6;
pointer-events: none
}
.control__indicator:after {
content: '';
position: absolute;
display: none
}
.control input:checked~.control__indicator:after {
display: block
}
h4.secenek {
height: 65px;
background-color: #ffffff!important;
border: solid 2px #eef7fa;
border-radius: 0!important;
color: rgba(17,85,217,0.99)!important;
display: table
}
.filter-menu {
margin-bottom: 0
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover>ul {
opacity: 1;
display: block
}
ul.costum-scroll.en-alt-kategori {
padding: 0;
background: rgba(17,85,217,0.99)}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li {
line-height: 3;
color: #eef7fa;
position: relative;
padding-left: 0;
font-size: 11px;
}
.en-alt-kategori .control__indicator {
border: solid 1px #eef7fa!important;
top: 21px!important
}
.en-alt-kategori .control:hover input~.control__indicator, .control input:focus~.control__indicator {
background: #eef7fa
}
.en-alt-kategori .control input:checked~.control__indicator {
background: #eef7fa;
-webkit-box-shadow: 0 0 0 2px #ffa800 inset;
box-shadow: 0 0 0 2px #ffa800 inset
}
.en-alt-kategori .control:hover input:not([disabled]):checked~.control__indicator, .control input:checked:focus~.control__indicator {
background: #eef7fa;
-webkit-box-shadow: 0 0 0 2px #fff inset;
box-shadow: 0 0 0 2px #fff inset
}
.en-alt-kategori .control {
margin: 0;
padding-left: 0;
padding-right: 20px;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li i.icon:before {
color: #fff;
}
ul.costum-scroll {
padding: 15px;
max-height: 300px;
/* overflow-y: scroll;
*/
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li label span a {
color: #fff;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li label span {
font-size: 11px;
}
.detailed-filter .urunGenel {
margin: 0;
min-height: 370px!important;
border: solid 1px #eef7fa;
border-radius: 8px;
margin-bottom: 30px;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
}
.detailed-filter .urunAck i {
left: -3px
}
.detailed-filter .urunAck a i:before {
font-weight: 700;
font-size: 16px
}
.urunAck .cozumKod {
font-size: 11px!important
}
.urunAck .cozum-kod {
font-size: 13px;
margin: 0 auto 10px!important;
padding: 0;
float: none;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
max-height: 19px;
}
.urun-dty {
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: center;
padding: 0 20px;
color: #000;
margin-bottom: 10px;
max-height: 20px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.detailed-filter .urun-img {
height: auto;
}
.detailed-filter .urunAck {
padding: 20px 0
}
.product-list .sayfalama {
margin: 0!important
}
.urunGenel:hover {
-webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24)
}
.new {
position: absolute;
bottom: 0;
width: auto;
height: auto;
border-top-left-radius: 7px;
background-color: #000000;
font-size: 10px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #fff;
padding: 6px;
border-top-right-radius: 7px;
left: 50%;
margin-left: -32px
}
.new.koyu {
margin-left: -21px;
background: rgba(17,85,217,0.99);
padding: 6px 10px
}
.urunGenelSlider {
position: relative;
}
.new-butun {
float: right;
width: 100%;
text-align: right;
position: relative;
}
.urunGenelSlider .new {
right: 0;
left: initial;
top: 0;
bottom: initial;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
font-size: 12px;
padding: 10px 19px;
position: relative;
left: 0;
margin: 0;
display: inline-block;
float: right;
margin: 0 2px;
}
section.product-list .sidebar {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 8px;
border: 1px solid #eef7fa;
padding:0px;
}
.swiper-container.ic-slide {
width: 100%;
height: auto;
padding: 25px 0 35px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.costum-scroll {
padding: 15px;
}
.swiper-slide-container {
text-align: center;
font-size: 18px;
background: #fff;
height: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gallery-top {
height: 80%;
width: 100%;
}
.gallery-thumbs {
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
width: 80%;
display: inline-block;
margin: auto;
margin-left: 10%;
margin-top: 17px;
}
.gallery-thumbs .swiper-slide-containerimg {
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.tum .swiper-button-next {
width: 40px;
height: 35px;
margin-top: 0;
right: -7px;
width: 35px;
border: 1px solid #9c9c9c;
border-radius: 100%;
font-size: 20px;
background: #fff;
color: #9c9c9c;
margin-top: -17.5px;
z-index: 999999;
line-height: 35px;
text-align: center;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.tum .swiper-button-prev {
width: 40px;
height: 35px;
margin-top: 0;
left: -7px;
width: 35px;
border: 1px solid #9c9c9c;
border-radius: 100%;
font-size: 20px;
background: #fff;
color: #9c9c9c;
margin-top: -17.5px;
z-index: 999999;
line-height: 35px;
text-align: center;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
article.product-holder .col-md-8.col-sm-8.col-xs-12 {
padding-left: 45px;
}
.tum .swiper-button-next:hover {
background: #000;
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1.074);
-ms-transform: scale(1.074);
transform: scale(1.074);
}
.swiper-button-prev:hover {
background: #000;
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.gallery-top .swiper-slide-container {
width: 100%;
display: block;
}
.gallery-top .swiper-slide-containerimg {
width: 100%;
display: table;
margin: auto;
}
.gallery-thumbs .swiper-slide {
height: 100%;
opacity: .4;
width: 33.33%;
}
.gallery-thumbs .swiper-slide-active {
opacity: 1;
}
.gallery-thumbs .swiper-slide-container {
width: 95px;
max-height: 100px;
display: block;
}
.swiper-slide-container {
text-align: center;
font-size: 18px;
background: #fff;
height: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.gallery-top {
height: 80%;
width: 100%
}
.gallery-thumbs {
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
width: 100%;
display: inline-block;
margin: auto;
margin-top: 17px;
margin-left: 0;
margin-right: 0;
/* overflow: initial;
*/
}
.gallery-thumbs .swiper-slide-container img {
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto;
padding: 15px 10px;
border: solid 2px #eef7fa!important;
border-radius: 8px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
width: 110px;
}
.urunDetay .col-md-5.col-sm-5.col-xs-12 {
border-radius: 8px;
background-color: #fff;
border: solid 1px #a0c9da;
padding-bottom: 30px;
padding-top: 0;
}
.urunDetay .swiper-button-prev i, .urunDetay .swiper-button-next i {
color: #a0c9da;
font-size: 34px;
line-height: 41px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
a.teklif-iste img {
position: relative;
top: -2px;
right: 4px;
width: 44px;
}
.gallery-thumbs .swiper-slide-container img:hover {
border: 2px solid rgba(17,85,217,0.99) !important;
}
.gallery-thumbs .swiper-slide-active img {
border: 2px solid rgba(17,85,217,0.99) !important;
}
.smallSlide .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.smallSlide .swiper-wrapper .swiper-slide {
margin: 0 10px;
}
a.teklif-iste span {
position: relative;
left: 0;
float: left;
padding-left: 5px;
}
a.teklif-iste {
float: left;
height: 50px;
border-radius: 0px;
background-color: rgba(17,85,217,0.99);
width: 31%;
color: #fff;
font-size: 15px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
line-height: 60px;
margin-right: 2%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
button.sepet-add {
height: 60px;
border-radius: 28.5px;
border: solid 1px #000000;
width: 30%;
float: left;
color: #fff;
background: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
font-size: 15px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
margin-right: 2%;
}
button.sepet-add i:before {
margin: 0;
font-weight: 400
}
a.teklif-iste i {
float: left;
}
a.teklif-iste i:before {
margin: 0;
}
a.teklif-iste.demo {
background: #fff;
color: #000000 !important;
-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.07);
}
a.mikro-btn {
width: 31%;
height: 60px;
border-radius: 28.5px;
background-color: #dedede;
border: solid 1px #dedede;
font-family: Nunito;
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: 60px;
letter-spacing: normal;
text-align: center;
color: #fff;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: rgba(17,85,217,0.99);
}
a.mikro-btn i:Before {
margin: 0;
font-size: 16px;
margin-right: 6px
}
a.mikro-btn i {
position: relative;
float: left
}
a.mikro-btn span {
float: left
}
a.teklif-iste:hover {
-webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36)
}
button.sepet-add:hover {
background: #000000;
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
a.mikro-btn:hover {
-webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
border: none
}
.urunDetay .swiper-button-prev:hover i {
color: #fff!important;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.urunDetay .swiper-button-next:hover i {
color: #fff!important;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.urunDetay .swiper-button-next {
background: #fff;
color: #9c9c9c;
margin-top: -20.5px;
z-index: 2;
line-height: 33px;
text-align: center;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
width: 56px;
height: 42px;
border-radius: 8px!important;
background-color: #eef7fa!important;
transition: all 0.4s;
}
.urunDetay .swiper-button-prev {
width: 56px;
height: 42px;
border-radius: 8px!important;
background-color: #eef7fa!important;
font-size: 20px;
background: #fff;
color: #9c9c9c;
margin-top: -20.5px;
z-index: 2;
line-height: 33px;
text-align: center;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
article.product-holder .col-md-8.col-sm-8.col-xs-12 {
padding-left: 45px
}
.urunDetay .swiper-button-next:hover {
background: #A0C9DB!important;
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.urunDetay .swiper-button-prev:hover {
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
background: #a0c9da!important
}
.gallery-top .swiper-slide-container {
width: 100%;
display: block;
height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.gallery-top .swiper-slide-container img {
width: 70%;
display: table;
margin: auto
}
.gallery-thumbs .swiper-slide {
height: 100%;
opacity: .4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 33.33%
}
.gallery-thumbs .swiper-slide-active {
opacity: 1
}
.gallery-thumbs .swiper-slide-container {
width: 100%;
display: block;
padding: 0;
height: 120px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 7px;
}
.tum {
position: relative;
margin-top: 0;
padding: 6px 52px;
overflow: hidden;
}
.kapsa {
position: absolute;
left: -45px;
right: -45px;
bottom: 95px
}
section.inner-page.urunDetay {
padding: 60px 0 30px;
float: left;
width: 100%;
}
.kampanya-little .urunShdow {
padding-bottom: 30px;
}
.urunSatir {
float: left;
margin-bottom: 30px;
width: calc(100% + 15px);
}
.urunDetay .col-md-7.col-sm-7.col-xs-12 .w100 + .w100 .urunSatir .urunName {
margin-left: 0;
padding-top: 3px;
}
.urunDetay .col-md-7.col-sm-7.col-xs-12 .w100 + .w100 .urunSatir {
width: 50%;
margin-bottom: 0;
}
.urunDetay .social {
left: initial;
padding: 0;
margin: 0;
background: none;
position: fixed;
right: 0;
width: auto;
top: 50%;
margin-top: -100px;
z-index: 1;
}
.urunDetay .social ul li a {
background: none;
border-top-left-radius: 8px;
margin: 0;
display: block;
width: 100%;
height: 100%;
}
.paylasName {
font-family: Nunito;
font-size: 14px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #000000;
line-height: 30px
}
.urunTanitimImg {
height: 120px;
border-radius: 8px;
border: solid 2px #eef7fa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 15px;
}
#user-teklif .modal-dialog {
width: 810px
}
.tablo-panel .urunTanitimImg img {
height: auto;
position: absolute;
width: 220px;
}
.tablo-panel .urunTanitimImg {
height: 250px;
}
img.ps-abstl {
width: auto !important;
right: 30px;
top: 20px;
}
#user-teklif-uyelikli .modal-dialog {
width: 810px
}
.modal-ack {
font-size: 15px;
font-weight: 400;
font-style: italic;
font-stretch: normal;
line-height: 1.93;
letter-spacing: normal;
text-align: left;
color: #000000;
text-align: center
}
.modal-ack span {
font-weight: 700;
color: rgba(17,85,217,0.99)}
div#user-teklif .col-md-7 {
padding: 40px 0;
border-top: 2px solid #eef7fa;
border-bottom: 2px solid #eef7fa
}
div#user-teklif-uyelikli .col-md-7 {
padding: 54px 0;
border-top: 2px solid #eef7fa;
border-bottom: 2px solid #eef7fa;
}
.urunDetay .w100 {
border-radius: 2px;
border-top: 3px solid #eef7fa;
padding: 30px 0;
}
.w100.orta {
padding-bottom: 0;
}
.tablo-panel {
min-height: 202px;
display: table;
width: 100%
}
.modal-content textarea {
height: 159px;
border-radius: 27px;
border: solid 1px #a0c9da;
background: #fff
}
.modal-content .wd100 {
margin-top: 30px
}
.tablo-cell-panel {
display: table-cell;
vertical-align: middle;
width: 100%!important
}
.wd100 .col-right .teklif-iste {
width: auto;
padding: 0 40px;
margin: 0!important
}
.wd100 .col-right .teklif-iste span {
left: 0
}
.wd100 .col-right .teklif-iste:hover {
background: #000000;
-webkit-box-shadow: none;
box-shadow: none;
}
.urunSatir+.urunSatir+.urunSatir {
margin: 0
}
.urunName {
width: 105px;
float: left;
font-size: 13px;
font-weight: 700;
line-height: normal;
text-align: left;
color: rgba(17,85,217,0.99);
position: relative;
margin-left: -15px;
}
.urunDetay .col-md-7.col-sm-7.col-xs-12 {
padding-left: 50px
}
.urunFullName {
float: left;
font-size: 13px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000;
width: calc(100% - 105px);
padding-right: 0px;
position: relative;
}
.urunName:before,.secim-kalbr:before {
content: ":";
float: left;
position: absolute;
top: -1px;
left: initial;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000;
right: 10px;
}
.secim-kalbr:before {
top: 8px;
}
.urunDetay .col-md-7.col-sm-7.col-xs-12 .w100 + .w100 .urunSatir .urunName:before {
top: 2px;
}
.w100 {
float: left;
width: 100%
}
.urunGenelBaslik {
float: left;
width: 100%
}
.urunGenelBaslik nav li a {
padding: 0;
margin: 0
}
.urunGenelBaslik .nav-pills>li>a {
padding: 0;
font-family: Nunito;
font-size: 13px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
padding: 30px 0
}
.urunGenelBaslik .nav-pills>li {
float: left;
width: auto;
padding: 0 20px;
}
.urunGenelBaslik .nav {
display: table;
margin: auto;
}
.urunGenelBaslik .nav-pills>li:nth-child(4) {
width: auto;
}
.urunGenelBaslik .nav-pills>li.active a:before {
border-radius: 2px;
border-top: 5px solid rgba(17,85,217,0.99);
content: "";
position: absolute;
top: -3px;
width: 100%;
left: 0;
right: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.urunGenelBaslik .nav-pills>li.active a:after {
border-radius: 2px;
border-bottom: 5px solid rgba(17,85,217,0.99);
content: "";
position: absolute;
bottom: -4px;
width: 100%;
left: 0;
right: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.urunGenelBaslik .nav-pills>li.active a {
font-weight: 700
}
.urunTanitimYazilari p {
font-family: Nunito;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 2.21;
letter-spacing: normal;
text-align: justify;
color: #4a4a4a
}
.urunTanitimYazilari {
padding: 30px 0
}
.title {
text-align: center;
border-bottom: 1px solid #e4e4e4;
margin: 0;
padding: 10px 0;
color: #464545;
position: relative;
font-size: 17px;
margin-bottom: 15px
}
.title:after {
border-bottom: 3px solid #0084d7;
width: 50px;
height: 1px;
position: absolute;
content: "";
left: 50%;
bottom: -2px;
margin-left: -25px
}
.btn-all {
background: #eb8484!important;
color: #fff;
font-size: 12px
}
.btn-all:hover, .btn-all:active, .btn-all:focus {
color: #fff
}
.news {
background: #f7f8f8;
padding: 25px 0 40px 0
}
.bizden {
background: #fff;
padding: 15px 25px;
height: 184px
}
.title-area h4 {
color: #2b2b2b;
position: relative;
float: left
}
.title-area h4:After {
border-bottom: 2px solid #e44450;
width: 50px;
height: 1px;
position: absolute;
content: "";
left: 0;
bottom: -10px
}
.title-area .slider-button-s3 {
float: right
}
.title-area .slider-button-s3 i {
color: #7c7c7c;
font-size: 22px;
padding: 5px 12px
}
.title-area .slider-button-s3 i:hover {
color: #fff;
background: #eb8484
}
.title-area .slider-button-s3 .slider-next-s3 {
float: right
}
.title-area .slider-button-s3 .slider-prev-s3 {
float: left
}
.listele {
color: #eb8484;
float: right;
line-height: 32px;
margin-right: 10px
}
.read-more {
position: absolute;
right: 35px;
bottom: -17px;
padding: 8px 40px;
border-radius: 3px
}
.s3 {
padding: 15px 0;
width: 100%
}
.s3 img {
float: left;
margin-right: 15px;
width: 75px;
height: 75px
}
.s3 p {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
max-height: 76px;
line-height: 15px
}
.kadro-item .img {
overflow: hidden;
border: 3px solid #828282;
border-radius: 100%;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms
}
.kadro-item .img:hover {
border-color: #00b0b9
}
.kadro-item .img:hover img {
opacity: 1
}
.kadro-item .img img {
width: 100%;
border-radius: 100%;
opacity: .8;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms
}
.kadro-item .content {
text-align: center;
padding: 15px 0;
height: 240px
}
.kadro-item .content h3 {
color: #000;
position: relative;
padding-bottom: 15px
}
.kadro-item .content h3:after {
content: "";
position: absolute;
left: 30%;
bottom: 0;
width: 40%;
height: 3px;
background: #00b0b9
}
.kadro-item .content h3 a {
color: #000
}
.kadro-item .content h4 {
color: #000
}
.kadro-item .content p {
margin: 0
}
.kadro-item .content i {
width: 45px;
height: 45px;
font-size: 18px;
line-height: 45px;
text-align: center;
color: #fff;
background: #828282;
border-radius: 100%;
margin: 10px 3px 0 3px;
border: 2px solid #828282
}
.kadro-item .content i:hover {
background: #fff;
color: #828282
}
.kadro-item-detay .img {
float: left;
padding: 0 0
}
.kadro-item-detay .content {
float: left;
padding: 0 30px
}
.kadro-item-detay .content p {
color: #000
}
.filter-category>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.filter-category>ul>li>a {
display: block;
background: #00346e;
color: #fff;
padding: 10px 25px;
border-right: 1px solid #0092d7
}
.filter-category>ul>li:last-of-type>a {
border-right: none
}
.filter-category>ul>li>a:hover {
background: #001226
}
.filter-category>ul>li.active>a {
background: #001226
}
.ref-wrap {
padding: 25px 0
}
.ref-wrap .ref-item .img {
border: 1px solid #00346e
}
.ref-wrap .ref-item .img img {
width: 100%
}
.ref-wrap .ref-item .content {
padding: 10px 0;
height: 85px
}
.ref-wrap .ref-item .content h3 {
color: #00346e;
margin: 0
}
.ref-wrap .ref-item .content h3 a {
color: #00346e
}
.ref-wrap .ref-item .content h4 {
color: #0092d7;
margin: 0;
font-size: 16px
}
.ref-wrap .ref-item .content p {
overflow: hidden;
height: 30px;
line-height: 15px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin-top: 10px
}
.ref-wrap .ref-item .content span {
color: #cCc
}
.ref-wrap .ref-item .content span i {
margin-right: 10px
}
.ref-wrap .ref-item .content .link {
text-align: center
}
.ref-detay h3 {
color: #00346e
}
.ref-detay p {
color: #33434d
}
.referanslarimiz .marka-wrap .marka-item img {
opacity: 0.6;
}
.referanslarimiz .marka-item:hover {
border: 1px solid #fff;
}
.ref-detay i {
color: #33434d;
margin-right: 10px
}
.ref-detay .img {
border: 1px solid #33434d;
padding: 15px
}
.ref-detay .img img {
max-width: 100%;
display: block;
margin: 0 auto
}
.marka-wrap .marka-item img {
max-height: 100px;
}
.marka-item:hover {
border-radius: 10px;
background-color: #fff;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.marka-item:hover img {
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.marka-item:hover .img img {
-webkit-filter: grayscale(0%)!important;
filter: grayscale(0%)!important;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.marka-wrap .marka-item {
margin-bottom: 25px;
height: 125px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.referanslarimiz .marka-item {
border-radius: 10px;
background-color: #fff;
border: solid 1px #dfebef
}
.referanslarimiz .marka-wrap .marka-item .img img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
max-height: 100px;
}
.marka-wrap .marka-item .img img {
width: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.marka-wrap .marka-item .content {
display: none
}
.col-half-offset {
margin-left: 4.166666667%
}
.marka-wrap .marka-item img {
opacity: 0.6;
}
.marka-item:hover .img img {
opacity: 1;
}
.marka-wrap .marka-item .content .title {
margin-bottom: 15px
}
.marka-wrap .marka-item .content i {
margin-right: 10px;
color: #00346e
}
.marka-wrap .marka-item .content p {
color: #00346e;
margin: 0
}
.partner-item {
overflow: hidden;
margin-bottom: 25px
}
.partner-item .img {
padding: 10px;
border: 2px solid #cCc
}
.partner-item .img img {
width: 100%;
display: block;
margin: 0 auto
}
.news-item {
overflow: hidden;
margin-bottom: 25px;
border: 1px solid #cCc
}
.news-item:hover {
border-color: #274d60
}
.news-item .img {
position: relative
}
.news-item .img img {
width: 100%
}
.news-item .hover {
background: rgba(0, 0, 0, .5);
color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
opacity: 0;
visibility: hidden
}
.news-item:hover .hover {
opacity: 1;
visibility: visible
}
.news-item .content {
overflow: hidden;
padding: 15px 15px 0 15px
}
.news-item .content h4 {
margin: 0
}
.news-item .content h4 a {
color: #274d60;
margin: 0
}
.news-item .content p {
height: 40px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.haber-detay .img {
padding-bottom: 25px
}
.haber-detay .img img {
width: 100%
}
.haber-detay .content .date {
float: left
}
.haber-detay .content .sayac {
float: right
}
.haber-detay .content .text {
overflow: hidden;
width: 100%
}
.haber-detay .content .tags {
overflow: hidden;
width: 100%;
text-align: left
}
.haber-detay .content .tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.haber-detay .content .tags ul li a {
background: rgba(0, 0, 0, .2);
padding: 5px 10px;
display: block;
color: #fff;
margin: 0 3px
}
.haber-detay .content .author {
overflow: hidden;
width: 100%;
text-align: right
}
section.blogs {
padding: 60px 0
}
.blog-item .img a:hover .date h5, .blog-item .img a:hover .date h4, .blog-item .img a:hover .date h5, .blog-item .img a:hover .date h6 {
color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.blog-yapi {
float: left;
width: 100%;
margin: 30px 0 17px;
}
.blog-baslik {
float: left;
width: calc(100% - 68px);
padding-left: 20px;
font-size: 18px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 2.06;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99)}
.blog-item .img a {
display: block;
height: 100%
}
.blog-item {
overflow: hidden;
border-bottom: 1px solid #dfebef;
margin-bottom: 25px
}
.blog-item:hover .btn-black {
background: #d60005!important;
color: #fff;
border-color: #d60005
}
.blog-item .img {
position: relative
}
.blog-item .img img {
width: 100%
}
.content p:last-child {
margin-bottom: 0;
}
.blog-item .img .date h6 {
font-size: 12px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
margin: 0;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.blog-item .img .date {
text-align: center;
position: relative;
float: left;
width: 68px;
height: 71px;
border-radius: 8px;
background-color: #dfebef;
padding-top: 10px;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
section.blog-detay {
padding: 60px 0
}
.blog-bg {
height: 500px;
width: 100%;
background-size: cover!important;
background-position: center center!important;
background-repeat: no-repeat!important;
border-radius: 8px;
float: left;
}
.content p {
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.9;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
float: left;
width: 100%;
margin-left: 0 !important;
}
.blog-baslik span {
font-size: 14px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: 2.64;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.blog-detay .blog-item {
border: none
}
section.blogs .pagination, section.blogs .sayfalama {
margin-bottom: 0 !important;
}
a.blog-btn {
float: right;
width: 189px;
height: 51px;
border-radius: 30px;
background-color: rgba(17,85,217,0.99);
font-size: 15px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
text-transform: uppercase;
line-height: 51px;
margin-bottom: 20px;
}
a.blog-btn:hover {
background: #1aa4de
}
.blog-item .img a:hover .date {
background: #1aa4de;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.blog-item .img a {
display: block
}
.blog-item .img .date h4 {
color: #fff;
margin: 0;
font-size: 21px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 22px;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.blog-item .img .date h5 {
color: #fff;
font-size: 12px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
text-align: center;
margin: 0;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.blog-item .img {
position: relative
}
.blog-item .img img {
width: 100%
}
.blog-item .content {
padding: 0;
float: left;
width: 100%;
}
.blog-item .content h4 {
margin-bottom: 0;
color: #464d51;
font-weight: 600;
font-size: 22px
}
.blog-item .content h4 a {
margin-bottom: 0;
color: #464d51;
font-weight: 600;
font-size: 22px
}
.blog-item .content span {
color: #acb7be
}
.sidebar-blog {
margin-top: 0px;
float: left;
width: 100%;
}
.sidebar-blog h4 {
margin: 0;
font-family: Nunito;
font-size: 16px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
text-transform: uppercase;
position: relative;
padding-bottom: 10px;
border-bottom: 2px solid #dfebef;
float: left;
width: 100%;
}
.blog-form input[type=submit] {
width: 40px;
height: 44px;
background: none;
border: none;
position: absolute;
right: 0;
top: 0;
z-index: 9999
}
.sidebar-blog+.sidebar-blog {
margin-top: 40px;
}
.sidebar-blog ul li {
padding: 10px 0;
float: left;
width: 100%;
position: relative;
}
.sidebar-blog ul li:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid #dfebef;
}
.blog-form input[type=search] {
-webkit-appearance: none;
height: 50px;
border: 0;
border-bottom: 1px solid #000000;
position: relative;
font-family: Nunito;
font-size: 16px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: rgba(17,85,217,0.99);
padding-left: 0;
width: 100%;
color: #000000}
.blog-form {
position: relative
}
.blog-form input::-webkit-input-placeholder {
font-family: Nunito;
font-size: 16px;
font-weight: 600;
font-style: italic;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000}
.blog-form input::-moz-placeholder {
font-family: Nunito;
font-size: 16px;
font-weight: 600;
font-style: italic;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000}
.blog-form input:-ms-input-placeholder {
font-family: Nunito;
font-size: 16px;
font-weight: 600;
font-style: italic;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000}
.blog-form input:-moz-placeholder {
font-family: Nunito;
font-size: 16px;
font-weight: 600;
font-style: italic;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000000}
span.blog-arama-icon {
position: absolute;
right: 0;
top: 0;
height: 44px;
padding-top: 15px
}
.blog-form input[type=search]:focus {
border-bottom: 1px solid #000
}
span.blog-arama-icon i:before {
font-weight: 700;
color: #000
}
.sidebar-blog ul {
background: #fff;
padding: 0
}
.sidebar-blog ul li a {
display: block;
position: relative;
font-family: Nunito;
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #000;
}
.sidebar-blog ul li a:hover, .sidebar-blog ul li a.active {
color: #000000}
.sidebar-blog h4:before {
content: "";
position: absolute;
bottom: -2px;
left: 0;
right: 0;
width: 60px;
height: 3px;
background: rgba(17,85,217,0.99);
border-radius: 2px
}
.sidebar-blog ul li a:hover span {
color: #fff;
background: #d60005
}
.sidebar-blog ul li a:after {
position: absolute;
bottom: -2px;
left: 0;
height: 1px;
width: 100%;
background: #404549
}
.sidebar-blog ul li a span {
display: none
}
.blog-detay .content .sayac {
float: right
}
.blog-detay .content .text {
overflow: hidden;
width: 100%
}
.blog-detay .content .tags {
overflow: hidden;
width: 100%;
text-align: left
}
.blog-detay .content .tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.blog-detay .content .tags ul li a {
background: rgba(0, 0, 0, .2);
padding: 5px 10px;
display: block;
color: #fff;
margin: 0 3px
}
.blog-detay .content .author {
overflow: hidden;
width: 100%;
text-align: right
}
.ref-item {
width: auto;
height: 110px;
position: relative;
background: rgba(255, 255, 255, .61);
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
border-radius: 10px;
}
.ref-nav .swiper-button-next, .ref-nav .swiper-button-prev {
background: none;
left: 3px;
right: initial;
margin: 0;
top: 0;
width: auto;
height: auto;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: .34;
}
.ov-hid {
position: relative;
margin-bottom: 10px;
overflow: hidden;
}
.ref-nav .swiper-button-next:hover, .ref-nav .swiper-button-prev:hover {
opacity: 1;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease
}
.ref-nav {
position: absolute;
left: -40px;
right: -40px;
top: 50%;
margin-top: -10px
}
.ref-nav i:before {
margin: 0;
font-size: 30px
}
.ref-nav .swiper-button-prev {
right: 3px;
left: initial;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: -5px;
}
.referans-slider {
overflow: hidden
}
.ref-item .img {
height: 100%
}
.ref-item .img a:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
margin-right: -.25em;
height: 100%
}
.ref-item .img a {
height: 100%;
width: 100%;
text-align: center;
overflow: hidden;
}
.ref-item:hover {
background: #fff;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.ref-item:hover img {
webkit-filter: grayscale(0%)!important;
-webkit-filter: grayscale(0%)!important;
filter: grayscale(0%)!important;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in
}
.ref-item .img img {
display: inline-block;
vertical-align: middle;
white-space: normal;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
max-height: 100px;
}
section.ref-slider {
background: #eef7fa;
padding: 40px 0
}
.ref-slide {
padding: 25px 5px;
overflow: initial
}
.ref-item .content {
padding: 10px 0;
text-align: center
}
.ref-item .content h4 {
margin: 0
}
.basket {
float: right;
padding: 10px 0
}
.basket a {
padding: 0 10px;
border-left: 1px solid #9ebac3
}
.urun-table {
margin-top: 25px;
overflow-x: auto
}
.urun-table tbody {
overflow-x: auto
}
.urun-table tr:nth-child(odd) {
background: #f8f8f8
}
.urun-table tr:nth-child(even) {
background: #ececec
}
.urun-table th {
background: #7a638d;
color: #fff;
border-right: 1px solid rgba(255, 255, 255, .1);
padding: 15px 5px!important;
min-width: 100px;
border-collapse: collapse;
font-size: 14px
}
.urun-table th:last-of-type {
border-right: none
}
.urun-table td {
vertical-align: middle!important;
color: #232a2e;
font-weight: 500;
border-right: 1px solid rgba(255, 255, 255, 1);
min-width: 100px;
border-collapse: collapse;
position: relative;
overflow: hidden;
font-size: 14px
}
.urun-table td:last-of-type {
border-right: none
}
.urun-table td>img {
max-width: 80px;
max-height: 70px;
display: block;
margin: 0 auto
}
.urun-table td>p {
margin-bottom: 0
}
.urun-table td a:hover {
color: #7a638d
}
.urun-table td a img {
display: block;
margin: 0 auto
}
.urun-table tr:hover .hover {
top: 0;
opacity: 1;
visibility: visible
}
.basket-exp {
overflow: hidden;
width: 100%;
padding: 1px 0;
}
.new-alert {
height: 75px;
margin: 25px 0;
color: #000;
padding: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-left: 4px solid transparent;
float: left;
width: 100%
}
.new-alert .icon {
width: 50px;
float: left;
text-align: center;
padding-right: 15px
}
.new-alert .icon i {
font-size: 20px;
color: #000
}
.new-alert .content {
float: left;
line-height: 17px;
max-height: 51px;
overflow: hidden
}
.new-alert .content a, .new-alert .content p {
color: #000
}
.new-alert.info {
background: rgba(143, 230, 222, .6);
border-color: rgba(43, 194, 179, .6)
}
.new-alert.warning {
background: rgba(249, 234, 176, .6);
border-color: rgba(243, 219, 120, .6)
}
.new-alert.danger {
background: rgba(250, 226, 228, .6);
border-color: rgba(240, 188, 193, .6)
}
.new-alert.success {
background: rgba(165, 220, 134, .6);
border-color: rgba(52, 140, 52, .6)
}
.new-alert.info .icon i:before {
content: "\f0f3"
}
.new-alert.warning .icon i:before {
content: "\f06a"
}
.new-alert.danger .icon i:before {
content: "\f071"
}
.new-alert.success .icon i:before {
content: "\f058"
}
.alert-wrap {
width: 100%;
overflow: hidden
}
.alert-wrap .new-alert:first-of-type {
width: 48%;
float: left!important
}
.alert-wrap .new-alert:last-of-type {
width: 48%;
float: right
}
.welcome {
border: 1px solid #d6d6d6;
border-radius: 30px;
padding: 35px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 800px;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 25px
}
.welcome .welcome-img {
float: left;
margin-right: 15px
}
.welcome-cont {
padding: 5px 15px
}
.welcome-cont p {
font-size: 16px;
color: #002349
}
.welcome-cont h4 {
color: #000;
font-weight: 600;
margin: 0;
font-size: 22px
}
.welcome-cont h4:last-of-type {
font-weight: 900
}
.bank-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #d6d6d6
}
.bank-img {
float: left;
border: 1px solid #d1d1d1;
padding: 35px 15px;
margin-right: 15px
}
.bank-img img {
display: block;
max-width: 160px;
max-height: 50px
}
.bank-content h5 {
margin: 0;
font-weight: 600;
color: #002349
}
.bank-content p {
margin: 0;
color: #000
}
section.page.user-forgot {
padding: 60px 0
}
.user-title {
margin: 0;
color: #002349;
font-weight: 700;
padding-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
font-size: 21px;
margin-bottom: 15px
}
.user-title a {
margin: 0;
color: #002349;
font-weight: 700;
padding-bottom: 0;
float: right;
font-size: 15px;
line-height: 30px
}
.user-title a i {
color: #000f1f;
margin-right: 5px
}
.user-page .main-title {
padding: 25px
}
.user-page .tab-content {
border-bottom: none
}
.user-page .tab-content img {
width: auto;
margin: inherit
}
.user-page .tab-content .col-md-6 {
padding: 0 15px
}
#first-modal {
position: absolute
}
#first-modal .modal-content {
border: none;
background: transparent;
overflow: visible
}
#first-modal .title:after {
display: none
}
#first-modal .title h3 {
font-size: 20px
}
#first-modal .form-div {
padding-bottom: 5px
}
#first-modal .form-div .form-control {
height: 35px;
line-height: 25px!important
}
#first-modal .captcha-btn input {
height: 40px!important;
line-height: 40px!important
}
#first-modal .login .form-area {
padding: 5px 25px 0 25px
}
#first-modal .col-md-6 {
padding: 0
}
#first-modal .close {
position: absolute;
right: 15px;
top: -40px;
opacity: 1;
z-index: 99
}
#first-modal .close img {
width: 35px
}
#first-modal .login {
padding: 0;
display: block
}
#first-modal .login-options {
height: auto;
padding: 15px 35px
}
#first-modal .login-options h4 {
margin: 15px 0
}
#first-modal .btn-red {
padding: 15px 25px
}
#first-modal .img {
max-width: 100%
}
#first-modal .img img {
max-width: 100%;
display: block;
margin: 0 auto;
width: 100%
}
#first-modal.in .modal-dialog {
height: 100%;
margin: auto;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent
}
.sepet .twice-item img {
height: 40px
}
.sepetim .ps-container {
height: 350px;
position: relative
}
.duyuru-item {
overflow: hidden;
border: 1px solid #cCc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px;
padding: 20px 0;
position: relative;
width: 100%
}
.duyuru-item:hover {
border-style: dashed;
border-color: #009fdb
}
.duyuru-item:hover .icon i {
background: #009fdb;
color: #fff
}
.duyuru-item .icon {
float: left;
padding: 0 15px
}
.duyuru-item .icon i {
background: #666;
width: 60px;
height: 60px;
border-radius: 100%;
text-align: center;
line-height: 60px;
color: #fff;
font-size: 27px
}
.duyuru-item .content {
float: left;
padding: 0 15px
}
.duyuru-item .content p {
margin: 0;
color: #333
}
.duyuru-item .date {
padding: 0 15px;
float: right;
position: absolute;
right: 0;
bottom: 3px
}
.duyuru-item .date i {
margin-left: 5px
}
.duyurular {
padding: 0 0
}
.duyurular h4 {
color: #666;
font-weight: 800;
font-size: 22px;
margin: 0
}
.duyurular-slide {
position: relative;
overflow: hidden
}
.duyurular-slide .swiper-wrapper {
height: 120px!important
}
.duyurular-slide .swiper-slide {
height: 120px!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.duyurular-slide .swiper-slide p {
margin-bottom: 0;
max-height: 62px;
overflow: hidden;
font-size: 13px
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
.yorumyappopup {
overflow: hidden;
width: 100%;
margin-bottom: 35px
}
.musteriyorum {
overflow: hidden;
width: 100%;
border: 1px solid #6d61be;
padding: 25px 15px;
margin-bottom: 25px;
text-align: center;
border-left-style: dashed;
border-right-style: dashed
}
.page-career5 {
margin: 45px 0
}
.page-career5 .urun-title h3 {
font-family: Nunito;
font-size: 22px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99)}
.page-career5 .urun-title h3 strong {
font-weight: 800;
font-size: 23px
}
.page-career5 .form-div p {
font-size: 12px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
margin-left: 10px;
margin-bottom: 5px
}
.page-career5 form.career .form-div .form-control:focus {
border-color: rgba(17,85,217,0.99)}
.page-career5 .panel-default>.panel-heading+.panel-collapse>.panel-body {
color: #fff;
font-size: 12px;
line-height: 24px
}
.page-career5 .panel-title a {
font-size: 13px;
font-weight: 700;
color: #000;
display: block;
padding: 15px 0;
position: relative
}
.page-career5 .panel-body p {
font-size: 11px;
color: #333;
line-height: 20px
}
.page-career5 .career-form form>div+div {
margin-top: 20px
}
.page-career5 .career-form .input-group {
margin-top: 0
}
.page-career5 .career-form .button {
margin-top: 20px
}
.page-career5 .input-group .form-control, .page-career5 .input-group-addon, .page-career5 .input-group-btn {
background: 0 0
}
.page-career5 .panel-title a i {
font-size: 12px;
right: 0;
top: 50%;
position: absolute;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-mstransform: translateY(-50%)
}
.page-career5 .panel-group .panel+.panel {
margin-top: 0
}
.page-career5 .panel-title a i.collapsed:after {
content: '\f067"!important'
}
.page-career5 .select-icon {
position: absolute;
right: 20px;
color: #000!important;
pointer-events: none;
top: 37px
}
.page-career5 .select-icon:before {
font-size: 22px
}
.page-career5 .panel-group {
margin-bottom: 60px
}
.page-career5 .accordion {
width: 100%;
max-width: 360px;
margin: 30px auto 20px;
background: #FFF;
border-radius: 4px
}
.page-career5 .accordion .link {
cursor: pointer;
display: block;
padding: 15px 15px 15px 0PX;
border-bottom: 1px solid #dfebef;
position: relative;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
font-size: 17px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a0c9da;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.page-career5 .accordion li:last-child .link {
border-bottom: 0
}
.page-career5 .accordion li i {
position: absolute;
top: 16px;
left: 12px;
font-size: 18px;
color: #a0c9da;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.page-career5 .accordion li i.fa-chevron-down {
right: 12px;
left: auto;
font-size: 16px
}
.page-career5 .accordion li.open .link, .accordion li.open i {
color: #000000}
.page-career5 .accordion li.open i.fa-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.page-career5 .accordion li.default .submenu {
display: block
}
.page-career5 .submenu {
margin: 10px 0;
display: none;
font-size: 14px
}
.page-career5 .submenu p {
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.85;
letter-spacing: normal;
text-align: left;
color: #4a4a4a;
margin-bottom: 0;
}
.page-career5 .submenu li {
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.85;
letter-spacing: normal;
text-align: left;
color: #4a4a4a;
list-style-type: initial;
margin-left: 17px;
}
.page-career5 .submenu ol li {
list-style-type: decimal;
}
.page-career5 .submenu a {
display: block;
text-decoration: none;
color: #d9d9d9;
padding: 12px 12px 12px 42px;
-webkit-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease
}
.page-career5 .submenu a:hover {
background: #b63b4d;
color: #FFF
}
.page-career5 a.apply-now {
position: relative;
width: 144px;
border: 1px solid #ffffff00;
height: 39px;
border-radius: 22px;
background-color: #000000;
padding: 0;
color: #fff;
text-transform: uppercase;
text-align: center;
font-size: 13px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 39px;
letter-spacing: normal;
left: 60%;
cursor: pointer;
margin-top: 20px;
}
.page-career5 a.apply-now:hover {
background: #fff;
color: #a0c9da;
border: 1px solid #a0c9da;
}
.col-md-8 .urun-title h3 {
text-align: center;
margin-bottom: 40px
}
.page-career5 select::-ms-expand {
display: none;
-moz-appearance: none;
-webkit-appearance: none
}
.page-career5 .accordion .link:hover {
color: rgba(17,85,217,0.99);
}
i.uploadicon {
position: absolute;
background-image: url(../img/uploadicon.png);
width: 22px;
height: 14px;
float: left;
left: 10px;
top: 12px
}
.page-career5 .form-div input {
height: 50px;
border-radius: 27px!important;
border: solid 1px #a0c9da;
color: rgba(17,85,217,0.99);
padding-left: 20px;
-webkit-appearance: none;
-moz-appearance: none;
font-style: normal;
appearance: none
}
.page-career5 input::-webkit-input-placeholder {
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.page-career5 input::-moz-placeholder {
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.page-career5 input:-ms-input-placeholder {
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.page-career5 input:-moz-placeholder {
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.page-career5 .form-div select {
height: 50px;
border-radius: 27px;
border: solid 1px #a0c9da;
padding-left: 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.page-career5 .form-div textarea {
height: 183px;
border-radius: 27px;
border: solid 1px #a0c9da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 20px;
font-size: 13px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #a0c9da
}
.page-career5 input[type="submit"] {
border: none;
float: right;
width: 209px;
height: 60px;
border-radius: 30px;
background-color: #000000;
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
font-weight: 800;
font-size: 13px;
color: #fff;
}
.page-career5 input[type="submit"]:hover {
background-color: rgba(17,85,217,0.99);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.page-career5 .input-group .kariyer-btn i {
padding-left: 10px;
font-style: normal;
line-height: 30px
}
.page-career5 .input-group .kariyer-btn {
width: 105px;
height: 41px;
border-radius: 27px;
background-color: #a0c9da;
position: absolute;
right: 7px;
font-size: 12px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #fff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
top: 5px;
}
.page-career5 .input-group .kariyer-btn:hover {
background: #ffa800;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media screen and (max-width:991px) {
.page-career .career-form .row>div:first-child {
margin-bottom: 50px
}
}
@media screen and (max-width:500px) {
.page-career .career-form form .twice>div+div {
margin-top: 20px
}
}
.brands {
width: 100%;
overflow: hidden
}
.brands>h3 {
color: #101010;
font-size: 20px;
border-bottom: 1px solid #ccc
}
.brands .marka-item {
border: 1px solid #ccc;
width: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.brands .marka-item:hover {
border-color: #002349;
border-radius: 5px
}
.brands .marka-item .img {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100px;
width: 100%
}
.brands .marka-item .img img {
max-height: 70px
}
section.credentials {
margin: 0
}
section.credentials .serti-item:last-child .item {
border-bottom: none !important;
}
.certifications {
border-radius: 35px;
border: solid 1px #dfebef;
margin: 70px 0 70px;
}
.yatirim {
height: 100%;
width: 100%;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
opacity: .08;
}
.tablo-cell {
display: table-cell;
vertical-align: middle;
text-align: center
}
section.uyeliksiz-form.contact4 .ps-abst img {
width: 70px
}
section.uyeliksiz-form.contact4 .ps-abst .yatirim-baslik:after {
display: none
}
section.uyeliksiz-form.contact4 .ps-abst .yatirim-baslik {
padding: 0
}
section.uyeliksiz-form.contact4 .ps-abst .yatirim-ack {
color: rgba(17,85,217,0.99)}
.yatirim-baslik {
font-size: 30px;
color: #fff;
font-weight: 300;
position: relative;
padding-bottom: 30px
}
.yatirim-baslik span {
font-size: 30px;
font-weight: 700
}
.yatirim-baslik:after {
content: "";
position: absolute;
left: 100px;
right: 100px;
height: 6px;
background: #fff;
bottom: 0;
border-radius: 6px
}
.ps-abst {
overflow: hidden;
margin: 0 30px;
height: 325px;
background-repeat: no-repeat!important;
background-size: cover!important;
display: table;
width: calc(100% - 60px);
margin-top: 70px!important;
margin-bottom: 60px;
color: #fff;
text-align: center;
position: relative;
border-radius: 8px;
background-image: -webkit-linear-gradient(288deg, #40d1f0, #2c8fb8 51%, #0a1f58);
background-image: -o-linear-gradient(288deg, #40d1f0, #2c8fb8 51%, #0a1f58);
background-image: linear-gradient(-198deg, #40d1f0, #2c8fb8 51%, #0a1f58);
}
.yatirim-ack span {
font-weight: 800
}
.yatirim-ack {
font-family: Nunito;
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: 1.3px;
text-align: center;
color: #fff;
margin-top: 20px
}
.yatirim-ack span {
display: block;
font-weight: 700;
font-size: 21px;
margin-top: 5px
}
.yatirim-ack span {
font-weight: 800
}
section.credentials .item:hover {
color: rgba(17,85,217,0.99) !important;
}
section.credentials .item {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
font-family: Nunito;
font-size: 16px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 4.06;
letter-spacing: normal;
text-align: left;
color: #000000 !important;
padding-left: 40px !important;
border-bottom: 1px solid #dfebef !important;
overflow: hidden;
}
section.credentials .item i.icon-certificate-download {
background-image: url(../img/icon-certificate-download.png);
width: 50px;
height: 52px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
margin-right: 10px
}
section.credentials .item i.icon-certificate-doct {
background-image: url(../img/icon-certificate-doct.png);
width: 50px;
height: 52px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
margin-right: 10px
}
section.credentials .item i.icon-certificate-green {
background-image: url(../img/icon-certificate-green.png);
width: 50px;
height: 52px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
margin-right: 10px
}
section.credentials .item i.icon-certificate {
background-image: url(../img/icon-certificate.png);
width: 50px;
height: 52px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
margin-right: 10px
}
section.credentials .item p {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #777;
font-size: 18px;
margin: 0;
width: calc(100% - 120px)
}
section.credentials .item a {
color: black;
width: 50px;
height: 50px;
border: 2px solid rgba(255, 255, 255, .3);
border-radius: 50%;
position: relative;
margin-left: 35px
}
section.credentials .item a i {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
line-height: 46px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease
}
section.credentials .item a i:hover {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
section.credentials .item a i.icon-certificate-download {
background-repeat: no-repeat;
background-image: url(../img/icon-certificate-download.png);
background-position: 50% 45%;
border: 1px solid #d1d1d1;
border-radius: 100%
}
section.credentials .item a i.icon-certificate-download:hover {
border-color: #000000}
section.credentials .item a i.icon-certificate-doct {
background-repeat: no-repeat;
background-image: url(../img/icon-certificate-doct.png);
background-position: 50% 45%;
border: 1px solid #d1d1d1;
border-radius: 100%
}
section.credentials .item a i.icon-certificate-doct:hover {
border-color: #000000}
section.credentials .item a i.icon-certificate-green {
background-repeat: no-repeat;
background-image: url(../img/icon-certificate-green.png);
background-position: 50% 45%;
border: 1px solid #d1d1d1;
border-radius: 100%
}
section.credentials .item a i.icon-certificate-green:hover {
border-color: #000000}
section.credentials .item a i.icon-certificate {
background-repeat: no-repeat;
background-image: url(../img/icon-certificate.png);
background-position: 50% 45%;
border: 1px solid #d1d1d1;
border-radius: 100%
}
section.credentials .item a i.icon-certificate:hover {
border-color: #000000}
section.credentials .item a i.icon-search-download {
background-color: #00adef;
background-repeat: no-repeat;
padding: 10px;
border-radius: 100%;
background-position: 50% 47%;
background-image: url(../../img/icon-certificate-search.html)
}
section.credentials .item a i.icon-search-download:hover {
background-color: #ffa800}
section.credentials .item .view {
width: 55px;
height: 55px
}
section.credentials .right-image .img {
width: 260px;
height: 326px;
position: relative
}
section.credentials .right-image .img img {
border-radius: 10px
}
section.credentials .right-image .img:before {
content: "";
position: absolute;
display: block;
width: 260px;
height: 326px;
background-color: #283181;
opacity: .9;
border-radius: 10px
}
section.credentials .right-image .text {
text-align: center;
position: absolute;
top: 13%;
left: 8%;
z-index: 999
}
section.credentials .right-image .text a {
position: relative
}
section.credentials .right-image .text a h2 {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
color: white;
font-size: 24px;
display: block;
padding-bottom: 25px
}
section.credentials .right-image .text a h2:before {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
content: "";
position: absolute;
display: block;
background-color: #03b3ef;
right: 0;
left: 0;
margin: 0 auto;
width: 70px;
height: 5px;
bottom: 6px
}
section.credentials .right-image .text a h2 span {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
padding-right: 10px;
color: white;
line-height: 35px
}
section.credentials .right-image .text a h2 span.title {
font-family: "Segoe Bold";
font-size: 20px;
display: block;
font-weight: 700
}
section.credentials .right-image .text a h2 span.subtitle {
font-family: "Segoe Bold";
font-size: 25px;
font-weight: 800;
display: block
}
section.credentials .right-image .text a h2 span.light-title {
font-family: "Segoe Light";
display: block;
font-weight: 300;
font-size: 20px
}
section.credentials .right-image .text a p {
font-family: "Segoe Bold";
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color: white;
font-weight: 800;
font-size: 19px;
line-height: 30px
}
section.credentials .right-image .text a:hover h2 {
color: #00adef
}
section.credentials .right-image .text a:hover h2:before {
background-color: white
}
section.credentials .right-image .text a:hover h2 span {
color: #00adef
}
section.credentials .right-image .text a:hover p {
opacity: .8
}
section.sss {
margin: 25px 0
}
section.sss .sss-left span {
font-weight: 200;
font-size: 12px;
color: #a6a6a6
}
section.sss .sss-left h2 {
color: #333;
font-size: 20px
}
section.sss .sss-left h2 strong {
font-size: 20px
}
section.sss .sss-left h2 strong {
color: #333;
font-weight: 800
}
.page-faq .col-one .col-left h6 {
font-size: 15px;
font-weight: 700;
color: #333;
margin: 0 0 15px 0;
line-height: 30px
}
.page-faq .col-one .col-left p {
font-size: 14px;
line-height: 28px;
margin: 0;
padding-bottom: 30px;
border-bottom: 2px solid #000000}
.page-faq .col-one {
display: inline-block;
width: 100%
}
.page-faq .col-one .panel-group {
margin-bottom: 0
}
.page-faq .col-one .panel-heading {
border-radius: 0;
padding: 0
}
.page-faq .col-one .panel-title a {
color: #fff;
display: block;
position: relative;
background: #2c307c;
padding: 19px;
font-weight: 400;
font-size: 13px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-weight: 800;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.page-faq .col-one .panel-title a.collapsed {
background: #fff;
color: #666;
border-bottom: 1px solid #ccc;
font-weight: 300
}
.page-faq .col-one .panel-title a i {
position: absolute;
right: 15px;
font-size: 14px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%)
}
.page-faq .col-one .panel {
border-radius: 0;
border: none
}
.page-faq .col-one .panel-collapse {
background: #2c307c;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
.page-faq .col-one .panel-body {
position: relative;
border-top: none!important;
background: #2c307c
}
.page-faq .col-one .panel-body h4 {
color: #141515;
font-size: 21px
}
.page-faq .col-one .panel-body p {
color: #fff;
font-size: 12px;
line-height: 24px
}
.page-faq .col-one .panel-body ul {
padding: 0 25px
}
.page-faq .col-one .panel-body li {
color: #141515;
font-weight: 400;
font-size: 16px;
list-style-type: circle
}
.page-faq .col-one .panel-body:after {
display: none
}
.kullanici-menu {
display: none;
}
.search-icon {
float: left;
margin-top: -3px;
display: none;
}
.search-icon span#searchopen {
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
padding: 15px 22px;
height: 20px;
line-height: 20px;
cursor: pointer;
position: relative;
}
.search-icon span#searchopen i.flaticon-search:before {
color: #fff;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 22px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.search-icon span#searchopen i.flaticon-keyboard-right-arrow-button:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
bottom: -45px;
right: 0;
left: 0;
margin: 0 auto;
color: black;
display: none;
opacity: 1;
}
.search-icon span#searchopen.active i.flaticon-search:before {
color: #212c65;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 22px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.search-icon span#searchopen.active i.flaticon-keyboard-right-arrow-button:before {
display: block;
opacity: 1;
}
.search-icon span#searchopen:hover i.flaticon-search:before {
color: #fff;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.search-icon span#searchopen:hover i.flaticon-keyboard-right-arrow-button:before {
opacity: 1;
display: block;
}
.fi:before {
display: inline-block;
font-family: "Flaticon";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.serti-item .content a {
float: left;
padding: 20px 0;
width: 100%;
display: block;
}
.notfound {
padding: 60px 0px;
}
.notfound .text {
text-transform: uppercase;
text-align: center
}
.notfound .text h2 {
font-size: 45px;
color: rgba(17,85,217,0.99);
font-weight: 300;
letter-spacing: -1px;
text-shadow: 0 0 150px #000;
}
.notfound .text h3 {
font-size: 48px;
color: #1ca4de;
font-weight: 700;
letter-spacing: -3px;
text-shadow: 0 0 150px #8e8e8e;
}
.notfound .text a {
padding: 10px 20px;
margin-top: 60px;
font-size: 20px;
color: #ffffff;
font-weight: 700;
letter-spacing: 0px;
background-color: rgba(17,85,217,0.99);
line-height: 50px;
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
}
.notfound .text a:hover {
background-color: #000;
}
.urunSlider {
display: none;
}
.urunSlider.slick-initialized {
display: block;
}
.arama-sonuc {
font-family: Nunito;
font-size: 16px;
font-weight: 600;
color: rgba(17,85,217,0.99);
width: 100%;
color: #000000;
margin-bottom: 15px;
}
.serti-item {
width: 100%;
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.serti-item:hover {
border-color: #ed131f;
}
.serti-item .icon {
float: left;
}
.serti-item .icon img {
}
.serti-item .content {
padding: 0 25px 0 15px;
display: block;
width: 100%;
float: left;
padding-left: 0;
padding-right: 0;
}
.serti-item .content p {
margin: 0;
font-size: 16px !important;
line-height: normal;
color: #000000 !important;
font-weight: 700;
width: 100% !important;
}
.serti-item i {
position: absolute;
right: 35px;
top: 22px;
font-size: 20px;
font-weight: 200;
color: #1ca4de;
}
.serti-item:last-child {
border-bottom: none;
}
.firma-slide span.slide-show {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.firma-slide .tablo {
display: table;
height: 100%;
width: 100%;
}
.firma-slide .swiper-slide a:hover::Before {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.firma-slide .swiper-slide a:hover .slide-show {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.firma-slide .swiper-slide a:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(42, 67, 91, .59);
opacity: 0;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.tablo-dokuman.gecmis.mavi-th th {
background: #eef7fa;
color: #a0c9da;
font-weight: bold;
}
table input[type=number] {
width: calc(100% - 10px);
margin: 5px;
height: 30px;
border-radius: 30px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid rgba(17,85,217,0.99);
text-align: center;
}
.tablo-dokuman.sepetim.sepet-page tr:first-child th:nth-child(5), .tablo-dokuman.sepetim.sepet-page tr:first-child th:nth-child(6) {
padding: 0;
text-align: center;
}
.tablo-dokuman.sepetim table tr:first-child th small {
font-size: 100% !important;
}
section.son-gelisme-detay.inner h1 {
float: left;
width: 100%;
font-family: Nunito;
font-size: 20px;
font-weight: 700;
text-align: left;
color: #000000;
margin-bottom: 5px;
margin: 0;
font-size: 13px;
}
section.urunGenelTab ul li {
list-style-type: initial;
}
section.urunGenelTab li, section.urunGenelTab li span {
font-size: 14px !important;
font-weight: 600;
color: #000;
position: relative;
}
section.urunGenelTab ol li {
list-style: decimal !important;
color: rgba(17,85,217,0.99) !important;
line-height: 27px;
}
section.son-gelisme-detay.inner table {
width: 100% !important;
/* margin-left: -15px;
*/
margin-top: 20px;
}
section.son-gelisme-detay.inner table tr td {
padding: 10px;
border: 1px solid #00000063;
}
.contact4 .form-div.capt-cont .captcha img {
border: none !important;
margin: 0 !important;
height: 50px;
display: block;
max-height: 100%;
}
.captcha a>img {
height: auto !important;
}
li.uyemenu:hover i:before {
color: #fff !important;
}
.menu li:nth-child(8):hover span:first-child i:before {
color: #fff !important;
}
.form-div.capt-cont .captcha img {
border: none !important;
height: 50px;
display: block;
max-height: 100%;
}
.urunGenelBaslik table {
margin: 0;
}
.urunGenelBaslik table tr td {
}
.urunGenelBaslik table tr td p {
padding: 10px 0;
margin-bottom: 0;
}
.urunGenelBaslik table table tr td {
border: none;
}
.urunGenelBaslik table table tr td ul li {
list-style-type: none !important;
padding-left: 10px;
}
.login-form .wd50 input[type=submit] {
width: 100% !important;
}
a.sertifika-wd {
width: 100%;
}
.urunAck a.btn-danger {
border: solid 1px #ce0303 !important;
background: #fff !important;
text-transform: uppercase;
color: #ce0303;
}
.urunAck a.btn-danger:hover {
color: #ffffff !important;
background: #ce0303 !important;
}
.product-list .sidebar .filter-menu>ul>li>a.active {
background: rgba(17,85,217,0.99);
color: #fff;
}
.filter-menu ul li.opened ul li.active ul {
display: block;
}
.tablo-dokuman.gecmis.mavi-th.norm th {
width: 33.33% !important;
}
.alt.active {
opacity: 1;
visibility: visible;
top: 100%;
}
section.cozum-merkezi-genel {
padding: 50px 0;
}
.cozum-kutu {
height: auto;
border-radius: 10px;
overflow: hidden;
}
.cozum-bg {
height: 110px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
section.cozum-merkezi-genel a {
width: 100%;
position: relative;
height: auto;
display: block;
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}
section.cozum-merkezi-genel a:before {
content: "";
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0);
background-image: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
position: absolute;
-webkit-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
opacity: 1;
height: 43%;
border-radius: 10px;
}
span.cozum-isim {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
padding: 0 20px;
text-align: center;
color: #fff;
}
section.cozum-merkezi-genel a:hover {
-webkit-box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
-webkit-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
section.ref-slider .ov-hid {
overflow: initial;
}
.filter-menu ul li.acilim ul li.active ul li.acilim.active a {
background: #000000;
}
.filter-menu li.opened>a {
background: #000000 !important;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a.active {
background: #000000 !important;
}
.filter-menu ul li.opened ul li.active ul li a {
background: #1d3043 !important;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li.active a {
background: #000000 !important;
}
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li a {
color: #fff !important;
display: block;
padding-left: 75px !important;
font-size: 11px;
}
.mbl-btn {
display: none;
}
.round #tawkchat-status-icon.online:before, .round #tawkchat-status-icon.away:before {
color: #fff !important;
}
.tab-orta {
border-radius: 2px;
border-top: 2px solid #eef7fa;
border-bottom: 2px solid #eef7fa;
}
.ozelTablo {
width: auto;
}
.ozelTablo tr td {
border: 1px solid #000000 !important;
text-align: center;
}
.toplam-urun {
display: inline-block;
margin: 0;
font-size: 14px;
color: rgba(30, 165, 221, 0.68);
font-weight: 300;
padding-bottom: 10px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
position: relative;
margin-bottom: 10px;
}
.toplam-urun span {
font-weight: bold;
}
section.product-list .col-md-9.col-xs-12 {
padding-right: 0 !important;
}
.toplam-urun:after {
content: "";
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
border-bottom: 1px solid rgba(30, 165, 221, 0.32);
}
.col-left.guncel {
width: 50% !important;
}
a.guncelle {
height: 50px;
border-radius: 30px;
background-color: rgba(17,85,217,0.99);
font-size: 13px !important;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 45px;
letter-spacing: normal;
text-align: center;
color: #fff;
padding: 0;
margin-top: 20px;
border: 1px solid rgba(17,85,217,0.99);
width: 49%;
margin-right: 0% !important;
}
.col-left.guncel a+a {
width: 49% !important;
margin-left: 0% !important;
}
.col-right.guncel {
width: 50% !important;
}
a.guncelle i:before {
font-size: 18px;
font-weight: normal;
margin: 0;
}
a.guncelle i {
position: relative;
top: 3px;
}
.guncelle span {
padding-right: 0;
}
.user .col-right.guncel a.pull-right i:before {
font-weight: normal;
margin: 0;
font-size: 20px;
}
.user .col-right.guncel a.pull-right {
}
.col-left.guncel a+a i {
position: relative;
top: 1px;
}
.col-right.guncel a {
width: 48% !important;
}
.col-right.guncel a {
float: left !important;
margin-left: 2%;
margin-right: 1%;
font-size: 13px !important;
}
.col-right.guncel a+a {
margin-right: 0 !important;
margin-left: 1% !important;
}
a.guncelle:hover {
background: #1aa4de;
border: 1px solid #1aa4de;
}
.sorgulama .form-div input[type=submit] {
width: 179px;
height: 50px;
border-radius: 30px;
background-color: rgba(17,85,217,0.99);
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 50px;
letter-spacing: normal;
text-align: center;
color: #fff;
padding: 0;
margin-top: 0;
border: 1px solid rgba(17,85,217,0.99);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.sorgulama .form-div input[type=submit]:hover {
background: #000000;
border: 1px solid #000000;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.ozelTablo1, .ozelTablo2, .ozelTablo3, .ozelTablo4, .ozelTablo5, .ozelTablo12, .ozelTablo6, .ozelTablo7, .ozelTablo8, .ozelTablo9, .ozelTablo10, .ozelTablo11, .ozelTablo13, .ozelTablo14, .ozelTablo15 {
width: 100% !important;
margin-bottom: 10px !important;
}
.ozelTablo1 tr td, .ozelTablo2 tr td, .ozelTablo3 tr td, .ozelTablo12 tr td, .ozelTablo4 tr td, .ozelTablo5 tr td, .ozelTablo6 tr td, .ozelTablo7 tr td, .ozelTablo8 tr td, .ozelTablo10 tr td, .ozelTablo13 tr td, .ozelTablo14 tr td, .ozelTablo15 tr td {
border: 1px solid #000000 !important;
padding: 10px !important;
color: rgba(17,85,217,0.99) !important;
}
.ozelTablo11 tr td {
width: 9.09% !important;
border: 1px solid #000000 !important;
padding: 10px 3px !important;
color: rgba(17,85,217,0.99) !important;
}
.ozelTablo9 tr td {
width: 11.11% !important;
border: 1px solid #000000 !important;
padding: 10px !important;
color: rgba(17,85,217,0.99) !important;
}
.ozelTablo3 tr td {
width: 33.33% !important;
}
.ozelTablo2 tr td {
width: 50% !important;
}
.ozelTablo1 tr td {
width: 100% !important;
}
.ozelTablo4 tr td {
width: 25% !important;
padding-bottom: 10px !important;
}
.ozelTablo5 tr td {
width: 20% !important;
}
.ozelTablo6 tr td {
width: 16.66% !important;
}
.ozelTablo8 tr td {
width: 12.50% !important;
}
.ozelTablo9 tr td {
width: 11.11% !important;
}
.ozelTablo10 tr td {
width: 10% !important;
}
.ozelTablo12 tr td {
width: 8.33% !important;
}
.ozelTablo7 tr td {
width: 14.28% !important;
}
.ozelTablo13 tr td {
width: 7.69% !important;
}
.ozelTablo14 tr td {
width: 7.14% !important;
}
.ozelTablo15 tr td {
width: 6.66% !important;
}
section.urunGenelTab .tab-pane.fade.active.in p {
line-height: 27px;
}
section.urunGenelTab .tab-pane.fade.active.in img {
text-align: center !important;
float: none !important;
}
section.urunGenelTab {
float: left;
width: 100%;
}
section.urunGenelTab .tab-pane.fade.active.in a {
text-align: center;
display: inline-block;
}
section.urunGenelTab .tab-pane.fade.active.in ul li {
color: #000 !important;
line-height: 27px;
}
.inline {
float: left;
display: inline-block;
padding-bottom: 10px;
}
.inline:last-child {
margin-left: 0 !important;
}
.inline a {
display: block !important;
text-align: center !important;
}
.inline+.inline {
margin-left: 30px;
}
.kucuk-img {
width: 250px;
display: inline-block;
}
.p0 tr td p {
padding: 0 !important;
}
a.guncelleme {
margin-top: 0;
font-weight: bold;
color: rgba(17,85,217,0.99);
padding: 4px 15px;
background: #f7f7f7;
text-align: center !important;
border-radius: 27px;
font-size: 9px;
}
a.guncelleme:hover {
color: #ffffff;
background: #000000;
}
.fancybox-infobar__body {
display: none;
}
.inline img {
width: 154px !important;
}
.centerla {
display: table;
margin: auto;
}
.centerla img {
width: auto;
display: table;
margin: 30px auto;
}
.sepet-page tr td:last-child i:before {
margin-right: 0;
font-size: 20px !important;
position: relative;
top: 2px;
}
.sepet-page tr td i:before {
margin-left: 0;
color: rgba(17,85,217,0.99);
font-size: 17px;
}
.sepet-page tr td i span {
position: absolute;
top: 100%;
text-align: center;
display: block;
width: 100px;
background: rgba(17,85,217,0.99);
border-radius: 18px;
color: #fff;
font-size: 10px;
padding: 5px 10px;
left: -40px;
right: -40px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.sepet-page tr td i:hover span {
opacity: 1;
visibility: visible;
}
.sepet-page tr td i {
position: relative;
font-style: normal;
}
.sepet-page tr td:nth-child(3) img {
border: none !important;
width: 100% !important;
}
.fl-left a.guncelleme {
position: relative;
}
.siparis-ozet .fl-left {
width: calc(100% - 242px);
float: left;
display: block;
text-align: center;
margin-top: 28px;
padding: 0;
position: relative;
overflow: hidden;
}
a.guncelleme i {
padding-right: 7px;
font-size: 13px;
top: 1px;
position: relative;
}
.fl-left a.guncelleme:first-child::before {
content: "";
position: absolute;
top: 50%;
height: 1px;
margin-top: -0.5px;
background: #ececec;
width: 100px;
left: -120px;
}
.fl-left a.guncelleme:last-child::before {
content: "";
position: absolute;
top: 50%;
height: 1px;
margin-top: -0.5px;
background: #ececec;
width: 40px;
right: -50px;
}
a.guncelleme:nth-child(2) {
text-align: center;
}
a.guncelleme:last-child {
text-align: right;
}
.adres-ekle input[type=submit] {
width: 49% !important;
height: 45px !important;
}
.user .control span {
font-family: Nunito;
font-size: 12px;
font-weight: 400;
color: #4a4a4a;
}
p.tane {
font-family: Nunito;
font-size: 14px;
font-weight: 400;
line-height: 2.21;
color: #4a4a4a;
margin-bottom: 0;
}
.ozelTablo6 .table th {
background: #f0f7fa !important;
border: 1px solid #000000 !important;
}
section.user table {
margin-top: 0;
}
a.btn.btn-out.btn-don {
width: auto !important;
padding: 0 40px !important;
float: left;
margin-right: 0 !important;
}
a.siparis-takip.unutulan {
padding: 0 !important;
margin-left: 0 !important;
float: right !important;
text-align: right !important;
margin-right: 10px !important;
}
a.btn.btn-black.pull-left {
height: 43px;
border-radius: 30px;
background-color: rgba(17,85,217,0.99);
position: relative;
width: 49% !important;
padding: 0;
line-height: 43px;
margin-right: 1%;
color: #fff;
}
a.btn.btn-blue.pull-right {
height: 43px;
border-radius: 30px;
background-color: rgba(17,85,217,0.99);
position: relative;
width: 49% !important;
padding: 0;
line-height: 43px;
margin-right: 1%;
color: #fff;
}
a.btn.btn-black.pull-left:hover {
background: #000000;
}
a.btn.btn-blue.pull-right:hover {
background: #000000;
}
a.ayni-adres {
color: rgba(17,85,217,0.99);
font-weight: bold;
padding-top: 10px;
font-size: 14px !important;
text-decoration: underline !important;
}
a.ayni-adres:hover {
color: #000000;
}
.basket-exp.radius textarea.form-control {
border-radius: 27px !important;
}
.urunGenelTab .tab-content ul {
margin-left: 20px
}
.urunGenelTab .tab-content ul ul {
margin-left: 40px
}
.form-div.m-iptal.w100 .control__indicator {
border-radius: 10px;
left: 10px;
}
.form-div.m-iptal.w100 span {
padding-left: 10px;
}
.fl-right {
float: right;
position: relative;
}
.fl-right:before {
content: "";
position: absolute;
left: -1000px;
width: 994px;
top: 50%;
margin-top: 10.5px;
height: 1px;
background: #ececec;
}
.fl-right .fa {
font-size: 15px;
top: 1px;
position: relative;
left: -5px;
}
.orders tr th:nth-child(1) {
width: 23% !important;
}
.orders tr th:nth-child(2) {
width: 7% !important;
padding-left: 0;
}
.orders tr th:nth-child(3) {
width: 15% !important;
}
.orders tr th:nth-child(4) {
width: 20% !important;
}
.orders tr th:nth-child(5) {
width: 15% !important;
}
.orders tr th:last-child {
width: 20% !important;
}
.orders tr td:nth-child(5) {
text-align: right;
padding: 10px 3px;
}
.tablolas {
float: right;
width: 100%;
text-align: right;
}
.tablolas a+a {
float: right !important;
}
.urunGenelTab ol+ol {
padding-left: 20px;
}
.urunGenelTab ul ol li {
margin-left: 20px;
}
.menu-title.alt-mn h3 {
margin-top: 0;
margin-top: 0;
font-size: 14px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
position: relative;
letter-spacing: normal;
text-align: center;
color: rgba(17,85,217,0.99);
margin: 0;
padding-bottom: 15px;
border-bottom: 1px solid #a0c9da;
text-align: left;
padding-left: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
}
.menu-title.alt-mn h3 {
padding-bottom: 10px !important;
}
ul.mr0 {
margin-bottom: 10px;
}
ul.mr0 li a {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
display: inline-block;
font-family: Nunito;
font-size: 13px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 2.70;
letter-spacing: normal;
text-align: left;
color: #000;
width: auto;
display: inline-block;
}
ul.mr0 li a:before {
content: "";
position: absolute;
left: 0;
width: 0;
bottom: 0;
height: 2px;
background: #000000;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.mr0>ul>li>a:hover {
color: #000000;
}
.mr0>li>a:hover:before {
width: 100%;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.fiyati {
font-size: 13px;
font-weight: bold;
line-height: 21px;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
float: left;
}
.urunFiyatlandirma {
display: table;
margin: 0 auto 10px;
}
.urunFiyatlandirma.hidden_price {
visibility: hidden;
opacity: 0;
}
.tutar {
float: left;
padding-left: 4px;
min-height: 40px;
}
.indFiyat {
font-size: 14px;
font-weight: bold;
text-align: left;
color: #a0c9da;
min-height: 20px;
}
.gercekTutar {
font-size: 16px;
font-weight: 800;
text-align: left;
color: rgba(17,85,217,0.99);
}
.kampanya-slide .urunKisa {
min-height: 32px;
}
.yuzdeInd {
float: left;
width: auto;
height: 33px;
border-radius: 8px;
border: solid 1px #000000;
line-height: normal;
font-family: Nunito;
font-size: 11px;
font-weight: 800;
text-align: center;
color: #000000;
width: 42px;
padding-top: 1px;
margin-left: 10px;
padding-top: 3px;
}
.yuzdeInd span,.hediyeli_urun span {
display: block;
font-family: Nunito;
font-size: 8px;
font-weight: 800;
text-align: center;
color: #000000;
text-transform: uppercase;
}
.urunDetay .yuzdeInd {
width: auto;
padding: 5px 7px;
height: auto;
font-size: 14px;
line-height: 15px;
float: left;
margin-left: 0;
}
.urunDetay .yuzdeInd span {
font-size: 12px;
}
.urunDetay .urunFiyatlandirma {
display: inline-block;
float: left !important;
margin: initial !important;
padding-left: 10px;
}
.urunDetay .indFiyat {
font-size: 14px;
}
.urunDetay .gercekTutar {
font-size: 17px;
font-weight: 800;
}
.urunDetay .tutar {
padding-left: 0;
}
.qty {
position: relative;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
margin-left: 15px;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06);
background-color: #ffffff;
overflow: hidden;
border-radius: 28px;
border: solid 1px #dfebef;
margin-bottom: 0;
}
.qty span {
position: absolute;
top: 0;
height: 100%;
width: 35px;
background: #fff;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #a0c9da;
font-size: 15px;
cursor: pointer;
font-weight: 900;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
z-index: 9;
}
.qty span:hover {
background: #a0c9da;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
color: #fff;
}
.qty .qty-plus {
right: 0;
border-left: 1px solid #a0c9da;
}
.qty .qty-minus {
left: 0;
}
.qty input {
font-size: 13px;
line-height: 45px;
text-align: center;
padding: 0 35px;
width: 120px;
height: 48px;
border-radius: 48px;
border: none !important;
font-size: 13px;
font-weight: bold;
text-align: center;
color: rgba(17,85,217,0.99);
}
.qty div.qty-desc {
position: absolute;
color: rgba(17,85,217,0.99);
bottom: 0px;
font-weight: 400;
font-size: 11px;
left: 0;
text-transform: uppercase;
right: 0;
bottom: 0;
font-weight: bold;
text-align: center;
}
.selections {
position: relative;
float: left;
width: 50%;
}
.qty .qty-minus {
border-right: 1px solid #a0c9da;
}
.satin-alma {
float: left;
position: relative;
width: 50%;
}
.satin-alma input[type=button] {
width: 100%;
height: 50px;
border-radius: 28.5px;
background-color: #000000;
font-family: Nunito;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #ffffff;
padding-left: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
border: 0;
}
.satin-alma i:before {
margin: 0;
color: #fff;
font-size: 15px;
}
.satin-alma i {
position: absolute;
left: 27px;
top: 14px;
}
.p_groups {
float: left;
width: 50%;
}
.satin-alma input[type=button]:hover {
background: rgba(17,85,217,0.99);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.select_biltek {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
width: calc(100% - 105px);
right: 0;
cursor: pointer;
overflow: hidden;
border-radius: 16.5px;
border: 1px solid #dfebef;
}
.select_biltek .option {
padding: 3px 20px 3px 10px;
height: 33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
width: 100%;
pointer-events: none;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
z-index: 3;
-webkit-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0 !important;
cursor: pointer;
background-color: #eef7fa;
border: solid 1px #dfebef;
font-family: Nunito;
font-size: 11px;
font-weight: 600;
font-style: normal;
text-align: left !important;
color: #000000;
overflow: hidden;
top: 0;
}
.select_biltek input:checked+label:before {
background: #21a0c300 !important;
-webkit-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
}
.select_biltek .option:hover {
background: #ffffff;
}
.select_biltek:focus .option {
position: relative;
pointer-events: all;
}
.select_biltek input {
opacity: 0;
position: absolute;
left: -99999px;
}
.select_biltek input:checked+label {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
z-index: 5;
border-top: none;
position: relative;
text-align: center;
}
.select_biltek input:checked+label:after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
position: absolute;
right: 15px;
top: calc(50% - 2.5px);
pointer-events: none;
z-index: 3;
}
.select_biltek input:checked+label:before {
position: absolute;
right: 0;
height: 40px;
width: 40px;
content: '';
background: #d51c2c00;
-webkit-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
}
.select_biltek input:checked+label:before {
position: absolute;
right: 0px;
height: 40px;
width: 40px;
content: '';
background: #d51c2c00;
-webkit-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
transition: background .4s ease-in-out;
}
span.secim-kalbr {
float: left;
width: 105px;
font-family: Nunito;
font-size: 13px;
font-weight: bold;
line-height: 32px;
text-align: left;
color: rgba(17,85,217,0.99);
position: relative;
padding-left: 0;
}
.select-biltek ul li:last-child label {
border-radius: 30px !important;
overflow: hidden;
}
.select_biltek.one {
margin-right: 0;
}
.select_biltek ul li:last-child:hover label {
border-bottom-left-radius: 16.5px;
border-bottom-right-radius: 16.5px;
}
.select_biltek ul li:first-child:hover label {
border-top-left-radius: 16.5px;
border-top-right-radius: 16.5px;
}
.select_biltek ul li:first-child label {
border-top-left-radius: 16.5px;
border-top-right-radius: 16.5px;
}
.select_biltek ul li:first-child:hover label {
border-top-left-radius: 16.5px;
}
.select_biltek ul li:first-child:after {
}
span.secim-kalbr i {
font-style: normal;
padding-left: 10px;
}
.fl-left {
float: left;
width: 100%;
padding: 0 20px;
}
.urunDetay .w100 + .w100 .fl-left {
padding: 0;
margin-top: 30px;
}
.fl-left+.fl-left {
margin-top: 20px;
}
a.teklif-iste.demo i {
position: relative;
left: -5px;
}
a.teklif-iste.demo span {
}
.fl-left .wd50 {
position: relative;
}
.select_biltek.wd100 {
width: calc(100% - 30px);
left: 15px;
right: 15px;
border-radius: 37px;
}
.select_biltek.wd100 .option {
min-height: 50px;
overflow: hidden;
}
.select_biltek.wd100 ul li:first-child:hover label {
border-top-left-radius: 27px;
}
.select_biltek.wd100 ul li:first-child:hover label {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.form-div.marginSelect {
margin-top: 70px;
}
.select_biltek.wd100 ul li:first-child:after {
top: 23px;
}
.sepet-page tr td i.fa-try {
padding-left: 3px;
}
.sepet-page tr td i.fa-try:before {
font-size: 13px;
}
.select_biltek.wd100 ul {
max-height: 300px;
overflow-x: hidden !important;
}
.select_biltek.wd100:focus {
border-radius: 17px;
overflow-y: scroll;
max-height: 300px;
overflow-x: hidden;
}
.select_biltek.wd100 ul li:first-child label {
border-top-left-radius: 0;
border-top-right-radius: 0;
border: 0 !important;
}
.select_biltek.wd100 li:first-child .option:hover {
background: #eef7fa !important;
}
i.icons {
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
position: absolute;
right: 22px;
top: 23px;
z-index: 99;
}
section.son-gelisme-detay.inner ul li {
float: left;
width: 100%;
font-size: 14px;
font-weight: 400;
line-height: 23px;
text-align: left;
color: rgba(17,85,217,0.99);
list-style-type: initial !important;
}
section.indirim-alani p {
font-size: 14px;
font-weight: 400;
line-height: 23px;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
}
.col-left.wdYuzde {
width: 80%;
}
.col-right.wdYuzde {
width: 20%;
}
.f-bulten.active .menu-title h3 {
color: #000000 !important;
}
.he159 {
height: 153px !important;
}
.siparis-ozet {
float: left;
width: 100%;
}
.siparis-ozet-btn {
width: 242px;
background: #f9f7fa;
overflow: hidden;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px;
border: 1px solid #eef7fa;
}
.siparis-ozet-btn ul li {
float: left;
width: 100%;
text-align: left;
color: #000;
font-size: 12px;
padding: 6px;
padding-left: 20px;
border-bottom: 1px solid #ececec;
}
.siparis-ozet-btn ul li span+span i {
padding-left: 5px;
}
.siparis-ozet-btn ul {
/* display: inline-block;
*/
}
.siparis-ozet-btn ul li:last-child {
border: none;
}
.siparis-ozet-btn ul li span {
float: left;
width: 50%;
}
.siparis-ozet-btn ul li span+span {
width: 50%;
text-align: right;
font-weight: bold;
position: relative;
}
.siparis-ozet-btn ul li span+span:before {
content: ":";
left: 0;
position: absolute;
}
.sepet-page {
border-bottom-right-radius: 0;
}
.siparis-ozet .col-right {
width: 242px;
overflow: hidden;
}
.coupon a {
font-weight: bolder;
text-align: center;
display: block;
padding-bottom: 10px;
}
.content {
padding: 10px 0 0;
}
.add-coupon input {
float: left;
width: 54% !important;
height: 40px !important;
margin-right: 1%;
}
.add-coupon input[type=submit] {
width: 43% !important;
margin-left: 1% !important;
text-align: center;
padding-left: 0;
border: none;
color: #fff;
background: #000000;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.add-coupon .form-div {
margin-bottom: 0 !important;
}
.coupon {
padding-top: 8px;
}
.add-coupon input[type=submit]:hover {
background: rgba(17,85,217,0.99);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.col-right.guncel a.pull-right {
width: 242px !important;
margin-top: 5px;
}
.user .col-right.guncel a.pull-right {
margin-top: 20px;
}
.add-coupon {
display: none;
}
.col-md-5.col-sm-5.col-xs-12.pad0 {
padding: 0 20px 20px;
}
.bank-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 210px;
padding: 20px 0;
border-bottom: 1px solid #000000;
}
.bank-item {
}
.bank-img {
float: left;
border: 1px solid #000000;
padding: 55px 15px;
margin-right: 15px;
}
.bank-img img {
display: block;
max-width: 160px;
max-height: 50px;
}
.bank-content p {
line-height: 21px !important;
}
.bank-content h5 {
margin: 0;
font-weight: bold;
color: #000000;
display: block;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 13px;
}
.bank-content p {
margin: 0;
color: #000;
line-height: 27px !important;
font-size: 12px;
}
.bank-content .title {
font-weight: bold;
border: none;
padding: 0;
font-size: initial;
margin: 0;
color: rgba(17,85,217,0.99);
font-size: 12px;
}
section.banks {
padding: 40px 0;
}
.bank-content .title:after {
display: none;
}
.wd50.longtxt span {
line-height: normal;
}
.wd50.longtxt .select_biltek ul {
overflow: hidden;
position: relative;
}
.fl-left .wd50+.wd50 {
padding-left: 20px;
}
.activeInput {
width: 510px !important;
}
.select_biltek ul:after {
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
position: absolute;
right: 8px;
top: 13px;
z-index: 99;
}
div#video tr td a {
line-height: 25px;
text-align: left;
padding: 10px 20px;
}
section.son-gelisme-detay.inner ol li, section.son-gelisme-detay.inner ul li {
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 23px;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
list-style: initial !important;
}
section.son-gelisme-detay.inner ol, section.son-gelisme-detay.inner ul {
margin-left: 10px !important;
float: left;
width: 100%;
}
section.son-gelisme-detay.inner ol li {
list-style-type: decimal !important;
}
.blog-item .content ul, .blog-item .content ol {
display: table;
padding-left: 15px;
}
.blog-item .content ul li, .blog-item .content ol li {
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.9;
letter-spacing: normal;
text-align: left;
color: rgba(17,85,217,0.99);
list-style-type: inherit !important;
}
section.urunGenelTab .tab-pane.fade.active.in p a {
display: inline-block;
}
.row.album-arsiv .col-md-3.col-sm-6.col-xs-12 {
min-height: 210px;
}
.marginEksi {
margin-top: -38px !important;
}
a.cargo_track {
padding: 12px 30px;
width: 100%;
text-align: center;
background: #000000;
color: #fff;
position: relative;
overflow: hidden;
display: block;
}
a.cargo_track i {
margin-right: 0.8rem;
position: absolute;
left: 12px;
top: 6px;
font-size: 30px;
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
color: rgba(255, 255, 255, 0.78);
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
font-size: 23px;
}
a.cargo_track:hover {
border: none !important;
background: rgba(17,85,217,0.99) !important;
}
a.cargo_track:hover i {
color: rgba(255, 255, 255, 1);
left: 12px;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
top: 9px;
}
a.twoTd span {
width: 100%;
display: block;
font-size: 14px;
display: inline;
padding-left: 3px;
}
a.twoTd {
width: 100%;
padding-top: 3px;
border-top: 1px solid #eef7fa;
}
i.fa.fa-flag {
margin-right: 0 !important;
top: 3px;
position: relative;
}
th.right {
text-align: right;
}
.tablo-dokuman.sepetim table tr:first-child th:last-child {
padding: 0;
}
button.slick-prev.slick-arrow {
display: none !important;
}
button.slick-next.slick-arrow {
display: none !important;
}
.indFiyat span, .gercekTutar span {
font-size: 12px;
}
.teklif-detay tr td:nth-child(4) img {
text-align: center;
left: 0 !important;
width: 140px !important;
}
.header .col-right .header-abs a span img {
width: 35px;
}
a.text-danger {
color: #3eb2e3;
}
a.text-danger i:before {
font-size: 14px;
margin: 0 2px;
margin-left: 0;
color: #1ca4de;
position: relative;
top: 1px;
}
a.text-danger i {
width: inherit !important;
height: inherit !important;
border-radius: 0 !important;
display: inherit !important;
-webkit-box-align: inherit !important;
-ms-flex-align: inherit !important;
align-items: inherit !important;
background: none !important;
}
.urunDetay .w100 p {
font-size: 11px;
font-weight: 600;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000;
position: relative;
}
.urunDetay .w100 p a {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.urunDetay .w100 p a img {
width: 85px;
padding-right: 20px;
}
.urunDetay .w100 p a:hover {
color: #1ca4de;
}
.netes_ekstra + .netes_ekstra {
padding-top: 0px;
border-top: 1px solid #eef7fa;
}
.multi_button {
position: relative;
float: left;
}
.ekstra_div {
border: 2px solid #eef7fa;
border-radius: 10px;
padding: 24px 20px;
float: left;
width: 100%;
position: relative;
height: 129px;
display: inline-block;
align-items: center;
}
.ekstra_div + .ekstra_div {
margin-top: 30px;
}
span.percentage {
position: absolute;
top: 8px;
right: -42px;
padding: 4px 9px;
background: #1ca4de;
color: #fff;
border-radius: 40px;
font-size: 10px;
}
p.eksta_desc {
margin-bottom: 0;
padding-bottom: 15px;
padding-left: 6px;
float: left;
width: 100%;
margin-top: 11px;
line-height: 24px !important;
min-height: 87px;
}
.w50.wextra .ekstra_desc {
min-height: 87px !important;
}
.w50.wextra p.eksta_desc {
min-height: initial;
}
.eksta_desc span {
background: #eef7fa;
color: #000000;
padding: 4px 14px;
border-radius: 12px;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.eksta_desc:hover span {
}
a.multi_logout_button {
background: #ab4745;
border: none !important;
color: #fff!important;
position: absolute !important;
border-radius: 28px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 19px !important;
top: 4px;
right: 5px;
height: 37px;
}
a.multi_logout_button:hover, a.multi_logout_button:focus {
background: #833735 !important;
}
.multi_button a:first-child {
padding-right: 70px !important;
}
a.multi_logout_button span {
position: relative;
top: -2px;
}
.netes_ekstra + .netes_ekstra .percentage {
top: 14px;
}
ul.wdt50 li {
width: 50% !important;
}
.ref-nav .swiper-button-prev {
color: inherit;
}
.cont {
padding-top: 0;
}
.iletisim-nav li a {
line-height: 75px;
text-align: center;
background: #f6fcff;
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #a0c9da;
border-right: 1px solid #a0c9da;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 40px;
border-radius: 0;
}
.iletisim-nav {
background: #f6fcff;
}
.iletisim-nav li.active a {
background: #fff!important;
color: rgba(17,85,217,0.99);
}
.iletisim-nav li:first-child a{
border-left: 1px solid #a0c9da;
}
.sube {
font-size: 20px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
color: #000;
margin-bottom: 20px;
}
.who.desk {
margin-top: 20px;
}
.contact4 .col-md-12.col-sm-12.col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.gercekTutar small, .indFiyat small {
font-size: 8px;
}
.w50 {
width: 48%;
float: left;
margin-right: 2%;
}
.w50 + .w50 {
margin-right: 0;
margin-left: 2%;
}
.kampanya-little h3 {
margin: 0;
font-size: 11px;
font-weight: 600;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #000;
position: relative;
margin-bottom: 17px;
}
.urunDetay .w100 p br {
display: none;
}
div#kampanya-little-slider {
margin: 0;
}
.kampanya-little .benzer-slide-item {
padding: 0;
}
.kampanya-little {
padding: 0 20px;
}
.kampanya-little a.slick-slide {
padding: 10px;
border-radius: 10px;
border: 2px solid #eef7fa;
margin: 10px;
}
.kampanya-little ul.slick-dots {
padding: 10px 0;
}
.kampanya-little a.slick-slide span.urunTanim {
float: left;
padding: 0;
font-size: 11px;
max-height: 17px;
text-align: center;
width: 100%;
margin: 3px 0;
}
.kampanya-little a.slick-slide span.urunKisa {
margin: 0 !important;
padding: 0 !important;
max-height: 17px;
float: left;
width: 100%;
min-height: auto;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.kampanya-little .slick-slide img {
width: 85px;
display: table;
margin: auto;
}
.urunDetay .w100 p.ekstra_desc {
border: none;
}
.kampanya-little a.slick-slide span {
transition: all 0.3s ease;
}
.kampanya-little a.slick-slide span:hover {
color: #000000;
}
li.inp {
line-height: 12px;
position: relative;
overflow: hidden;
}
.w50.wextra {
width: 100%;
margin-right: 0;
}
.w50.wextra .ekstra_div {
display: inline-block;
height: auto;
margin-bottom: 10px;
}
.ekstra_div.scrolla_display {
max-height: 163px;
overflow-y: scroll;
margin-bottom: 12px;
padding-right: 21px;
}
.ekstra_div.scrolla_display .percentage {
right: -12px;
}
.ekstra_div.scrolla_display::-webkit-scrollbar-thumb {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.scrolla_display p a {
padding-right: 30px;
}
.ekstra_div.scrolla_display::-webkit-scrollbar-track {
border-bottom-right-radius: 10px;
position: relative;
border-top-right-radius: 10px;
}
.ozet {
color: #f8f4f4 !important;
line-height: 27px;
font-weight: 600;
}
.urunTanitimImg img {
width: 140px;
}
.slider_w100 {
width: 100% !important;
}
p.eksta_desc.mHeight {
min-height: inherit;
}
footer .footer-top {
padding: 60px 0px 50px 0px;
border-top: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
}
footer .footer-top .footer-contact {
width: 50%;
display: inline-block;
}
footer .footer-top .footer-contact:first-child {
float: left;
}
footer .footer-top .footer-contact:first-child span.titlee {
width: 10%;
position: relative;
top: -10px;
}
footer .footer-top .footer-contact:last-child {
padding-left: 50px;
}
footer .footer-top .footer-contact:last-child span.titlee {
width: 13%;
}
footer .footer-top .footer-contact span.titlee {
font-size: 14px;
font-weight: 800;
color: black;
display: inline-block;
}
footer .footer-top .footer-contact span.info {
width: 75%;
display: inline-block;
font-size: 14px;
color: black;
}
footer .footer-top .footer-contact span.info a {
font-size: 13px;
}
footer .footer-top .footer-contact .col {
display: block;
}
footer .footer-top .form-ebulten span.dontfollow a {
font-size: 13px;
color: black;
font-weight: 300;
display: block;
text-align: right;
transition: all 0.4s ease;
margin: 10px 10px 0px 0px;
}
footer .footer-top .form-ebulten span.dontfollow a:hover {
opacity: 0.8;
}
footer .footer-top .form-ebulten form {
position: relative;
}
footer .footer-top .form-ebulten form input[type="text"] {
height: inherit;
width: 100%;
font-size: 13px;
font-weight: 300;
padding: 15px 15px;
border-radius: 50px;
transition: all 0.4s ease;
border: 1px solid #dfdfdf;
}
footer .footer-top .form-ebulten form input[type="text"]:focus {
border-color: #000000;
}
footer .footer-top .form-ebulten form input[type="submit"] {
position: absolute;
right: 0;
top: 0;
border-radius: 50px;
border: none;
background-color: #000000;
color: white;
font-size: 13px;
font-weight: 800;
height: 100%;
padding: 0px 20px 0px 60px;
background-image: url("../img/ebultensend.png");
background-position: 15% 50%;
background-repeat: no-repeat;
transition: all 0.4s ease;
}
footer .footer-top .form-ebulten form input[type="submit"]:hover {
background-color: #ffa800;
}
footer .footer-bot {
padding: 15px 0px;
}
footer .footer-bot .copyright {
margin-top: 5px;
}
footer .footer-bot .copyright span {
font-size: 13px;
font-weight: 300;
color: black;
}
footer .footer-bot .copyright span.company-logo {
font-weight: 700;
}
footer .footer-bot .company-logo {
transition: all 0.4s ease;
}
footer .footer-bot .company-logo a {
font-size: 11px;
font-weight: 700;
color: #666666;
}
footer .footer-bot .company-logo:hover {
opacity: 0.7;
}
section.menu-and-social-media {
padding: 40px 0px;
border-top: 2px solid #f2f2f2;
}
section.menu-and-social-media .bot-menu {
margin-top: 10px;
}
section.menu-and-social-media .bot-menu ul li {
position: relative;
margin-right: 25px;
display: inline-block;
}
section.menu-and-social-media .bot-menu ul li:hover a {
color: black;
}
section.menu-and-social-media .bot-menu ul li:hover:before {
opacity: 1;
visibility: visible;
}
section.menu-and-social-media .bot-menu ul li a {
font-size: 13px;
font-weight: 700;
color: #444;
}
section.menu-and-social-media .bot-menu ul li:before {
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
content: "";
position: absolute;
display: block;
background-image: url("../img/languageafter.png");
background-repeat: no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: 30px;
left: 0;
right: 0;
margin: 0 auto;
width: 12px;
height: 8px;
}
section.menu-and-social-media .bot-social-media h5 {
display: inline-block;
font-weight: 200;
font-size: 15px;
}
section.menu-and-social-media .bot-social-media ul {
margin-left: 60px;
display: inline-block;
}
section.menu-and-social-media .bot-social-media ul li {
margin-left: 15px;
display: inline-block;
}
section.menu-and-social-media .bot-social-media ul li:first-child {
margin-left: 0px;
}
section.menu-and-social-media .bot-social-media ul li a {
font-size: 25px;
}
section.menu-and-social-media .bot-social-media ul li a i {
transition: all 0.4s ease;
}
section.menu-and-social-media .bot-social-media ul li a i.fa-facebook:hover {
color: #3b5998;
}
section.menu-and-social-media .bot-social-media ul li a i.fa-twitter:hover {
color: #1da1f2;
}
section.menu-and-social-media .bot-social-media ul li a i.fa-youtube-play:hover {
color: #d32322;
}
.muspanelsidebar {
float: left;
width: 30%
}
.uyepanellinks .btn {
color: #444;
text-align: left;
border: 1px solid #444;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
cursor: pointer;
width: 85%;
margin-bottom: 7px;
float: left;
padding: 15px 20px
}
.uyepanellinks .btn:hover {
color: #fff;
background: #444
}
.uyepanellinks .btn i {
margin-right: 10px
}
.uyepanellinks h5 {
margin-bottom: 25px;
font-size: 15px
}
.uyepaneltitle {
margin-bottom: 20px;
font-weight: 700
}
#uyeaktifbtn {
color: #fff;
background: #444
}
#desteklink {
color: #4ea600;
border: 1px solid #4ea600;
}
#desteklink:hover {
background: #397a00;
color: white;
}
.muspanelcontent {
float: right;
width: 70%;
padding: 20px;
min-height: 420px;
box-shadow: 0 0 10px #ccc, inset 0 0 20px 10px #F2F2F2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top: 15px;
word-wrap: break-word
}
.muspanelcontent p {
line-height: 23px
}
.muspanelcontent table tr td {
font-size: 14px;
line-height: 22px
}
.muspanelheadinfo {
font-size: 15px;
float: right;
margin-top: -50px;
margin-right: -22px
}
.muspaneltitle {
float: left;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ccc;
font-size: 20px;
font-weight: 700;
padding-bottom: 15px;
margin-bottom: 15px;
color: #444444;
}
.muspanelcontent input {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
}
.muspanelcontent select {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
}
.muspanelcontent textarea {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
}
.mobiltable {
display: none
}
.muspanelcontent table tr td {
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: dotted;
border-bottom-style: dotted;
border-right-color: #CCC;
border-bottom-color: #CCC;
padding: 5px;
}
.muspanelcontent .btn-save {
transition: all 0.5s ease;
float: right;
height: 35px;
border-radius: 0;
margin: 0 !important;
width: 150px !important;
border: none;
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
.accountlinks {
float: right;
text-align: right
}
.accountlinks a {
float: right;
display: inline-block
}
.girkaydolwebofisi .panelozellikler {
width: 100%;
padding: 30px 0
}
.girkaydolwebofisi .panelozellikler h4 {
font-size: 16px
}
.girkaydolwebofisi .panelgirkaydol {
width: 100%;
margin-top: 25px
}
.uyepanel {
margin-top: 25px
}
.muspanelsidebar {
float: left;
width: 100%
}
.uyepanellinks .btn {
width: 100%;
float: left;
padding: 15px 0
}
.uyepanellinks .btn i {
margin-left: 20px
}
.muspanelcontent {
width: 100%;
padding: 0;
margin-top: 70px
}
.muspaneltitle {
margin-top: 20px;
margin-left: 15px;
width: 95%
}
.muspanelheadinfo {
float: left;
margin-top: -50px;
margin-right: 0
}
.mobilgizlitable {
display: none
}
.mobiltable {
display: block
}
.mobiltable td {
float: left;
width: 97%;
padding-top: 15px;
padding-bottom: 15px
}
.mobiltable td .gonderbtn {
float: right
}
.mobiltable span {
width: 65px
}
}
.breadcrumb_golge{
background:rgba(17,85,217,0.99);
width:100%;
height: 80px;
opacity: 0.8;
margin-top: -80px;
z-index: 1;
}
.breadcrumb_golge_kapla{
background:rgba(17,85,217,0.99);
width:100%;
height: 175px;
opacity: 0.7;
margin-top: -175px;
z-index: 1;
}
.btn-save:hover {
color: white;
background-color: #ffa800 !important;
}
.btn-save {
background-color: #000000;
}
.banka {
float: left;
width: 555px;
border-radius: 10px;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px;
border: solid 1px #dfebef;
}
.banka:hover {
border-radius: 10px;
background-color: #fff;
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.banka.son {
margin-right:0px;
}
.banka .resim {
float:left;
width:180px;
margin-right:10px;
text-align:center;
}
.banka .resim img {
text-align:center;
padding-top:0px;
}
.banka .metin {
float:left;
width:380px;
line-height: 24px;
}
.banka .metin b {
font-weight: 700;
font-size: 14px;
}
.banka .metin strong {
font-weight: 700;
font-size: 16px;
line-height: 16px;
display:block;
margin-bottom:0px;
}
.bankalogolar {
margin-bottom:10px;
}
/* sss */
.sss ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
.sss ul li {
margin-bottom: 3px;
}
.sss ul li a.soru {
font-size: 16px;
line-height: 35px;
font-weight: 400;
color: #8c8a86;
background-color: #FAF9F9;
background-image: url(../img/dugme_ok.png);
background-repeat: no-repeat;
background-position: 99% center;
display: block;
height: 35px;
padding-left: 15px;
cursor: pointer;
}
.sss ul li a.soru.acik {
background-image: url(../img/dugme_ok_acik.png);
background-color: #000000;
color:#fff;
}
.sss ul li .cevap {
font-size: 15px !important;
font-weight: 200;
color: #8e9093;
padding-top: 10px;
padding-bottom: 10px;
display: none;
line-height: 25px;
}
.sss ul li .cevap * {
font-size: 15px !important;
font-weight: 200 !important;
color: #8e9093 !important;
background-color:transparent !important;
}
.sss ul li.acik .cevap {
display:block;
}

.content-wrapper .wp-area {
padding-top: 27px;
padding-bottom: 27px;
}
.clear {
clear: both;
}
.brands-areea {
background-color: #000000;
border-radius: 2px;
z-index: 1;
padding: 25px 25px;
overflow: hidden;
}
.brands-areea .bayi-search {
float: left;
display: block;
}
.brands-areea .bayi-search p {
color: #fff;
font-weight: 400;
font-size: 25px;
margin: 0;
line-height: 40px;
}
.brands-areea .select-box {
float: right;
display: block;
}
.brands-areea .select-box select {
display: block;
height: 40px;
border: 0;
border-radius: 3px;
color: #0c4da2;
font-weight: 700;
padding-left: 10px;
width: 100%;
}
.bayi-list {
display: block;
clear: both;
padding-top: 15px;
}
.bayi-list>div {
display: table;
table-layout: fixed;
width: 100%;
background-color: #faf9f9;
margin-bottom: 13px;
}
.bayi-list>div .branch {
display: table-cell;
vertical-align: middle;
border-right: #e3e1df solid 1px;
font-size: 15px;
color: #8c8a86;
padding: 10px 10px 10px 20px;
line-height: 20px;
}
.block {
display: block;
}
.bayi-list>div .address {
display: table-cell;
vertical-align: middle;
padding: 10px 10px 10px 20px;
color: #8c8a86;
}
.bayi-list>div .address .line1 {
width: 100%;
margin: 0 0 5px 0;
line-height: 15px;
}
.bayi-list>div .address .line2 {
width: 100%;
margin: 0 0 5px 0;
line-height: 15px;
}
.bayi-list>div .address .line3 {
font-size: 15px;
color: #7a7875;
}
.bayi-list>div .mapwp.active {
background-color: #b7b7b7;
}
.bayi-list>div .mapwp {
display: table-cell;
vertical-align: middle;
width: 115px;
background-color: #e3e1e1;
position: relative;
height: 85px;
}
.bayi-list>div .mapwp a {
width: 115px;
height: 100%;
background: url(../img/mapsico.png) center center no-repeat;
color: #b7b7b7;
position: absolute;
top: 0;
bottom: 0;
}

/*------------------------------------------------------------------
[16. Shop Cart ]
------------------------------------------------------------------*/

.checkout-wrap {
text-align: center;
padding: 0 0 85px 0;
}

ul.checkout-bar {
height: 15px;
}

ul.checkout-bar li {
color: rgba(17,85,217,0.99);
display: block;
font-size: 16px;
font-weight: 600;
padding: 14px 20px 14px 80px;
position: relative;
display: inline-block;
margin: 50px 0 0;
padding: 0;
text-align: center;
width: 19%;
cursor: pointer;
}

ul.checkout-bar li:before {
background: #ffa800;
border: 2px solid #ffa800;
color:#fff;
border-radius: 50%;
line-height: 45px;
height: 45px;
position: absolute;
text-align: center;
top: -65px;
width: 45px;
z-index: 9;
font-family: 'Quicksand', sans-serif;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}


ul.checkout-bar li.done-proceed:before,
ul.checkout-bar li.active:before {
background: #000000;
z-index: 9;
color: #ffffff;
border-color: #000000;
}

.checkout-bar li:after {
-webkit-animation: myanimation 3s 0;
background-color: #ffa800;
content: "";
height: 5px;
width: 100%;
left: 50%;
position: absolute;
top: -45px;
z-index: 0;
}

.checkout-bar li.done-proceed:after {
-webkit-animation: myanimation 3s 0;
background-color: #000000;
content: "";
height: 5px;
width: 100%;
left: 50%;
position: absolute;
top: -45px;
z-index: 0;
}

.checkout-bar li:last-child:after {
display: none;
}

ul.checkout-bar li:nth-child(1):before {
content: "1";
}

ul.checkout-bar li:nth-child(2):before {
content: "2";
}

ul.checkout-bar li:nth-child(3):before {
content: "3";
}

ul.checkout-bar li:nth-child(4):before {
content: "4";
}

ul.checkout-bar li:nth-child(5):before {
content: "5";
}

ul.checkout-bar li:nth-child(6):before {
content: "6";
}

.price-textbox {
display: inline-block;
width: auto;
position: relative;
max-width: 170px;
text-align: center;
color: #1b1b29;
margin: 5px;
}

.price-textbox input {
text-align: center;
color: #1b1b29;
margin: 0px;
}

.price-textbox input::-webkit-input-placeholder {
text-align: center;
}

.price-textbox input:-moz-placeholder {
text-align: center;
}

.price-textbox input::-moz-placeholder {
text-align: center;
}

.price-textbox input:-ms-input-placeholder {
text-align: center;
}

.minus-text {
position: absolute;
top: 12px;
left: 15px;
cursor: pointer;
z-index:1;
}
.plus-text {
position: absolute;
top: 12px;
right: 15px;
cursor: pointer;
z-index:1;
}

.sepetguncelle {
position: absolute;
top: 1px;
right: 1px;
cursor: pointer;
background: #e5e5ee;
border: 0;
padding: 10px 15px;
}

.form-input {
height: 40px;
width: 100%;
border: 2px solid #e5e5ee;
padding: 0 30px;
margin-bottom: 29px;
outline: none;
border-radius: 0;
}

div.sepet_bos{
text-align:center;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
div.sepet_bos span.uyari{
display:block;
font-weight:bold;
font-size:20px;
margin-bottom:5px;
text-align:center;
}
div.sepet_bos span.bilgi{
display:block;
}
div.sepet_bos span.bilgi a{
text-decoration:none;
color:#8a6d3b;
font-weight:bold;
}
div.sepet_bos span.bilgi a:hover{
text-decoration:underline;
}
.checkout-button button
{
width: 179px;
height: 45px;
border-radius: 0px;
background-color: #008e9b;
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 45px;
letter-spacing: normal;
text-align: center;
color: #fff;
padding: 0;
margin-top: 20px;
border: 1px solid #008e9b;
}

/*------------------------------------------------------------------
[17. Shop Checkout ]
------------------------------------------------------------------*/

.shop-checkout-left {
float: left;
width: 100%;
background: #EEF7FA;
padding: 30px 10px 20px;
}

.shop-checkout-left h6 {
font-size: 18px;
}

.shop-checkout-left h6 a {
font-weight: 700;
color: #20202f;
}

.form-checkout {
margin-top: 45px;
}

.form-checkout label {
color: #959393;
}

.form-checkout label {
margin-bottom: 29px;
}

.form-checkout h5 {
color: #20202f;
font-size: 17px;
margin-bottom: 29px;
}

.shop-checkout-right {
float: left;
width: 100%;
background: #EEF7FA;
padding: 35px 30px 40px;
}

.shop-checkout-right h5 {
color: #20202f;
font-size: 22px;
text-align: center;
margin: 0 0 31px 0;
}

.shop-checkout-right h6 {
color: #1b1b29;
font-weight: 700;
margin: 0px;
font-size:18px;
}

.shop-checkout-right h6 span {
float: right;
}

.shop-checkout-row,
.shop-checkout-title {
display: inline-block;
width: 100%;
}

.shop-checkout-row {
padding-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
}

.shop-checkout-title {
padding-bottom: 30px;
}

.shop-checkout-row p {
margin: 0px 0 5px 0;
}

.shop-checkout-row p span {
min-width: 160px;
display: inline-block;
}

.shop-checkout-right small {
float: right;
font-size: 15px;
color: #959393;
}

.shop-checkout-right a {
color: #1b1b29;
}

.checkout-total {
display: inline-block;
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #e0e0e0;
}

.shop-checkout-box .checkout-total:last-child {
border-bottom: none;
}

.shop-checkout-right .price-big {
font-size: 22px;
color: #000000;
font-weight: 700;
}

.shop-checkout-box {
display: inline-block;
width: 100%;
margin: 0 0 35px 0;
}

.shop-checkout-box:last-child {
margin-bottom: 0px;
}

.payment-mode {
display: inline-block;
width: 100%;
margin-bottom: 15px;
}

.payment-mode label {
margin-right: 30px;
vertical-align: middle;
}

.payment-mode img {
margin-top: -10px;
margin-right: 15px;
}

.checkout-terms {
display: inline-block;
width: 100%;
margin: 22px 0 30px 0;
}

.checkout-button {
display: inline-block;
width: 100%;
text-align: center;
}

.checkout-button .button-default {
font-weight: 700;
}

.select-dropbox {
margin-bottom: 20px;
}

.form-odeme {
height: 40px;
width: 100%;
border: 1px solid #a0c9da;
padding: 0 10px;
margin-bottom: 20px;
outline: none;
}

.shop-checkout-left textarea {
height: 65px;
padding: 10px 10px;
width: 100%;
border: 1px solid #a0c9da;
margin-bottom: 20px;
resize: none;
outline: none;
}

.havale-wrap {
background: #fff;
transition: all .5s;
margin-bottom: 5px;
border: 1px solid #f4f2ed;
border-radius: 0px;
}
.havale-info {
padding: 15px;
}
.havale-info p {
color: #888888;
line-height: 24px !important;
font-size: 15px;
}
.btn-skin {
background: #1b1b29;
border-color: #1b1b29;
color: #ffffff;
}

.btn-dark-coffee {
background: #1b1b29;
color: #ffffff;
border-color: #1b1b29;
}

.order-complete-box {
display: inline-block;
width: 100%;
padding: 50px 25px 50px;
text-align: center;
background: #EEF7FA;
}

.order-complete-box .btn-primary-gold {
text-transform: inherit;
}

.order-complete-box p {
margin: 50px 0;
font-size: 24px;
line-height: normal;
}

.gonderbtn {
color: #444;
border: 1px solid #444;
padding: 10px 25px;
display: inline-block;
}

.label-primary {
background-color: #337ab7;
border-radius: 0;
padding: 5px 5px;
min-width: 110px;
display: inline-block;
}

.label-warning {
background-color: #f0ad4e;
border-radius: 0;
padding: 5px 5px;
min-width: 110px;
display: inline-block;
}

.label-default {
background-color: #777;
border-radius: 0;
padding: 5px 5px;
min-width: 110px;
display: inline-block;
}

.label-success {
background-color: #81c868;
border-radius: 0;
padding: 5px 5px;
min-width: 110px;
display: inline-block;
}

.label-danger {
background-color: #f05050;
border-radius: 0;
padding: 5px 5px;
min-width: 110px;
display: inline-block;
}

.label-inverse {
background-color: #4c5667;
border-radius: 0;
padding: 5px 5px;
min-width: 110px;
display: inline-block;
}

.label-purple {
background-color: #7266ba;
border-radius: 0;
padding: 5px 5px;
min-width: 110px;
display: inline-block;
}

.contact-us .form-group input
{
width: 100%;
height: 40px;
border: 1px solid #ddd;
padding-left: 10px;
border-radius: 5px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
font-weight: 400;
border-radius: 0px;
}

.contact-us .form-group select {
width: 100%;
height: 40px;
border: 1px solid #ddd;
padding-left: 10px;
border-radius: 5px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
font-weight: 400;
border-radius: 0px;
}

.contact-us .form-group .btn:hover {
background: #353535;
color: #fff;
}
.contact-us .form-group .btn
{
display: inline-block;
background: #ED1C24;
color: #fff;
padding: 14px 35px;
text-transform: uppercase;
font-size: 14px;
border: 0px solid;
font-weight: 500;
position: relative;
border-radius: 3px;
}
.lang{
display: inline-block;
align-items: center;
float:right;
margin-top: 5px;
margin-left: 5px;
}
.lang>ul{
}
.lang>ul:hover{
background: #000000;
}
.lang>ul>li{
position: relative !important;
}
.lang>ul>li>a{
color:rgba(17,85,217,0.99) !important;
padding: 10px !important;
display: block !important;
float: none !important;
font-size:13px !important;
}
.lang>ul>li>a>i{
color:#000000 !important;
}
.lang>ul:hover i{
color: #fff !important
}
.lang>ul:hover a{
color: #fff !important
}
.lang>ul>li:hover>ul{
opacity: 1;
visibility: visible !important;
}
.lang>ul>li>ul{
opacity: 0;
visibility: hidden;
position: absolute;
top:100%;
left: 0;
z-index:9999;
background: #000000;
width: 100%;
-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
}
.lang>ul>li>ul>li{
}
.lang>ul>li>ul>li>a{
color:#fff;
display: block;
padding: 10px;
border-top: 1px solid #fff;
float:none !important;
font-size:13px !important;
}

@media (min-width: 1200px)
{
.bayi-list>div .branch {
width: 33%;
}
}


@media (max-width: 767px)
{
section.menu-and-social-media {
padding: 10px 0px;
}
section.menu-and-social-media .bot-menu, .bot-social-media {
text-align: center;
}
section.menu-and-social-media ul {
margin-left: 30px;
margin-right: 23px;
}
section.menu-and-social-media .bot-menu ul li a {
font-size: 12px;
}
section.menu-and-social-media .bot-social-media {
padding-top: 20px;
}
section.menu-and-social-media .bot-social-media h5 {
font-size: 13px;
}
section.menu-and-social-media .bot-social-media ul li a {
font-size: 20px;
}
footer .footer-top {
padding: 25px 0px;
}
footer .footer-top .footer-contact {
display: none;
}
footer .footer-top .footer-contact:first-child span.titlee {
top: -20px;
}
footer .footer-top .form-ebulten form input[type=text] {
font-size: 11px;
}
footer .footer-top .form-ebulten form input[type=submit] {
font-size: 12px;
}
.footer-bot-main {
height: 135px;
}
.breadcrumb_golge {
background: rgba(17,85,217,0.99);
height: 50px;
margin-top: -50px;
z-index: 1;
}
body.mobile-menu-active .kullanici-menu
{
background: #ffa800;
}
.banka {
float: none;
width: 100%;
margin-right: 0px;
display: block;
overflow: hidden;
}
.brands-areea {
height: auto;
}
.brands-areea .bayi-search {
float: none;
clear: both;
}
.brands-areea .select-box {
float: none;
display: block;
clear: both;
}
.bayi-list>div {
display: block;
width: 100%;
}
.bayi-list>div .branch {
display: block;
width: 100%;
padding: 10px 10px 10px 10px;
}
.bayi-list>div .address {
display: block;
width: 100%;
padding: 10px 10px 10px 10px;
}
.bayi-list>div .mapwp {
display: block;
width: 100%;
height: 33px;
}
.bayi-list>div .mapwp a {
background-size: auto 80%;
width: 100%;
}
.shop-checkout-right {
margin-top: 50px;
}

ul.checkout-bar li {
width: 30.5%;
font-size: 10px;
}

.checkout-wrap-more ul.checkout-bar li {
width: 19%;
font-size: 8px;
}

.shop-checkout-left,
.shop-checkout-right {
padding-left: 15px;
padding-right: 15px;
}
.lang {
z-index: 10000;
position: fixed;
top: 0;
right: 0;
margin-right: 100px;
margin-top:10px;
}
.lang>ul:hover{
background: #000000;
}
.lang>ul>li>a{
color:#fff !important;
}
.lang>ul>li>a>i:before{
color:#fff !important;
font-size:12px !important;
}
}