body {
background-color : #f2f2f2;
color : #666;
font-family : 'Poppins', sans-serif;

}
h1, h2, h3, h4, h5, h6 {
color : #222;
font-weight : 500;
margin : 0 0 10px;
padding : 0;
text-align : center;
}
.fa:hover {
transition : all 0.5s 0s ease;
cursor : pointer;
}
.btnIndex {
width : 100%;
background : #f3f3f3;
color : #777;
border-top : 1px solid #eee !important ;
border : none;
border-radius : 0;
padding : 5px 0;
margin : 10px 0 0 0;
box-shadow : none;
font-size : 13px;
font-weight : 100;
letter-spacing : 0.3px;
}
h2 {
font-family : 'Poppins', sans-serif;
font-weight : 400;
padding : 0;
margin-bottom : 10px;
text-align : left;
}
h2 span {
font-family : 'Poppins', sans-serif;
background : #ff9900;
font-size : 15px;
width : 260px;
display : block;
color : #fff;
font-weight : 600;
padding : 11px 15px 12px;
border-radius : 5px 5px 0 0;
}
h1 {
font-size : 23px;
}
h2 {
font-size : 22px;
}
h3 {
font-size : 21px;
}
h5 {
font-size : 12px;
}
h6 {
font-size : 10.2px;
}
a {
color : #222;
}
a:hover {
color : #ea3a3c;
text-decoration : none;
}
p {
margin : 10px 0;
}
legend {
font-size : 18px;
padding : 7px 0;
}
label {
font-size : 12px;
font-weight : normal;
}
.product-info label {
font-size : 12px;
line-height : 20px;
}
select.form-control, textarea.form-control, input.form-control[type="text"], input.form-control[type="password"], input.form-control[type="datetime"], input.form-control[type="datetime-local"], input.form-control[type="date"], input.form-control[type="month"], input.form-control[type="time"], input.form-control[type="week"], input.form-control[type="number"], input.form-control[type="email"], input.form-control[type="url"], input.form-control[type="search"], input.form-control[type="tel"], input.form-control[type="color"] {
border-radius : 2px;
font-size : 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
font-size : 12px;
}
.input-group .input-group-addon {
font-size : 12px;
height : 30px;
}
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display : inline;
}
div.required .control-li::before {
color : #f00;
content : "* ";
font-weight : bold;
}
.nav > li > a {
font-size : 15px;
border-bottom : 0 solid #eee;
}
.dropdown {
position : static !important ;
z-index : 99;
}
.dropdown-menu {
padding : 20px 0;
width : 100%;
box-shadow : none;
z-index : 99;
}
.dropdown-menu > li > ul {
padding : 0;
margin : 0;
}
.dropdown-menu > li > ul > li {
list-style : none;
}
.dropdown-menu > li > ul > li > a {
display : block;
color : #222;
padding : 3px 5px;
}
.dropdown-menu > li ul > li > a:hover, .dropdown-menu > li ul > li > a:focus {
text-decoration : none;
}
.dropdown-menu .dropdown-header {
font-size : 18px;
color : #ff3546;
padding : 5px 60px 5px 5px;
line-height : 30px;
}
.topcont {
padding : 0;
}
#top {
background-color : #fbfbfb;
padding : 1px 1px 1px;
margin : 0 0 0 0;
}
#top .container {
padding : 0 20px;
}
#top #form-currency .currency-select, #top #form-language .language-select {
text-align : left;
}
#top #form-currency .currency-select:hover, #top #form-language .language-select:hover {
text-shadow : none;
color : #ffffff;
background-color : #229ac8;
background-image : linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat : repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
color : #666;
text-decoration : none;
}
#top .btn-link:hover, #top-links a:hover {
color : #aaa;
}
#top-links .dropdown-menu a {
text-shadow : none;
}
#top-links .dropdown-menu a:hover {
color : #aaa;
}
#top .btn-link strong {
font-size : 14px;
line-height : 14px;
}
#top-links {
padding-top : 6px;
}
#top-links a + a {
margin-left : 15px;
}
#top-links .fa {
color : #ff9900;
}
#ust {
background : none 0 0 repeat scroll #fff;
margin-top : -10px;
font-family : 'Poppins', sans-serif;
font-weight : 300;
padding : 0 0 0;
}
#ust a {
color : #222;
}
#ust a:hover {
color : #ea3a3c;
}
#ust .fa {
color : #ff9900;
}
#ust #currency {
cursor : pointer;
font-size : 13px;
margin-left : 5px;
margin-top : 3px;
padding : 0;
}
#ust #currency strong, #ust #currency span, #ust #currency i {
color : #ff9900;
}
#ust #currency .currency-select {
color : #555;
text-align : left;
}
#ust #currency .currency-select:hover {
background-color : #eee;
color : #aaa;
text-shadow : none;
}
#ust #currency .btn {
padding : 0;
}
#ust #currency .btn-group.open .dropdown-toggle {
box-shadow : none;
}
#ust-links li img {
margin-top : -2px;
}
#ust .btn-link, #ust-links li {
color : #555;
font-size : 12px;
padding : 0;
text-align : left;
text-decoration : none;
}
#ust-links .dropdown-menu {
border : none medium;
min-width : 55px;
}
#ust-links .dropdown-menu li {
border : none medium;
}
#ust-links {
text-align : center;
}
#ust-links li {
text-align : center;
color : #FFF;
margin : 0;
padding : 3px 0;
}
#ust-links li a {
line-height : 14px;
display : block;
color : #222;
border-right : 0 solid #eee;
font-size : 13px;
font-family : 'Poppins', sans-serif;
padding : 0 10px;
text-decoration : none;
}
#ust .btn-link:hover, #ust-links a:hover {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0);
color : #ea3a3c;
}
#ust-links a:hover i {
color : #ea3a3c;
}
#ust-links i {
color : #222;
line-height : 30px;
text-align : center;
font-size : 14px;
border : #eee solid 1px;
display : block;
margin-left : 10px;
width : 32px;
height : 32px;
border-radius : 50px;
background : #fff;
}
#ust-links .dropdown-menu a {
color : #aaa;
text-shadow : none;
}
#ust-links .dropdown-menu a:hover {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0);
color : #aaa;
}
#ust .btn-link strong {
font-size : 17px;
line-height : 14px;
}
#ust-links {
padding : 22px 0;
text-align : center;
}
#ust-links a + a {
margin-left : 10px;
}
#ust #language {
margin-top : 2px;
cursor : pointer;
margin-left : 3px;
text-align : center;
}
#ust #language .btn-group.open .dropdown-toggle {
box-shadow : none;
}
#ust #language span, #ust #language i {
color : #777;
}
#ust #language .dropdown-menu li > a {
color : #444;
}
#ust #language .dropdown-menu li > a:hover {
color : #777;
}
.facek {
color : #777;
}
.specialthemes {
background : #fff;
border-bottom : 0 solid #ddd;
padding : 50px 0 30px;
}
.specialthemes1 {
background : #F9f9f9;
margin : 0 0 0;
padding : 0 0 0;
}
.specialthemes2 {
border-bottom : 0 dashed #aaa;
background : none 0 0 repeat scroll #fff;
margin : 5px 0 10px;
padding : 20px 0 0;
}
.specialthemes3 {
padding : 0;
background : none 0 0 repeat scroll #F9F6F1;
}
#header {
border-top : 1px solid #ddd;
background : #f2f2f2;
padding : 0 0 0;
position : relative;
}
#header #logo {
color : #365271;
font-size : 42px;
font-weight : 300;
margin-top : 30px;
}
#header #logo span {
color : #365271;
font-weight : bold;
}
.padding-right {
padding-right : 0;
}
.padding-left {
padding-left : 0;
}
#logo {
margin : 0;
}
#search {
border-radius : 2px;
border-left : 0 solid #F5EFE7;
border-bottom : 0 solid #F5EFE7;
margin : 0 5px 5px 0;
padding : 0;
}
#search .input-lg {
background : none 0 0 repeat scroll #fff;
border : #bdc3c7 solid 2px;
border-radius : 0;
color : #365271;
box-shadow : none;
height : 40px;
border-radius : 3px 0 0 3px;
line-height : 20px;
padding : 0 15px;
}
#search .btn-lg {
border-radius : 0 3px 3px 0;
border : #986348 solid 0;
background : #222;
box-shadow : none;
font-size : 15px;
line-height : 18px;
padding : 11px 20px 10px;
text-shadow : 0 0 0 #fff;
z-index : 99;
}
#search i {
color : #fff;
}
.margins {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0);
border : #222 solid 0;
border-radius : 0;
margin-bottom : 0;
padding : 0;
margin-right : -2px;
}
#cart {
box-shadow : none;
cursor : pointer;
margin-bottom : 5px;
margin-top : 35px;
text-align : left;
padding : 0;
margin-left : auto;
margin-right : auto;
position : relative;
}
#cart > .btn {
background : #fff;
border-radius : 8px;
color : #666;
font-family : 'Poppins', sans-serif;
font-size : 16px;
font-weight : 400;
line-height : 38px;
margin : 0 0;
width : 150px;
border : #fff solid 1px;
padding : 8px 8px 8px 8px;
text-align : left;
top : 0;
box-shadow : 0 5px 20px 0 rgb(0 0 0 / 18%);
}
#cart > .btn:hover {
background : #eff1f2;
border : #333e48 solid 1px;
}
#cart > .btn > .fa, #cart > .btn > #cart-total > .fa {
margin-left : 0;
text-shadow : none;
text-align : center;
color : #ff9900;
background : url(../image/icons/ios7-cart-outline.png) center center no-repeat scroll;
border-radius : 3px;
width : 30px;
}
#cart > .btn span {
right : 0;
border-radius : 20px;
color : #fff;
padding : 0 6px;
display : inline-block;
height : 20px;
text-shadow : none;
font-size : 16px;
font-weight : bold;
}
#cart.open > .btn span {
box-shadow : none;
color : #555;
}
#cart.open > .btn {
background-image : none;
box-shadow : none;
color : #666;
text-shadow : none;
}
#cart.open > .btn:hover {
color : #444;
}
#cart .dropdown-menu::before {
content : "";
border-bottom : 5px solid #2C3E50;
border-left : 10px solid transparent;
border-right : 10px solid transparent;
position : absolute;
top : -8px;
right : 10px;
}
#cart .dropdown-menu {
border-top : 3px solid #ea222f;
background : none 0 0 repeat scroll #fff;
padding : 0;
margin-top : 8px;
z-index : 10011;
}
#cart .dropdown-menu {
min-width : 320px;
}
.socol1 {
padding : 0 0 0;
}
.socol {
text-align : center;
padding : 6px 10px 13px 0;
background : none;
}
@media (max-width: 478px) {
#cart .dropdown-menu {
width : 340px;
}
}
#cart .dropdown-menu table {
margin-bottom : 10px;
}
#cart .dropdown-menu li > div {
min-width : 427px;
padding : 0 10px;
}
@media (max-width: 478px) {
#cart .dropdown-menu li > div {
min-width : 340px;
}
#slideyazi p {
font-size : 20px;
font-weight : 600;
top : 10px;
background : #000;
left : 10px;
color : #fff;
position : absolute;
line-height : 50px;
}
}
#cart .dropdown-menu li p {
color : #444;
margin : 20px 0;
}
.sticky-header {
display : inline-block;
height : 50px;
margin-top : 0;
padding-top : 0;
position : fixed;
top : 0;
width : 100%;
z-index : 1000;
}
.hepkat1 {
padding : 0 0;
margin : 0 0 0 0;
}
.orta {
background : none 0 0 repeat scroll #fff;
box-shadow : 0 0 0 4px #eee;
}
.hepkat li {
font-family : 'Poppins', sans-serif;
color : #5E5148;
list-style : none outside none;
padding : 5px 0 5px;
}
.hepkat {
border-radius : 0;
font-family : 'Poppins', sans-serif;
font-weight : bold;
margin : 0 0 0;
min-height : 35px;
padding : 0;
}
.telefons {
letter-spacing : -2px;
background : #222;
font-style : italic;
color : #fff;
padding : 4px 0 0 5px;
font-size : 26px;
font-weight : bold;
line-height : 45px;
text-shadow : 0 1px 1px #444;
}
.telefons svg {
display : inline-block;
margin-bottom : -1px;
}
.telefons span {
display : inline-block;
line-height : 40px;
}
#menu {
background-color : #fff;
border-top : 1px solid #eee;
font-family : 'Poppins', sans-serif;
margin-bottom : 8px;
min-height : 35px;
padding : 0 0;
position : relative;
text-transform : uppercase;
z-index : 2;
box-shadow : 0 5px 20px 0 rgb(0 0 0 / 18%);
}
#menu .container {
background-color : #fff;
}
@media (min-width: 768px) {
#menu .container {
width : 750px;
}
#slideyazi p {
font-size : 20px;
font-weight : 600;
top : 10px;
background : #000;
left : 10px;
color : #fff;
position : absolute;
line-height : 50px;
}
}
@media (min-width: 992px) {
#menu .container {
width : 970px;
}
}
@media (min-width: 1200px) {
#menu .container {
width : 1260px;
}
#slideyazi p {
font-size : 20px;
font-weight : 600;
top : 10px;
background : #000;
left : 10px;
color : #fff;
position : absolute;
line-height : 50px;
}
}
@media (min-width: 768px) {
.container {
width : 750px;
}
}
@media (min-width: 992px) {
.container {
width : 970px;
}
}
@media (min-width: 1200px) {
footer .container {
width : 1260px;
}
.container {
width : 1260px;
}
#slideyazi p {
font-size : 50px;
font-weight : 600;
top : 100px;
background : #000;
left : 50px;
color : #fff;
position : absolute;
line-height : 50px;
}
}
.orta {
background : none 0 0 repeat scroll #fff;
margin-bottom : 24px;
padding : 20px 0 10px;
}
.navbar {
border-radius : 0;
}
.navbar-collapse {
padding : 0;
}
#menu .nav > li:first-child a {
background : none 0 0 repeat scroll #d90000;
margin-left : 0;
}
#menu .nav > li:last-child a {
border-right : medium none;
}
#menu .nav > li > a {
background-color : transparent;
border-right : 1px solid #202430;
color : #222999;
font-size : 15px;
font-weight : 600;
min-height : 15px;
padding : 14px 15px;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
}
#menu .dropdown-menu {
background-color : #fff;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
background-color : rgb(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
padding-bottom : 0;
}
#menu .dropdown-inner {
display : table;
}
#menu .dropdown-inner ul {
display : table-cell;
}
#menu .dropdown-inner a {
clear : both;
color : #202430;
display : block;
font-size : 14px;
line-height : 20px;
min-width : 250px;
padding : 7px 20px;
}
#menu .dropdown-inner li a:hover {
color : #ffffff;
}
#menu .see-all {
border-radius : 0 0 3px 3px;
border-top : 1px solid #ddd;
color : #333;
display : block;
font-size : 12px;
margin-top : 0.5em;
padding : 7px 20px;
}
#menu .see-all:hover, #menu .see-all:focus {
background-color : #202430;
background-repeat : repeat-x;
color : #fff;
text-decoration : none;
}
#menu #category {
color : #fff;
float : none;
font-size : 18px;
font-weight : 300;
line-height : 55px;
margin-left : 20px;
padding-left : 15px;
text-shadow : 0 1px 0 rgb(0, 0, 0, 0.2);
}
#menu .btn-navbar {
background-color : #229ac8;
background-image : linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat : repeat-x;
border-color : #1f90bb #1f90bb #145e7a;
color : #fff;
float : left;
font-size : 15px;
font-stretch : expanded;
margin-left : 10px;
padding : 5px 18px;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
background-color : #229ac8;
color : #ffffff;
}
.megamenu-content {
background-color : #333645;
padding : 10px;
}
.megamenu-content h4 a {
color : #feffff !important ;
}
.megamenu-content .sub_categoy {
margin : 0 0 15px;
padding : 0;
}
.megamenu-content .sub_categoy li a {
color : #9599a4 !important ;
}
.megamenu-content .sub_categoy li a:hover {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0) !important ;
color : #fff !important ;
}
.megamenu-content .sub_categoy li {
border-bottom : 1px solid #9599a4 !important ;
padding : 5px 0;
}
.megamenu-content h3 {
color : #9b9fab;
font-weight : 500;
}
.megamenu-content p {
color : #9b9fab;
}
.navbar-toggle {
background-color : #333;
border : #fff solid 1px;
margin-top : 11px;
}
.navbar-toggle .icon-bar {
border : #fff solid 1px;
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
display : block;
}
}
@media (max-width: 767px) {
.nav-tabs li, .nav-tabs li a {
width : 100%;
}
.mobil {
display : none;
}
#serach {
margin-bottom : 10px;
padding-bottom : 0;
}
#cart {
margin-top : 0;
}
.topcont {
background : none 0 0 repeat scroll #f1f1f1;
padding : 3px;
}
#header #logo {
margin-bottom : 5px;
margin-top : 0;
}
#ust .top_bar_link a i {
font-size : 14px !important ;
}
#ust .top_bar_link a {
border-right : 0 solid #ddd;
font-size : 12px !important ;
padding : 1.2% 1%;
}
.arama {
bottom : 20px;
float : none;
margin-top : 20px;
position : relative;
right : 0;
}
#menu {
border-radius : 0;
}
#menu div.dropdown-inner > ul.list-unstyled {
display : block;
}
#menu div.dropdown-menu {
background-color : #202430;
margin-left : 0 !important ;
padding-bottom : 10px;
}
#menu .dropdown-inner {
display : block;
}
#menu .dropdown-inner a {
color : #fff;
width : 100%;
}
#menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0.1);
}
#menu .see-all {
border : none medium;
border-radius : 0;
color : #fff;
margin-top : 0;
}
}
.toptop {
margin-top : 20px;
}
#column-left .baslik h2 {
background : none 0 0 repeat scroll #fff;
border-style : none none solid;
border-width : medium medium 1px;
color : #666;
padding : 5px 0;
text-align : center;
}
.firsats {
background : none 0 0 repeat scroll #fff;
border-left : medium none;
border-right : medium none;
border-top : medium none;
color : #fff;
font-size : 18px;
padding : 6px 0;
text-align : left;
}
.babos {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0);
margin-top : -21px;
padding : 0;
}
#content {
margin-bottom : 0;
min-height : 60px;
}
.footer-ust {
background : #fbfbfb;
border-bottom : 1px solid #ff9900;
border-top : 1px solid #ff9900;
box-shadow : none;
min-height : 55px;
overflow : hidden;
padding : 30px 0;
}
.box-module-bilgikutucu {
color : #373737;
font-size : 12px;
text-align : center;
}
.box-module-bilgikutucu .description {
display : inline-block;
font-weight : 500;
font-size : 13px;
overflow : hidden;
font-family : 'Poppins', sans-serif;
text-align : center;
}
.rtl .box-module-bilgikutucu .description {
text-align : center;
}
.box-module-bilgikutucu .description p {
color : #373737;
font-family : 'Poppins', sans-serif;
font-size : 18px;
font-weight : 600;
line-height : 25px;
}
.box-module-bilgikutucu .description h4 {
color : #373737;
font-family : 'Poppins', sans-serif;
font-size : 16px;
font-weight : 600;
max-height : 35px;
overflow : hidden;
}
.box-module-bilgikutucu h4, .box-module-bilgikutucu p {
margin : 0;
}
.box-module-bilgikutucu .reassurances {
cursor : pointer;
padding : 0;
}
.box-module-bilgikutucu .column:last-child {
border-right : medium none;
}
.box-module-bilgikutucu .column {
border-right : 1px dashed #ff9900;
cursor : pointer;
padding : 10px 0;
}
.box-module-bilgikutucu .icon-name {
color : #ff9900;
display : block;
font-size : 35px;
margin-bottom : 10px;
text-align : center;
vertical-align : top;
}
.box-module-bilgikutucu .reassurances:hover .arrow {
display : block;
opacity : 1;
visibility : visible;
}
.box-module-bilgikutucu .arrow {
background : none 0 0 repeat scroll transparent;
border : none medium;
bottom : 5px;
display : none;
opacity : 0;
position : absolute;
right : 10px;
visibility : hidden;
}
.rtl .box-module-bilgikutucu .arrow {
left : 20px;
right : auto;
}
footer {
background : #fff;
width : 100%;
height : auto;
color : #fff;
font-family : 'Poppins', sans-serif;
margin-top : 0;
position : relative;
top : auto;
}
#footer.container {
padding : 25px 0 10px;
top : auto;
}
footer hr {
border-bottom : 1px solid #555;
border-top : medium none;
}
footer a {
color : #fff;
font-size : 15px;
font-weight : 500;
}
#footer .column li a:hover {
color : #222;
}
footer a:hover {
color : #222;
}
.footer_icerik .column {
float : left;
line-height : 30px;
margin-left : 45px;
margin-right : 0;
}
.footer_container_width.container {
position : relative;
top : auto;
}
footer h5 {
color : #222;
font-size : 14px;
font-weight : bold;
letter-spacing : 0;
margin-bottom : 18px;
position : relative;
text-shadow : none;
text-transform : uppercase;
}
.footer_logo {
float : right;
border-left : 1px solid #222;
margin-left : 0;
padding : 0 0 15px 15px;
margin-top : 12px;
width : 29%;
}
.hakkimizda-logo {
padding-bottom : 20px;
}
#footer_sol_block.col-sm-3.column {
margin : 0;
padding : 0;
width : 100%;
}
.hakkimizda-description {
color : #222;
font-size : 15px;
text-align : justify;
line-height : 25px;
}
.footer_icerik {
border-right : 0 solid #79685E;
float : left;
width : 70%;
}
.footer_icerik_ust {
overflow : hidden;
padding : 27px 0 9px 0;
}
.content_alt_solcol .col-sm-3.column {
float : left;
margin-left : 0;
margin-right : 40px;
padding : 0;
width : 260px;
}
.comun {
width : 220px;
}
.content_alt_solcol ul li {
color : #222;
font-size : 15px;
line-height : 30px;
}
@media (max-width: 979px) {
#footer .column ul {
display : none;
}
#footer .column {
width : 100%;
}
}
.content_alt_ust {
overflow : hidden;
position : relative;
}
#footer_sol_block > h5, .footer_logo .social_block h5, .social_block h5 {
display : none;
}
#footer_sol_block > ul, .payment_block, #links > ul {
list-style : none outside none;
margin : 0;
padding : 0;
}
#footer .social_block, .col-sm-3.column > ul {
list-style : none outside none;
margin : 0;
padding : 0;
}
.content_alt_solcol .social_block ul li {
cursor : pointer;
display : inline-block;
height : 25px;
line-height : 0;
margin : 10px 0 0;
padding : 0;
text-align : center;
vertical-align : middle;
width : 22px;
}
.footer_right {
float : right;
margin-top : 0;
}
.footer_right .payment_block li {
display : inline-block;
height : 35px;
margin-right : 4px;
width : 35px;
}
.footer_right .payment_block li:last-child {
margin-right : 0;
}
.footer_right .payment_block .visa > a {
background : url("../image/socials/facebook.png") 0 0 no-repeat scroll transparent;
display : block;
padding : 16px;
}
.footer_right .payment_block .mastro > a {
background : url("../image/socials/twitter.png") 0 0 no-repeat scroll transparent;
display : block;
padding : 16px;
}
.footer_right .payment_block .paypal > a {
background : url("../image/socials/pinterest.png") 0 0 no-repeat scroll transparent;
display : block;
padding : 16px;
}
.footer_right .payment_block .mastercard > a {
background : url("../image/socials/youtube.png") 0 0 no-repeat scroll transparent;
display : block;
padding : 16px;
}
.footer_sol_alt {
padding-top : 10px;
border-top : 1px solid #222;
}
.footer_icerik_alt {
clear : both;
text-align : center;
overflow : hidden;
padding : 0 0 10px 0;
}
.footer_sol_alt #links ul li {
background : url("../image/stil/bkg_pipe1.gif") 100% 60% no-repeat scroll transparent;
display : inline;
padding : 0 8px 0 5px;
}
.footer_sol_alt #links ul li.first {
padding-left : 0;
}
.footer_sol_alt #links ul li.last {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0);
padding-right : 0;
}
.footer_sol_alt > p {
color : #222;
font-weight : 700;
font-size : 15px;
margin : 10px 0 0;
}
#footer .row {
margin : 0 10px;
}
.social_block {
margin : 2px 0 0;
text-align : center;
}
.social_block > ul {
display : inline-block;
list-style : none outside none;
margin : 0;
padding : 0;
}
.social_block ul li {
cursor : pointer;
display : inline-block;
height : 15px;
line-height : 0;
margin : 6px 0 0;
padding : 0;
text-align : center;
vertical-align : middle;
width : 22px;
}
.social_block ul li a {
color : #fff;
}
.social_block ul li .fa {
font-size : 11px;
}
.social_block ul li:hover a {
color : #919191;
}
.layout-2.left-col #content .breadcrumb {
padding : 0;
}
.sitemap {
border : #e4e4e4 solid 1px;
line-height : 22px;
padding : 10px 0;
}
.address-detail .btn.btn-info {
clear : both;
float : left;
margin : 10px 0 10px 35px;
position : relative;
}
.copyright {
padding : 5px;
text-align : center;
}
.copyright a {
color : #ad0573;
}
.imghover {
transition : all 0.4s 0s ease-in-out;
}
.imghover:hover {
transform : scale(2.1);
}
.rpulling {
float : right;
}
footer p {
font-size : 14px;
line-height : 1.42857;
}
footer a {
color : #6b6b6b;
}
footer a:hover {
color : #222;
}
footer h5 {
color : #222;
font-family : 'Poppins', sans-serif;
font-size : 20px;
font-weight : 700;
text-align : left;
}
.alert {
padding : 8px 14px;
}
.gray {
background : none 0 0 repeat scroll #f1f1f1;
margin-bottom : 20px;
padding : 0;
}
.breadcrumb {
text-align : left;
border : #eee solid 1px;
background-color : #f1f1f1 !important ;
margin-bottom : 15px;
margin-top : -5px;
padding : 5px 10px !important ;
}
.breadcrumb span {
border-bottom : 1px solid #365271;
}
.breadcrumb li a {
font-family : 'Poppins', sans-serif;
color : #2C3E50;
font-size : 15px;
}
.breadcrumb li a:hover {
color : #333;
}
.breadcrumb > li + li::before {
color : #222;
content : " / ";
padding : 0 5px;
}
.pagination {
margin : 0;
}
.buttons {
margin : 1em 0;
}
.btn {
background : none 0 0 repeat scroll #d90000;
border : #fd876f solid 0;
border-radius : 4px;
color : #fff;
font-size : 12px;
padding : 7.5px 20px;
}
.btn-xs {
font-size : 9px;
}
.btn-sm {
font-size : 10.2px;
}
.btn-lg {
font-size : 15px;
padding : 10px 16px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size : 12px;
}
.btn-group > .btn-xs {
font-size : 9px;
}
.btn-group > .btn-sm {
font-size : 10.2px;
}
.btn-group > .btn-lg {
font-size : 15px;
}
.btn-fumebuck {
background-color : #333;
color : #fff;
text-shadow : 0 1px 0 rgb(255, 255, 255, 0.5);
}
.btn-fumebuck:hover {
border : #333 solid 1px !important ;
color : #fff !important ;
}
.btn-sepet {
background-color : #222;
padding : 10px 25px !important ;
border-radius : 0;
color : #ffffff;
}
.btn-default {
color : white;
background-color : #1d9ee0;
}
.btn-default:hover {
color : #666;
background-color : #ccc;
}
.show > .dropdown-toggle.btn-default, .btn-default:hover, .btn-default.hover, .btn-default:focus, .btn-default:active, .btn-default.active {
color : white;
background-color : #cacfd2;
border-color : #cacfd2;
}
.show > .dropdown-toggle.btn-default, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active {
background : #a1a6a9;
border-color : #a1a6a9;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled.hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled].hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default.hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
background-color : #bdc3c7;
border-color : #bdc3c7;
}
.btn-default .badge {
color : #bdc3c7;
background-color : white;
}
.btn-primary {
color : white;
background-color : #1abc9c;
}
.show > .dropdown-toggle.btn-primary, .btn-primary:hover, .btn-primary.hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
color : white;
background-color : #48c9b0;
border-color : #48c9b0;
}
.show > .dropdown-toggle.btn-primary, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
background : #16a085;
border-color : #16a085;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled.hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled].hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary.hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
background-color : #bdc3c7;
border-color : #1abc9c;
}
.btn-primary .badge {
color : #1abc9c;
background-color : white;
}
.btn-info {
color : white;
background-color : #3498db;
}
.show > .dropdown-toggle.btn-info, .btn-info:hover, .btn-info.hover, .btn-info:focus, .btn-info:active, .btn-info.active {
color : white;
background-color : #5dade2;
border-color : #5dade2;
}
.show > .dropdown-toggle.btn-info, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
background : #2c81ba;
border-color : #2c81ba;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled.hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled].hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info.hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
background-color : #bdc3c7;
border-color : #3498db;
}
.btn-info .badge {
color : #3498db;
background-color : white;
}
.btn-danger {
color : white;
background-color : #222;
}
.show > .dropdown-toggle.btn-danger, .btn-danger:hover, .btn-danger.hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
color : white;
background-color : #ec7063;
border-color : #ec7063;
}
.show > .dropdown-toggle.btn-danger, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {
background : #c44133;
border-color : #c44133;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled.hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled].hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger.hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
background-color : #bdc3c7;
border-color : #222;
}
.btn-danger .badge {
color : #222;
background-color : white;
}
.btn-success {
color : white;
background-color : #2ecc71;
}
.show > .dropdown-toggle.btn-success, .btn-success:hover, .btn-success.hover, .btn-success:focus, .btn-success:active, .btn-success.active {
color : white;
background-color : #58d68d;
border-color : #58d68d;
}
.show > .dropdown-toggle.btn-success, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active {
background : #27ad60;
border-color : #27ad60;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled.hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled].hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success.hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
background-color : #bdc3c7;
border-color : #2ecc71;
}
.btn-success .badge {
color : #2ecc71;
background-color : white;
}
.btn-warning {
color : white;
background-color : #f1c40f;
}
.show > .dropdown-toggle.btn-warning, .btn-warning:hover, .btn-warning.hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
color : white;
background-color : #f4d313;
border-color : #f4d313;
}
.show > .dropdown-toggle.btn-warning, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
background : #cda70d;
border-color : #cda70d;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled.hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled].hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning.hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
background-color : #bdc3c7;
border-color : #f1c40f;
}
.btn-warning .badge {
color : #f1c40f;
background-color : white;
}
.btn-inverse {
color : white;
background-color : #34495e;
}
.show > .dropdown-toggle.btn-inverse, .btn-inverse:hover, .btn-inverse.hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active {
color : white;
background-color : #415b76;
border-color : #415b76;
}
.show > .dropdown-toggle.btn-inverse, .btn-inverse:not(:disabled):not(.disabled):active, .btn-inverse:not(:disabled):not(.disabled).active {
background : #2c3e50;
border-color : #2c3e50;
}
.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled.hover, .btn-inverse.disabled:focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled].hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse.hover, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse.active {
background-color : #bdc3c7;
border-color : #34495e;
}
.btn-inverse .badge {
color : #fff;
background-color : #EA2027;
}
.btn-link {
border-color : rgb(0, 0, 0, 0);
border-radius : 0;
color : #23a1d1;
cursor : pointer;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color : rgb(0, 0, 0, 0);
background-image : none;
box-shadow : none;
}
.btn-inverse {
background-color : #363636;
background-image : linear-gradient(to bottom, #444444, #222222);
background-repeat : repeat-x;
border-color : #222222 #222222 #323a45;
color : #ffffff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background-color : #222222;
background-image : linear-gradient(to bottom, #333333, #111111);
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
border : #333 solid 1px !important ;
}
.list-group {
padding-bottom : 0;
}
.list-group-item:first-child, .list-group-item:last-child {
border-radius : 0;
}
.list-group a {
background : none 0 0 repeat scroll #fff;
border-bottom : 0 solid #eee;
color : #555;
font-family : Arial;
font-weight : bold;
padding : 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
background : none 0 0 repeat scroll #333;
color : #fff;
}
.carousel-caption {
color : #ffffff;
text-shadow : 0 1px 0 #323a45;
}
.carousel-control .icon-prev::before {
content : "";
font-family : FontAwesome;
}
.carousel-control .icon-next::before {
content : "";
font-family : FontAwesome;
}
.cerceve {
background : #fff;
padding : 15px;
border : #eee solid 1px;
margin-bottom : 20px;
}
#column-right .product-thumb, #column-left .product-thumb {
border-top : none;
border-right : none;
border-left : none;
border-radius : 0;
background : #Fff;
border-bottom : 1px solid #eee;
margin : 0;
margin-bottom : 15px;
min-height : 20px;
overflow : auto;
padding : 7px;
}
#column-right .col-lg-2, #column-right .col-md-3, #column-right .col-sm-6 {
width : 100%;
}
#column-left .col-lg-2, #column-left .col-md-3, #column-left .col-sm-6 {
width : 100%;
}
#column-right .product-thumb .image, #column-left .product-thumb .image {
float : left;
margin-bottom : 0;
margin-right : 6px;
padding-bottom : 0;
text-align : center;
}
#column-right .product-thumb .image a, #column-left .product-thumb .image a {
display : block;
margin-bottom : 0;
}
#column-right .product-thumb .image a:hover, #column-left .product-thumb .image a:hover {
opacity : 0.8;
}
#column-right .product-thumb .image:hover img, #column-left .product-thumb .image:hover img {
border : #f5f5f5 solid 1px;
box-shadow : 0 0 0 #eee;
}
#column-right .product-thumb .image img, #column-left .product-thumb .image img {
border : #f5f5f5 solid 1px;
border-radius : 0;
box-shadow : 0 0 0 #eee;
margin-bottom : 0;
padding : 0;
}
#column-right .product-layout {
background-color : #fff;
border-radius : 0;
margin : 5px 0 10px;
}
#column-right .product-thumb h4, #column-left .product-thumb h4 {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0);
color : #222;
font-weight : normal;
margin-bottom : 5px;
margin-left : 70px;
margin-top : 0;
line-height : 14px;
min-height : 25px;
text-align : left;
}
#column-right .product-thumb h4 a, #column-left .product-thumb h4 a {
color : #666;
line-height : 14px;
font-size : 14px;
}
#column-right .product-thumb .caption, #column-left .product-thumb .caption {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0);
margin-bottom : 0;
min-height : 20px;
padding : 0 5px;
position : relative;
}
#column-right .product-layout .indirim, #column-left .product-layout .indirim {
border-radius : 2px;
color : #fff;
font-weight : 500;
font-size : 12px;
line-height : 12px;
padding : 5px 3px 5px;
position : absolute;
right : 0;
text-align : center;
top : 35px;
width : 46px;
}
#column-right .product-layout .indirim::after, #column-left .product-layout .indirim::after {
border-top : 28px solid #222;
display : none;
border-right : 28px solid transparent;
border-left : 28px solid transparent;
top : 45px;
content : "";
position : absolute;
left : 0;
}
#column-right .leftrightx, #column-left .leftrightx {
padding : 0 0;
}
#column-right .product-thumb .price, #column-left .product-thumb .price {
color : #222;
font-size : 13px;
font-weight : 700;
margin-left : 70px;
margin-top : 0;
text-align : left;
}
#column-left .product-thumb .price-new, #column-right .product-thumb .price-new {
font-size : 18px;
line-height : 12px;
}
#column-right .product-thumb .price-old, #column-left .product-thumb .price-old {
color : #222;
display : block;
font-size : 12px;
font-weight : 400;
line-height : 12px;
margin-left : 0;
margin-right : 0;
text-decoration : line-through;
}
#column-right .product-thumb .price-tax, #column-left .product-thumb .price-tax {
color : #222;
display : block;
font-size : 12px;
}
.leftrightx {
padding : 4px;
}
.bilgi-2 {
position : absolute;
bottom : 70px;
left : 5px;
background : #fe9900;
font-size : 10px;
color : #ffffff;
font-weight : 400;
display : inline-block;
padding : 4px 4px 4px 4px;
border-radius : 15px;
box-shadow : 1px 1px 10px -2px #f00;
text-shadow : none;
}
.bilgi-1 {
position : absolute;
bottom : 35px;
left : 5px;
background : #00a7ea;
font-size : 10px;
color : #ffffff;
font-weight : 400;
display : inline-block;
padding : 4px 4px 4px 4px;
border-radius : 15px;
box-shadow : 1px 1px 10px -2px #00a7ea;
text-shadow : none;
}
.product-thumb {
background : #fff;
border : #ddd solid 1px;
border-radius : 10px;
padding : 3px;
margin-bottom : 0;
overflow : hidden;
}
.product-thumb:hover .price {
color : #3cb228;
transition : all 400ms 0s ease-in-out;
}
.product-thumb:hover {
box-shadow : 0 0 10px 0 #8f8f8f;
}
.yeni {
left : 10px;
position : absolute;
top : 15px;
z-index : 999999999;
}
.miktar {
background : url("../image/tukendi.png") 0 0 no-repeat scroll rgb(0, 0, 0, 0);
height : 80px;
left : 0;
position : absolute;
top : 105px;
width : 80px;
z-index : 2;
}
.product-thumb .image {
border-bottom : 0 solid #eee;
position : relative;
padding : 0;
text-align : center;
}
.product-thumb .image a {
display : block;
}
.product-thumb .image a:hover::before {
position : absolute;
top : 50%;
left : 50%;
z-index : 2;
display : block;
content : '';
width : 0;
height : 0;
background : rgb(255, 255, 255, 0.2);
border-radius : 100%;
transform : translate(-50%,-50%);
opacity : 0;
}
.product-thumb .image a:hover::before {
animation : circle 0.75s;
}
@keyframes circle {
0% {
opacity : 1;
}
40% {
opacity : 1;
}
100% {
width : 200%;
height : 200%;
opacity : 0;
}
}
.product-thumb .image img {
margin-left : auto;
margin-right : auto;
}
.product-grid .product-thumb .image imghover {
float : none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
float : left;
padding : 0;
}
}
.product-thumb h4 {
color : #222;
font-weight : 300;
line-height : 20px;
margin-bottom : 0;
min-height : 36px;
text-align : center;
}
.product-thumb h4 a {
color : #222;
font-family : 'Poppins', sans-serif;
font-size : 14px;
font-weight : bold;
}
.product-thumb:hover h4 a {
color : #222;
}
.product-thumb .caption {
background : none 0 0 repeat scroll #f8f8f8;
padding : 1px 1px 1px;
margin-top : 3px;
bottom : -3px;
position : relative;
text-align : center;
height : 100px;
z-index : 2;
}
.product-layout .sale {
background-color : #D6BC9D;
color : #fff;
left : 0;
border-radius : 50%;
padding : 10px;
position : absolute;
top : 0;
}
.product-layout .indirim {
background : #f11627;
border-radius : 2px;
font-weight : 500;
color : #fff;
font-size : 12px;
padding : 9px 2px 11px;
position : absolute;
right : 5px;
box-shadow : 0 0 5px #A99A92;
text-align : center;
top : 0;
line-height : 13px;
width : 56px;
}
.product-layout .indirim::after {
border-top : 10px solid #f11627;
border-right : 28px solid transparent;
border-left : 28px solid transparent;
top : 45px;
content : "";
position : absolute;
left : 0;
}
.product-list .indirim {
right : 0;
}
.product-list .description {
display : block;
}
.product-grid .description {
display : none;
}
.product-list .product-thumb img {
max-width : 250px;
}
.product-list .product-thumb h4 {
text-align : left;
}
.product-list .product-thumb .price {
text-align : left;
}
.product-list .product-thumb .caption {
margin-left : 270px;
text-align : left;
}
.product-list .wish_compare {
padding : 0 10px;
}
.product-list .image a {
overflow : hidden;
}
.cat-liste {
background : none 0 0 repeat scroll #f5f5f5;
list-style : none outside none;
padding : 4px;
text-align : center;
}
.backgrod {
background-color : #fff;
border-top : 1px solid #eee;
border-bottom : 1px solid #eee;
color : #777;
font-size : 14px;
padding : 7px;
}
.product_heading {
color : #222;
font-family : 'Poppins', sans-serif;
font-size : 20px;
font-weight : 700;
margin : 0 0 20px;
text-align : center;
}
.product_infos {
font-family : 'Poppins', sans-serif;
border-bottom : 0 solid #eee;
margin-top : 11px;
}
.product_infos ul li {
color : #777;
font-family : 'Poppins', sans-serif;
font-size : 13px;
margin-bottom : 20px;
font-weight : normal;
line-height : 25px;
}
.specialPercente {
background : #f11627;
border-radius : 2px;
font-weight : 500;
color : #fff;
font-size : 18px;
padding : 9px 2px 11px;
position : absolute;
right : 5px;
text-align : center;
top : -12px;
line-height : 20px;
width : 70px;
}
.specialPercente::after {
border-top : 10px solid #f11627;
border-right : 35px solid transparent;
border-left : 35px solid transparent;
top : 60px;
content : "";
position : absolute;
left : 0;
}
.mainprice {
margin-top : 10px;
margin-bottom : 10px;
min-height : 10px;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
.mainprice h1 {
font-family : 'Poppins', sans-serif;
font-weight : 400;
color : #222;
font-size : 30px;
top : 0;
display : inline;
}
.mainprice span {
color : #bdc3c7;
font-family : 'Poppins', sans-serif;
font-size : 18px;
text-decoration : line-through;
font-weight : normal;
}
.mainprice .eski {
display : inline-block;
color : #222;
font-family : 'Poppins', sans-serif;
font-size : 14px;
text-align : center;
width : 50%;
font-weight : bold;
}
.mainprice .yeni {
display : inline-block;
color : #222;
font-family : 'Poppins', sans-serif;
font-size : 14px;
text-align : center;
width : 50%;
font-weight : bold;
}
.mainprice ul li {
padding : 0 0 0 0;
text-align : center;
margin : 0 0;
}
.nav-tabs ul {
float : none;
text-align : center;
border-radius : 5px 5px 0 0;
}
.nav-tabs {
margin-top : 10px;
font-family : 'Poppins', sans-serif;
text-align : center;
margin-bottom : 0;
background : none;
min-height : 40px;
float : none;
border-bottom : 2px solid #1d9ee0;
border-radius : 5px 5px 0 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
background-color : #1d9ee0;
color : #fff;
border-radius : 5px 5px 0 0;
}
.tab-pane {
line-height : 25px;
}
.owl-wrapper-outer {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0);
}
.nav-tabs li a {
transition : all 400ms 0s ease-in-out;
background : #ff9900;
color : #fff;
font-size : 17px;
font-weight : 600;
margin-bottom : 0;
font-family : 'Poppins', sans-serif;
border-radius : 5px 5px 0 0;
}
.nav-tabs li a:hover {
background : #666;
color : #fff;
transition : all 400ms 0s ease-in-out;
border-radius : 5px 5px 0 0;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
min-height : 210px;
padding : 0 5px;
}
.backgrod .selecting {
margin-left : 5px;
max-width : 50%;
}
.backgrod .comparing {
font-size : 10px;
}
}
@media (max-width: 767px) {
#cart > .btn {
border : #eee solid 0;
margin-top : 5px;
width : 100%;
}
.specialPercente {
background : #f11627;
border-radius : 2px;
font-weight : 500;
color : #fff;
font-size : 12px;
padding : 9px 2px 5px;
position : absolute;
right : 23px;
text-align : center;
top : -17px;
line-height : 20px;
width : 40px;
}
.specialPercente::after {
border-top : 10px solid #f11627;
border-right : 20px solid transparent;
border-left : 20px solid transparent;
top : 54px;
content : "";
position : absolute;
left : 0;
}
.arama {
width : 100%;
}
.product-list .product-thumb .caption {
margin-left : 0;
min-height : 0;
padding : 7px 10px;
}
.product-grid .product-thumb .caption {
min-height : 0;
}
}
.product-thumb .rating {
line-height : normal;
margin-top : 0;
display : none;
padding-bottom : 0;
}
.rating .fa-stack, #review .fa-stack {
font-size : 8px;
width : 12px;
}
.rating .fa-star-o, #review .fa-star-o, .rating-wrapper .fa-star-o {
color : #f5cb0c;
font-size : 11px;
}
.rating .fa-star, #review .fa-star, .rating-wrapper .fa-star {
color : #f5cb0c;
font-size : 11px;
}
.rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o, .rating-wrapper .fa-star + .fa-star-o {
color : #f5cb0c;
}
.rating .fa-star.off, .rating-wrapper .fa-star.off {
color : #ccc;
}
h2.price {
margin : 0;
}
.row1 {
margin-left : -10px;
margin-right : -10px;
}
.product-thumb .price {
font-family : 'Poppins', sans-serif;
color : #222;
font-size : 21px;
margin : 0;
font-weight : 700;
line-height : 18px;
text-align : center;
display : inline-block;
}
.product-thumb .price-new {
font-size : 18px;
margin-left : 0;
display : inline-block;
}
.product-thumb .price-old {
color : #222;
font-weight : 700;
margin-right : 2px;
font-size : 18px;
text-decoration : line-through;
display : inline-block;
}
.product-thumb button {
background-color : #323a45;
border : none medium;
border-radius : 0;
color : #fff;
font-size : 14px;
margin-top : 0;
padding : 7px 3px 5px;
text-transform : uppercase;
}
.tarihh {
font-size : 12px;
border : #eee solid 1px;
padding : 6px;
}
.tarihh i {
font-size : 15px;
color : #111;
}
.product-info .labes {
font-size : 13px;
font-weight : bold;
}
.kargos {
font-size : 12px;
border : #666 solid 1px;
color : #777;
font-weight : bold;
padding : 10px 6px;
background : #FFF;
text-align : center;
width : 85px;
line-height : 15px;
border-radius : 10px 10px 10px 10px;
}
.kargos i:hover {
color : #36485C;
}
.kargos i:hover {
color : #36485C;
}
.kargos:hover {
color : #36485C;
box-shadow : 1px 1px 5px 0 rgb(0, 0, 0, 0.75);
}
#product {
padding : 5px 15px 5px;
margin-bottom : 15px;
box-shadow : 0 5px 20px 0 rgb(0 0 0 / 18%);
border-radius : 10px 10px 10px 10px;
background : #fff;
}
#product1 {
padding : 15px 15px 5px;
margin-bottom : 15px;
background : #fff;
box-shadow : 0 5px 20px 0 rgb(0 0 0 / 18%);
border-radius : 10px 10px 10px 10px;
}
.product-thumb button:hover {
background-color : #34495e;
}
.product-info {
background : none 0 0 repeat scroll #fff;
border : #eee solid 1px;
border-radius : 0;
height : auto;
margin-bottom : 15px;
padding : 0;
}
.resims {
border-left : 1px solid #eee;
padding : 10px 15px 15px 15px;
margin : 0;
}
.desc {
color : #555;
font-family : 'Poppins', sans-serif;
font-size : 13px;
font-weight : normal;
margin-right : 10px;
text-transform : none;
}
.cat-info {
background : none 0 0 repeat scroll #fff;
border-bottom : 0 solid #eee;
border-radius : 3px;
height : auto;
margin-bottom : 0;
padding : 10px;
}
.pcat-info {
background : none 0 0 repeat scroll #fff;
border-radius : 2px;
height : auto;
margin-bottom : 20px;
padding : 10px 0;
}
.pcat-infos {
background : none 0 0 repeat scroll #fff;
border-radius : 4px;
height : auto;
padding : 15px 15px 30px;
}
.tab-con {
background : none 0 0 repeat scroll #fff;
border : #eee solid 1px;
border-radius : 0;
color : #806B62;
font-size : 15px;
padding : 20px;
}
.wish_compare {
padding : 10px;
}
.wish_compare a {
color : #323a45;
cursor : pointer;
font-size : 12px;
text-transform : uppercase;
}
.wish_compare a i {
margin-right : 4px;
}
.product-thumb .price-tax {
color : #222;
display : none;
font-size : 12px;
}
.product-thumb .button-group {
bottom : -95px;
left : 0;
overflow : auto;
position : absolute;
right : 0;
transition : all 0.3s 0s ease;
z-index : 1;
}
.product-thumb:hover .button-group {
bottom : 0;
}
.alert-success {
background-color : #2ecc71;
border-radius : 0;
box-shadow : 0 0 0 #222;
color : #fff;
font-size : 16px;
margin-bottom : 0;
text-align : center;
}
.alert-success a {
color : #fff;
font-size : 18px;
font-weight : bold;
}
.product-list .product-thumb .button-group {
border-left : 0 solid #ddd;
}
@media (max-width: 768px) {
.specialthemes1 .box-module-bilgikutucu .column {
border-bottom : 0 solid #333;
border-right : 0 solid #333;
border-top : 0 solid #333;
margin-bottom : 10px;
}
.product-list .product-thumb .button-group {
border-left : medium none;
}
}
.product-thumb .button-group button {
background : none 0 0 repeat scroll #1d9ee0;
border : #ccc solid 0;
display : inline-block;
float : left;
font-size : 12px;
color : #fff;
font-weight : bold;
line-height : 20px;
text-align : center;
text-transform : uppercase;
width : 50%;
}
.product-thumb .button-group button + button {
background-color : #ff9900;
color : #fff;
border-left : 0 solid #fff;
width : 50%;
}
.product-thumb .button-group button:hover {
background-color : #3cb228;
color : #fff;
cursor : pointer;
text-decoration : none;
}
@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width : 50%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width : 50%;
}
}
.img-thumbnail {
display : inline-block;
max-width : 100%;
height : auto;
padding : 4px;
line-height : 1.42857143;
background-color : #fff;
border-radius : 10px;
border : none;
transition : all 0.2s ease-in-out;
box-shadow : 0 5px 20px 0 rgb(0 0 0 / 18%);
}
.thumbnail {
margin-bottom : 10px;
}
.thumbnails {
clear : both;
list-style : none outside none;
margin : 0;
overflow : auto;
padding : 0;
}
.thumbnails > li {
margin-left : 0;
}
.thumbnails {
margin-left : 0;
}
.thumbnails > img {
width : 100%;
}
.image-additional a {
border : #eee solid 1px;
display : block;
border-radius : 1px;
margin-bottom : 10px;
padding : 5px;
}
.image-additional {
max-width : 187px;
}
.thumbnails .image-additional {
float : left;
margin-right : 10px;
}
.product-buttons button {
background-attachment : scroll;
background-clip : border-box;
background-color : #333 !important ;
background-image : none;
background-origin : padding-box;
background-position : 0 0;
background-repeat : repeat;
background-size : auto auto;
border : none medium;
color : #fff !important ;
margin-bottom : 15px;
}
.product-buttons a {
background-attachment : scroll;
background-clip : border-box;
background-color : #333 !important ;
background-image : none;
background-origin : padding-box;
background-position : 0 0;
background-repeat : repeat;
background-size : auto auto;
border : none medium;
color : #fff !important ;
font-size : 16px;
padding : 10px 20px;
}
#sidecategory .category_menu ul > li > ul {
width : 698px;
}
@media (max-width: 990px) {
.footer_logo {
border-left : 0 solid #79685E;
padding : 0;
}
#sidecategory .category_menu ul > li > ul {
width : 550px;
}
}
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width : 100%;
}
#column-left + #content .product-layout .col-md-3 {
width : 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3 {
width : 100%;
}
#content + #column-right .product-layout .col-md-3 {
width : 100%;
}
}
#column-left .product-layout, #column-right .product-layout {
width : 100%;
}
#column-left .leftrightx, #column-right .leftrightx {
width : 100%;
}
.product-layout {
border-radius : 0;
margin-top : 0;
}
.slideshow .owl-wrapper-outer {
border : none medium;
border-radius : 0;
box-shadow : none;
}
#sidecategory {
background-color : #f8f8f8;
border : #333 solid 1px;
margin-bottom : 30px;
padding-bottom : 0;
}
#sidecategory .categorybg {
background-color : #e5e5e5;
}
#sidecategory .list-group {
margin-bottom : 0;
}
#sidecategory .category_menu ul li {
border-bottom : 1px solid #fff;
border-right : medium none;
float : none;
text-transform : uppercase;
}
#sidecategory .category_menu .navbar-nav li a {
color : #323a45;
}
#sidecategory .category_menu .navbar-nav .dropdown-menu li a {
color : #f2f2f2;
}
#sidecategory .category_menu .navbar-nav .dropdown ul li a:hover {
background-color : #f2f2f2;
color : #323a45;
}
#sidecategory .category_menu ul {
width : 100%;
}
#sidecategory .category_menu ul li .dropdown-menu {
left : 100%;
min-height : 255px;
top : 0;
}
#sidecategory .sublisting {
width : 550px;
}
#sidecategory .sublisting li {
border : none medium;
}
.brands {
background-color : #333;
color : #efefef;
display : inline-block;
font-size : 16px;
margin : 0 0 12px;
padding : 10px;
text-transform : uppercase;
width : 100%;
}
.margin {
margin-bottom : 20px;
}
.bckground2 {
background : url("../image/cath2.png") right center no-repeat scroll #333;
color : #fff;
font-family : 'Poppins', sans-serif;
margin-bottom : 5px;
padding : 4px 40px 3px 25px;
text-align : left;
}
.bckground1 {
color : #fff;
font-family : 'Poppins', sans-serif;
font-size : 18px;
margin-bottom : 5px;
padding : 8px 0 5px 5px;
text-align : left;
}
.bckground {
background : url("../image/sizinh2.png") right center no-repeat scroll #bada70;
color : #fff;
font-family : 'Poppins', sans-serif;
margin-bottom : 5px;
padding : 4px 40px 0 25px;
text-align : center;
}
.customstyle {
background-color : #fff;
border-right : 0 solid #eee;
margin-bottom : 10px;
padding : 0;
}
.tab-content {
font-family : 'Poppins', sans-serif;
margin-bottom : 10px;
}
@media only screen and (max-width: 1200px) {
.header_icon_text {
margin : 2px 10px 0 0 !important ;
}
.top_bar_link {
text-align : center;
}
.top_bar_link span {
display : none;
}
.top_bar_link a {
padding : 1.2% 5%;
}
}
@media only screen and (max-width: 786px) {
.mcenter {
align-items : center;
display : flex;
justify-content : center;
}
.rpulling {
float : none;
}
.header_banners {
align-items : center;
display : flex;
justify-content : center;
}
.product-buttons button {
margin : 10px 0;
}
.product-buttons a {
margin : 10px 0;
}
}
.well p {
margin : 12px 0 !important ;
}
.list-unstyled {
margin : 10px 0;
}
.list-unstyled li {
line-height : 30px;
}
.cartinput {
height : 37px;
margin-top : 1px;
}
.h3manufactute {
color : #333;
margin : 20px 0;
}
.write-review, .review-count {
border-left : 1px solid #eee;
color : #b9b9b9;
padding : 0 10px;
}
.review-count {
margin-left : 10px;
}
.rating-wrapper {
border-top : 1px solid #eee;
font-size : 14px;
margin : 5px 0 0;
padding : 6px 0;
}
.form-group.qty {
border-bottom : 0 solid #eee;
border-top : 0 solid #eee;
margin-bottom : 0;
margin-top : 0;
padding : 10px 0 5px;
}
.form-group.qty .control-label {
float : left;
margin : 6px 10px 0 0;
}
#content #product .compare {
margin-left : 1px;
}
#content .wishlist {
background : url("../image/stil/compare.png") 14px -31px no-repeat scroll #323a45;
border : #323a45 solid 1px;
height : 33px;
margin : 0 3px;
transition : none 0s 0s ease;
width : 33px;
}
.btn-block {
display : inline-block;
width : 100%;
}
input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
width : auto;
}
#content .wishlist:hover {
background-color : #eee;
background-position : 14px 9px;
border-color : #ccc;
}
#content .compare {
background : url("../image/stil/compare.png") 14px -111px no-repeat scroll #323a45;
border : #323a45 solid 1px;
height : 33px;
margin-left : 2px;
transition : none 0s 0s ease;
width : 33px;
}
#content .compare:hover {
background-color : #eee;
background-position : 14px -70px;
border-color : #ccc;
}
#input-quantity {
float : right;
margin-right : 0;
width : 100%;
}
.input-group .form-control[name^="quantity"] {
min-width : 100%;
height : 50%;
font-weight : bold;
}
.quantity {
position : relative;
}
#button-cart:hover {
background-color : #202930;
color : #fff;
box-shadow : 0 5px 10px -2px #202930;
}
#button-cart {
background-color : #54C259;
border : none medium;
border-radius : 3px;
color : #fff;
font-size : 15px;
font-weight : normal;
letter-spacing : 0;
padding : 8px 9px 7px;
margin-bottom : -5px;
width : 100%;
height : 45px;
font-weight : bold;
text-transform : uppercase;
box-shadow : 0 5px 10px -2px #54C259;
transition : all 0.3s cubic-bezier(0.25,0.8,0.25,1);
}
#button-demo:hover {
background-color : #202930;
color : #fff;
box-shadow : 0 5px 10px -2px #202930;
}
#button-demo {
background-color : #2E7EB3;
border : none medium;
border-radius : 3px;
color : #fff;
font-size : 15px;
font-weight : normal;
letter-spacing : 0;
padding : 8px 9px 7px;
margin-bottom : -5px;
width : 100%;
height : 45px;
font-weight : bold;
text-transform : uppercase;
box-shadow : 0 5px 10px -2px #2E7EB3;
transition : all 0.3s cubic-bezier(0.25,0.8,0.25,1);
}
#button-hizli:hover {
background-color : #2E7EB3;
color : #fff;
box-shadow : 0 5px 10px -2px #202930;
}
#button-hizli {
background-color : #f11627;
border : none medium;
border-radius : 3px;
color : #fff;
font-size : 15px;
font-weight : normal;
letter-spacing : 0;
padding : 8px 9px 7px;
width : 100%;
height : 45px;
font-weight : bold;
text-transform : uppercase;
box-shadow : 0 5px 10px -2px #f11627;
transition : all 0.3s cubic-bezier(0.25,0.8,0.25,1);
}
#button-pack:hover {
background-color : #54C259;
color : #fff;
box-shadow : 0 5px 10px -2px #54C259;
}
#button-pack {
background-color : #FBA431;
border : none medium;
border-radius : 3px;
color : #fff;
font-size : 15px;
font-weight : normal;
letter-spacing : 0;
padding : 8px 9px 7px;
width : 100%;
height : 45px;
font-weight : bold;
text-transform : uppercase;
box-shadow : 0 5px 10px -2px #FBA431;
transition : all 0.3s cubic-bezier(0.25,0.8,0.25,1);
}
#button-ssor:hover {
background-color : #f11627;
color : #fff;
box-shadow : 0 5px 10px -2px #f11627;
}
#button-ssor {
background-color : #673ab7;
border : none medium;
border-radius : 3px;
color : #fff;
font-size : 15px;
font-weight : normal;
letter-spacing : 0;
padding : 8px 9px 7px;
width : 100%;
height : 45px;
font-weight : bold;
text-transform : uppercase;
box-shadow : 0 5px 10px -2px #673ab7;
transition : all 0.3s cubic-bezier(0.25,0.8,0.25,1);
}
.update-nag {
display : inline-block;
font-size : 14px;
text-align : left;
text-shadow : none;
background-color : #fff;
height : 40px;
box-shadow : 0 1px 1px 0 rgb(0, 0, 0, 0.1);
margin-bottom : 10px;
}
.update-nag:hover {
cursor : pointer;
box-shadow : 0 1px 1px 0 rgb(0, 0, 0, 0.3);
}
.update-nag > .update-split {
background : #337ab7;
width : 33px;
float : left;
color : #fff !important ;
text-shadow : none;
height : 100%;
text-align : center;
}
.update-nag > .update-split > .glyphicon {
position : relative;
top : calc(50% - 9px) !important ;
}
.update-nag > .update-split.update-success {
background : #5cb85c !important ;
}
.update-nag > .update-split.update-danger {
background : #d9534f !important ;
}
.update-nag > .update-split.update-info {
background : #5bc0de !important ;
}
.update-nag > .update-split.update-view {
background : #ff9317 !important ;
}
.update-nag > .update-text {
line-height : 19px;
padding-top : 11px;
padding-left : 45px;
padding-right : 20px;
}
.round {
display : inline-block;
height : 30px;
width : 30px;
line-height : 30px;
border-radius : 15px;
background-color : #222;
color : #FFF;
text-align : center;
box-shadow : 1px 1px 10px -2px rgb(0 0 0 / 25%);
}
.round.hollow {
display : inline-block;
height : 30px;
width : 30px;
line-height : 30px;
border-radius : 15px;
background-color : #FFF;
color : #222;
text-align : center;
box-shadow : 0 0 0 3px rgb(0, 0, 0, 0.75);
}
.round.round-sm {
height : 20px;
width : 20px;
line-height : 20px;
border-radius : 10px;
font-size : 0.7em;
}
.round.round-lg {
height : 40px;
width : 40px;
line-height : 40px;
border-radius : 20px;
font-size : 1.5em;
}
.round.blue {
background-color : #3EA6CE;
}
.round.gri {
background-color : #717477;
}
.round.orange {
background-color : #FF6701;
}
.round.green {
background-color : #42A129;
}
.round.hollow.blue {
color : #3EA6CE;
background-color : #FFF;
box-shadow : 0 0 0 3px #3EA6CE;
}
.round.hollow.gri {
color : #717477;
background-color : #FFF;
box-shadow : 0 0 0 3px #717477;
}
.round.hollow.orange {
color : #FF6701;
background-color : #FFF;
box-shadow : 0 0 0 3px #FF6701;
}
.round.hollow.green {
color : #42A129;
background-color : #FFF;
box-shadow : 0 0 0 3px #42A129;
}
.round:hover {
transition : all 0.5s 0s ease;
cursor : pointer;
}
[data-toggle="collapse"] .fa:before {
content : "\f139";
}
[data-toggle="collapse"].collapsed .fa:before {
content : "\f13a";
}
.alert-message {
margin : 20px 0;
padding : 20px;
border-left : 3px solid #eee;
}
.alert-message h4 {
margin-top : 0;
margin-bottom : 5px;
}
.alert-message p:last-child {
margin-bottom : 0;
}
.alert-message code {
background-color : #fff;
border-radius : 3px;
}
.alert-message-success {
background-color : #F4FDF0;
border-color : #3C763D;
}
.alert-message-success h4 {
color : #3C763D;
}
.alert-message-danger {
background-color : #fdf7f7;
border-color : #d9534f;
}
.alert-message-danger h4 {
color : #d9534f;
}
.alert-message-warning {
background-color : #fcf8f2;
border-color : #f0ad4e;
}
.alert-message-warning h4 {
color : #f0ad4e;
}
.alert-message-info {
background-color : #f4f8fa;
border-color : #5bc0de;
}
.alert-message-info h4 {
color : #5bc0de;
}
.alert-message-default {
background-color : #EEE;
border-color : #B4B4B4;
}
.alert-message-default h4 {
color : #000;
}
.alert-message-notice {
background-color : #FCFCDD;
border-color : #BDBD89;
}
.alert-message-notice h4 {
color : #444;
}
.snowflake {
color : #fff;
font-size : 1em;
font-family : Arial;
text-shadow : 0 0 1px #000;
}
.list-group-item {
border-bottom : 1px solid #eee;
border-left : medium none;
border-right : medium none;
padding : 3px 0;
}
.search-auto {
padding-top : 15px;
}
.autosearch-wrapper {
background : none 0 0 repeat scroll #ffffff;
color : #323a45;
height : 56px;
box-shadow : none;
margin : 21px 0 10px;
border-radius : 5px;
box-shadow : 0 5px 20px 0 rgb(0 0 0 / 18%);
}
.autosearch-wrapper .input-group-btn {
position : relative;
background : none;
}
.autosearch-wrapper .input-group-btn::after {
background : none 0 0 repeat scroll #ffffff;
color : #343434;
content : "";
font-family : "FontAwesome";
font-size : 15px;
height : 30px;
line-height : 35px;
position : absolute;
right : 0;
text-align : center;
top : 3px;
width : 35px;
}
.rtl .autosearch-wrapper .input-group-btn::after {
left : 19px;
right : auto;
}
.autosearch-wrapper .category_filter {
border-image : none;
border-style : none none none solid;
border-width : medium medium medium 1px;
box-shadow : inherit;
font-family : 'Poppins', sans-serif;
color : #222;
font-weight : normal;
display : inline-block;
font-size : 13px;
height : 25px;
line-height : 25px;
margin-right : 0;
margin-top : 3px;
padding-left : 10px;
}
.rtl .autosearch-wrapper .category_filter {
margin-left : 30px;
margin-right : inherit;
}
.rtl .autosearch-wrapper .category_filter {
border-right : 1px solid rgb(153, 153, 153, 0.25);
}
.rtl .autosearch-wrapper .category_filter {
padding-left : inherit;
padding-right : 10px;
}
@media (max-width: 480px) {
.autosearch-wrapper .category_filter {
max-width : 130px;
}
.bilgi-1 {
display : none;
}
.bilgi-2 {
left : 5px;
}
}
.autosearch-wrapper .search_query {
background-color : transparent;
border : none 0;
box-shadow : none;
color : #333;
height : 53px;
}
.autosearch-wrapper .search_query:focus {
box-shadow : inherit;
}
.autosearch-wrapper .input-group {
padding-right : 35px;
width : 100%;
border-radius : 8px 30px 30px 8px;
}
.rtl .autosearch-wrapper .input-group {
padding-left : 35px;
padding-right : inherit;
}
.autosearch-wrapper .button-search {
background : #ff9900;
border : #ff9900 solid 2px;
border-radius : 5px;
color : #fff;
height : 40px;
padding : 0;
position : absolute;
right : 10px;
top : 8px;
width : 65px;
z-index : 10;
}
.autosearch-wrapper .button-search:hover {
background : #333e48;
border : #333e48 solid 2px;
}
.rtl .autosearch-wrapper .button-search {
left : 0;
right : auto;
}
.autosearch-wrapper .dropdown-menu {
z-index : 999;
padding : 10px;
border-radius : 0;
}
.autosearch-wrapper .dropdown-menu > li.clearfix {
border-bottom : 1px dashed #e5e5e5;
margin-left : 10px;
margin-right : 10px;
}
.autosearch-wrapper .dropdown-menu > li:last-child {
border-bottom : medium none;
}
.autosearch-wrapper .dropdown-menu > li > a {
padding : 0;
}
.autosearch-wrapper .dropdown-menu > li .media-body {
padding-left : 10px;
}
.rtl .autosearch-wrapper .dropdown-menu > li .media-body {
padding-left : inherit;
padding-right : 10px;
}
.search_block {
left : 0;
min-height : 40px;
overflow : hidden;
}
.search_block .filter_type {
float : left;
padding : 5px;
}
.search_block .search input, .search_block select {
border-bottom : 0 solid #666666;
border-image : none;
border-left : 0 solid #666666;
border-right : 0 none !important ;
border-top : 0 solid #666666;
color : #666666;
float : left;
box-shadow : none;
height : 23px;
padding : 0 5px;
width : 200px;
}
.search_block select {
border-right : 1px solid #666666 !important ;
min-height : 25px;
padding : 3px;
width : auto;
}
.search_block .search {
float : left;
padding : 5px;
}
.search_block .search .button-search {
background : url("../image/pavautosearch/bg_search_submit.png") 0 0 repeat-x scroll #222;
border : none medium;
border-radius : 0;
color : #ffffff;
float : left;
height : 25px;
text-transform : uppercase;
width : auto;
}
.ui-widget-content {
background : none 0 0 repeat scroll #ffffff !important ;
}
ul.ui-autocomplete {
background-color : #ffffff;
border : #c4c6c8 solid 2px;
margin : 0;
}
ul.ui-autocomplete > li {
color : #2f2f2f;
cursor : pointer;
margin : 4px 0;
min-height : 15px;
}
ul.ui-autocomplete > li:hover {
background : none 0 0 repeat scroll #330099;
color : #fff;
}
ul.ui-autocomplete > li {
padding : 5px;
text-align : left;
}
ul.ui-autocomplete > li p {
text-align : justify;
}
ul.ui-autocomplete li.ui-menu-item {
border-style : dotted none none;
border-width : 1px 0 0;
margin : 0;
min-height : 0;
padding : 0;
}
ul.ui-autocomplete ol {
list-style : none outside none;
margin : 0;
padding : 0;
}
ul.ui-autocomplete ol .price {
color : #333333;
float : right;
font-size : 12px;
margin-left : 8px;
min-height : 10px;
text-align : right;
}
ul.ui-autocomplete ol .price-old {
color : #333;
text-decoration : line-through;
}
ul.ui-autocomplete ol .price-new {
font-weight : bold;
}
ul.ui-autocomplete ol .price-tax {
color : #bbbbbb;
font-size : 12px;
font-weight : normal;
}
@media only screen and (min-width: 1060px) and (max-width: 1240px) {
.footer_logo {
margin-right : 20px;
width : 217px;
}
.footer_icerik_ust {
padding : 17px 0 45px 30px;
}
.footer_icerik_alt {
padding : 19px 0 10px 30px;
}
.content_footer_solcol .col-sm-3.column {
margin-right : 20px;
width : 260px;
}
.col-sm-3.column {
margin-left : 30px;
padding : 0;
width : 170px;
}
}
.footer_icerik_ust {
padding : 17px 0 15px 20px;
}
.footer_icerik_alt {
padding : 0 0 10px 30px;
}
.content_alt_solcol .col-sm-3.column {
margin-right : 20px;
width : 260px;
}
.col-sm-3.column {
margin-left : 20px;
padding : 0;
}
@media only screen and (min-width: 980px) and (max-width: 1023px) {
.footer_logo {
margin-right : 20px;
width : 20%;
}
#menu > ul > li {
padding : 13px 15px 25px;
}
.footer_icerik_ust {
padding : 17px 0 45px 25px;
}
.footer_icerik_alt {
padding : 19px 0 10px 25px;
}
.content_alt_solcol .col-sm-3.column {
margin-right : 15px;
width : 260px;
}
.col-sm-3.column {
margin-left : 15px;
padding : 0;
}
}
@media (max-width: 979px) {
.banner-foot {
display : none;
}
.slaytaltbanner span {
margin-right : 0;
}
.hakkimizda-text {
clear : both;
float : none;
width : 100%;
}
.footer_title1, .footer_title2 {
font-size : 22px;
}
.aboutme-read-more {
clear : both;
float : none;
margin : 30px 0 16px;
width : 100%;
}
#mainslider .slider-pagination {
border-radius : 25px;
bottom : 25px;
display : none;
position : relative;
text-align : center;
}
#footer_sol_block > h5 {
display : block;
}
#footer.container {
padding : 40px 0;
}
.footer_logo {
margin : 0;
width : 100%;
}
.footer_icerik {
border : none medium;
width : 100%;
}
.footer_icerik_ust {
padding : 0 0 0;
}
.col-sm-3.column {
margin : 0;
padding : 0;
}
.hakkimizda-logo {
padding-bottom : 5px;
}
.footer_icerik_alt {
padding : 10px 0;
}
}
@media (max-width: 767px) {
.product-layout {
padding : 0 0;
}
.bilgi-1 {
display : none;
}
.bilgi-2 {
left : 5px;
}
.banner-foot {
display : none;
}
.footer_sol_alt {
float : none;
overflow : hidden;
text-align : center;
}
.footer_icerik_alt {
padding : 10px 0;
}
.footer_right {
float : none;
margin-top : 20px;
overflow : hidden;
text-align : center;
}
#footer.container {
padding : 40px 15px;
}
}
.subcat {
background : none 0 0 repeat scroll #eee;
border : #fff solid 4px;
margin : 5px 0;
min-height : 45px;
padding : 4px;
}
.subcat:hover {
background : none 0 0 repeat scroll #ea222f;
}
.subcat:hover a {
color : #fff;
}
.banner-foot .mini-bilgi li.cart::before {
background-position : 0 -175px;
height : 46px;
margin-top : 1px;
width : 40px;
}
.banner-foot .mini-bilgi li.cart::before {
background-position : 0 -114px;
height : 30px;
width : 26px;
}
.banner-foot .mini-bilgi li::before {
background-size : 49px 270px;
}
.banner-foot .mini-bilgi li::before {
background : url("../image/esprite.png") 0 0 /32px 176px no-repeat scroll rgb(0, 0, 0, 0);
content : "";
display : inline-block;
vertical-align : middle;
}
.banner-foot .mini-bilgi li:first-child {
border : none medium;
margin-left : 0;
padding-left : 0;
}
.banner-foot .mini-bilgi li {
font-size : 17px;
margin-left : 38px;
padding-left : 38px;
}
.banner-foot .mini-bilgi li {
font-size : 13px;
margin-left : 15px;
padding-left : 15px;
}
.banner-foot .mini-bilgi li {
border-left : 1px solid #525355;
display : inline-block;
font-size : 18px;
margin-left : 10px;
padding-left : 10px;
text-align : left;
vertical-align : middle;
}
.banner-foot .mini-bilgi {
text-align : center;
}
.banner-foot {
background : none 0 0 repeat scroll #f8f8f8;
box-shadow : 0 2px 4px rgb(0, 0, 0, 0.15);
margin-top : -17px;
padding : 7px 0 1px;
position : relative;
z-index : 100;
}
.banner-foot .mini-bilgi {
margin-left : -20px;
margin-top : 0;
text-align : center;
width : 100%;
}
.banner-foot .mini-bilgi li span {
display : inline-block;
margin-left : 10px;
vertical-align : middle;
}
.banner-foot .mini-bilgi li.whatsapp::before {
background-position : 0 -144px;
height : 32px;
margin : 0;
width : 32px;
}
.banner-foot .mini-bilgi li.card::before {
background-position : 0 0;
height : 28px;
margin : 0;
width : 33px;
}
.banner-foot .mini-bilgi li.tag::before {
background-position : 0 -29px;
height : 30px;
width : 30px;
}
.banner-foot .mini-bilgi li.box::before {
background-position : 0 -59px;
height : 24px;
margin : 3px 0;
width : 27px;
}
.banner-foot .mini-bilgi li.door::before {
background-position : 0 -84px;
height : 30px;
width : 19px;
}
.banner-foot .mini-bilgi li.cart::before {
background-position : 0 -114px;
height : 30px;
width : 26px;
}
.subbanner.container {
margin-bottom : 4px;
text-align : center;
}
.subbanner_inner {
display : inline-block;
margin : 0 auto;
width : 1240px;
}
.subbanner_inner1 {
float : left;
width : 28.25%;
}
.subinner1, .subinner4 {
margin-bottom : 25px;
}
.subinner1, .subinner2 {
cursor : pointer;
margin-right : 13px;
overflow : hidden;
position : relative;
}
.border-top {
background : none 0 0 repeat scroll #b5b5b5;
height : 2px;
left : -100%;
top : 5.5%;
transition : all 400ms 0s ease;
width : 90%;
}
.border-right {
background : none 0 0 repeat scroll #b5b5b5;
bottom : 5.5%;
height : 89%;
right : 5%;
top : -100%;
transition : all 400ms 0s ease;
width : 2px;
}
.border-bottom {
background : none 0 0 repeat scroll #b5b5b5;
bottom : 5.5%;
height : 2px;
right : -100%;
transition : all 400ms 0s ease;
width : 90%;
}
.border-left {
background : none 0 0 repeat scroll #b5b5b5;
bottom : -100%;
height : 89%;
left : 5%;
transition : all 400ms 0s ease;
width : 2px;
}
.border-top, .border-left, .border-bottom, .border-right {
position : absolute;
}
@media (max-width: 990px) {
.autosearch-wrapper {
margin : 0 0 10px;
}
}
@media (max-width: 480px) {
.login-block .container {
padding-right : 15px;
padding-left : 15px;
}
.mobile-menu-inner {
right : 0;
}
}
.login-block {
position : fixed;
top : -200%;
left : 0;
z-index : 5;
width : 100%;
height : 100%;
display : table;
background-color : rgb(255, 255, 255, 0.98);
overflow : hidden;
transition : all 0.2s ease-in-out;
}
.login-active .login-block {
top : 0;
}
.login-block .login-inner {
display : table-cell;
vertical-align : middle;
}
.login-block label, .login-block .form-group a {
font-size : 13px;
color : #222;
}
.login-block input {
height : 40px;
line-height : 20px;
padding : 0 10px;
border-top-left-radius : 2px;
border-bottom-left-radius : 2px;
font-family : 'Poppins', sans-serif;
font-size : 13px;
}
.login-block input:focus {
border-color : #C0C0C0;
box-shadow : none;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.login-block .btn {
font-size : 15px;
line-height : 18px;
padding : 10px 50px;
border-top-right-radius : 2px;
border-bottom-right-radius : 2px;
transition : all 0.2s ease-in-out;
background : #8EB300;
border-color : #8EB300;
color : #FFFFFF;
}
.login-block .btn:hover {
outline : none;
box-shadow : none;
}
.login-block .btn-primary {
background : #ee0668;
color : #FFFFFF;
border-color : #EA2E2E;
}
.login-block .btn-primary:hover {
background : #222;
}
#user-menu {
width : 150px;
background : #fff;
position : relative;
padding : 1px 30px 0 10px;
margin : 34px 0 15px 80px;
font-size : 14px;
border-radius : 8px;
border : #fff solid 1px;
box-shadow : 0 5px 20px 0 rgb(0 0 0 / 18%);
}
#user-menu:hover {
background : #eff1f2;
border : #333e48 solid 1px;
}
#user-menu > a {
margin-right : 8px;
}
#user-menu > a > i {
margin-right : 5px;
}
#user-menu > a:hover {
color : #faaf18;
}
.outer-wrapper {
max-width : 100%;
position : relative;
overflow : hidden;
}
.mobile-menu-wrapper {
width : 280px;
border-top : 0 solid #2C3E50;
height : 100%;
position : fixed;
overflow : hidden;
top : 0;
z-index : 99999999;
left : -280px;
background : #222;
}
.mobile-menu-wrapper > .mobile-menu-inner {
padding-bottom : 35px;
}
.menu-expanded .mobile-menu-wrapper {
left : 0;
}
.mobile-menu-wrapper, .site-wrapper, .cart-side-wrapper {
transition : all 0.2s ease-in-out;
}
.mobile-menu-inner > p {
color : #222;
padding : 20px;
text-align : center;
}
.mobile-menu-inner {
overflow-x : hidden;
overflow-y : scroll;
position : absolute;
right : -20px;
top : 0;
bottom : 0;
z-index : 9999;
left : 0;
height : 100%;
}
.mobile-menu {
border-bottom : 0 solid #222;
padding : 0 0 0 0;
}
.mobile-menu li a {
font-family : Arial;
color : #fff;
line-height : 35px;
padding : 10px 0 10px 20px;
margin : 2px 0;
}
.mobile-menu li {
border-bottom : 1px solid #1f1f1f;
margin : 0 0 0 0;
padding : 5px 0;
position : relative;
width : 280px;
}
.mobile-menu:first-child {
margin-top : 0;
}
.mobile-menu:first-child li {
display : inline-block;
width : 49%;
border-right : 1px solid #1f1f1f;
margin : 0 0 0 0;
text-align : center;
}
.mobile-menu:first-child li a {
padding : 0;
display : block;
font-size : 14px;
}
.mobile-menu:first-child li a i {
font-size : 16px;
margin-right : 5px;
}
.mobile-menu:first-child li:first-child {
border-right : 1px solid #1f1f1f;
}
.mobile-menu li ul {
background : #1B2530;
padding : 0 0 1px 0;
margin : 0 0;
}
.mobile-menu li ul li ul {
background : #1B2530;
margin : 0;
padding : 0;
}
.mobile-menu li li {
margin : 0 0 0 0;
padding : 10px 0;
border : none;
font-size : 14px;
}
.menu-expand {
color : #fff;
background : #1B2530;
font-size : 12px;
position : absolute;
top : 13px;
right : 20px;
border : #1B2530 solid 1px;
width : 20px;
height : 20px;
line-height : 20px;
text-align : center;
display : inline-block;
}
.mobile-menu li .menu-expand {
border : #1B2530 solid 1px;
}
.mobile-menu li li .menu-expand {
border : #1B2530 solid 1px;
}
.mobile-menu li {
display : block;
}
.sub-menu:before {
content : '';
width : 0;
height : 0;
border-left : 6px solid transparent;
border-right : 6px solid transparent;
position : absolute;
top : 33px;
right : 30px;
}
.mobile-menu li .sub-menu:before {
border-bottom : 6px solid #222222;
}
.mobile-menu li li .sub-menu:before {
border-bottom : 6px solid #111111;
top : 43px;
}
.menu-expand:hover {
cursor : pointer;
}
.mobile-menu li .sub-menu {
display : none;
}
.expanded-mobile-menu {
display : block;
}
.menu-expanded .site-wrapper {
left : 280px;
}
.site-wrapper-overlay {
width : 100%;
height : 100%;
display : none;
position : absolute;
top : 0;
left : 0;
z-index : 999;
background : #222;
opacity : 0.7;
overflow : hidden;
overflow-y : auto;
}
.site-wrapper {
left : 0;
overflow : hidden;
overflow-y : hidden;
position : relative;
width : 100%;
height : 100%;
}
.mobile-search {
left : 0;
top : -65px;
overflow : hidden;
position : relative;
width : 100%;
height : 100%;
z-index : 5;
display : none;
transition : all 0.2s ease-in-out;
padding : 5px 10px 5px;
background : #E5E5E5;
}
.search-active .mobile-search {
top : 0;
display : block;
}
.mobile-header {
border-bottom : 1px solid #eee;
background : #fbfbfb;
height : 50px;
margin-bottom : 15px;
position : relative;
box-shadow : 0 4px 4px 0 #e4e5e6;
}
.mobile-header .col-xs-3:first-child {
padding-right : 0;
}
.mobile-header .col-xs-3:last-child {
padding-left : 0;
}
.mobile-header .col-xs-6 {
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
}
.mobile-header #logo {
text-align : center;
margin : 10px auto 10px auto;
height : 30px;
}
.mobile-header #logo img {
display : table-cell;
vertical-align : middle;
max-height : 30px;
margin : auto;
}
.mobile-header .to-navigation {
display : block;
width : 100%;
height : 50px;
background : url("../image/nav-menu-icon.png") center center no-repeat;
}
.mobile-header .to-search {
display : block;
width : 100%;
height : 50px;
background : url("../image/nav-search-icon.png") center center no-repeat;
}
#altsabitmenu {
display : block;
float : left;
width : 100%;
height : 45px;
position : fixed;
bottom : -1px;
background-color : #fff;
text-align : center;
z-index : 99999999;
border-top : 1px solid #222;
padding : 0;
}
#altsabitmenu > ul {
margin : 0;
padding : 0;
display : block;
}
#altsabitmenu li {
display : inline-table;
float : left;
height : 45px;
width : 20%;
text-align : center;
list-style : none;
background : url("../image/fixednav-bg.png") right center no-repeat;
}
#altsabitmenu li:last-child {
background : none;
}
#altsabitmenu li a {
display : block;
float : left;
border-right : 1px solid #222;
width : 100%;
height : 45px;
}
#altsabitmenu .to-navigation {
background : url("../image/menubg.png") no-repeat;
background-position : center center;
}
#altsabitmenu .to-account {
background : url("../image/profilebg.png") no-repeat;
background-position : center center;
}
#altsabitmenu .to-homepage {
background : url("../image/homeicn.png") no-repeat;
background-position : center center;
}
#altsabitmenu .to-contactus {
background : url("../image/phoneicn.png") no-repeat;
background-position : center center;
}
#altsabitmenu .tshoppingcart {
background : url("../image/basketbg.png") no-repeat;
background-position : center center;
}
.subinner2 > a, .subinner4 > a, .subinner1 > a, .subinner5 > a, .subbanner_inner2 a, .subbanner_inner4 a {
display : block;
}
.subbanner_inner2 {
float : left;
position : relative;
width : 38.5%;
}
.subbanner_inner2_inner, .subbanner_inner4 .subbanner_inner4_inner {
margin : 0 13px;
overflow : hidden;
position : relative;
}
.subbanner_inner2_inner .border-top {
top : 3%;
width : 92%;
}
.subbanner_inner2_inner .border-right {
height : 94%;
right : 3.5%;
}
.subbanner_inner2_inner .border-bottom {
bottom : 3%;
width : 92%;
}
.subbanner_inner2_inner .border-left {
height : 94%;
left : 3.5%;
}
.subbanner_inner3 {
cursor : pointer;
float : left;
position : relative;
width : 28.25%;
}
.subinner1, .subinner4 {
margin-bottom : 25px;
}
.subinner4, .subinner5 {
cursor : pointer;
margin-left : 14px;
overflow : hidden;
position : relative;
}
.subinner1:hover .border-top, .subinner2:hover .border-top, .subinner5:hover .border-top, .subinner4:hover .border-top, .subbanner_inner4_inner:hover .border-top {
left : 5%;
}
.subinner1:hover .border-right, .subinner2:hover .border-right, .subinner5:hover .border-right, .subinner4:hover .border-right {
top : 5.5%;
}
.subinner1:hover .border-bottom, .subinner2:hover .border-bottom, .subinner5:hover .border-bottom, .subinner4:hover .border-bottom, .subbanner_inner4_inner:hover .border-bottom {
right : 5%;
}
.subinner1:hover .border-left, .subinner2:hover .border-left, .subinner5:hover .border-left, .subinner4:hover .border-left {
bottom : 5.5%;
}
.subinner2:hover > a, .subinner4:hover > a, .subinner1:hover > a, .subinner5:hover > a, .subbanner_inner2_inner:hover a, .subbanner_inner4_inner:hover a {
background-color : #555;
}
.subbanner_inner2:hover img, .subinner2:hover img, .subinner4:hover img, .subinner1:hover img, .subinner5:hover img, .subbanner_inner4_inner:hover a img {
opacity : 0.4;
transition : all 0.3s 0s ease;
}
.subbanner_inner2_inner:hover .border-top {
left : 4%;
}
.subbanner_inner2_inner:hover .border-right {
top : 3%;
}
.subbanner_inner2_inner:hover .border-bottom {
right : 4%;
}
.subbanner_inner2_inner:hover .border-left {
bottom : 3%;
}
@media only screen and (min-width: 1060px) and (max-width: 1240px) {
.subbanner_inner {
width : 1000px;
}
.subbanner img {
width : 100%;
}
.subbanner.container {
padding : 0;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1059px) {
.subbanner_inner {
width : 960px;
}
.subbanner img {
width : 100%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1023px) {
.subbanner_inner {
width : 920px;
}
.subbanner.container {
padding : 0;
}
.subbanner img {
width : 100%;
}
}
@media (max-width: 979px) {
.socol {
padding : 0 0;
background : #EA2027;
}
.subbanner_inner {
width : 724px;
}
.subbanner.container {
padding : 0;
}
.subbanner img {
width : 100%;
}
}
@media (max-width: 767px) {
.subbanner_inner {
width : 724px;
}
.subbanner.container {
top : auto;
}
.common-home .subbanner.container {
margin : 0 15px;
width : auto;
}
.subbanner_inner {
width : auto;
}
.subbanner_top .banner {
float : none;
overflow : hidden;
width : 100%;
}
.subinner4, .subinner5 {
margin-left : 9px;
}
.subinner1, .subinner2 {
margin-right : 9px;
}
.subbanner_inner2 a {
margin : 0 3px;
}
.subinner1, .subinner2 {
margin-right : 8px;
}
.subinner4, .subinner5 {
margin-left : 8px;
}
.subinner1, .subinner4 {
margin-bottom : 15px;
}
}
@media only screen and (max-width: 479px) {
.subbanner_inner2_inner, .subbanner_inner4 .subbanner_inner4_inner {
margin : 0;
}
}
.product-info .options {
color : #c00770;
font-family : 'Poppins', sans-serif;
font-size : 11px;
margin-bottom : 0;
padding : 6px;
text-align : left;
text-transform : uppercase;
}
.product-info .option-image {
margin-bottom : 5px;
margin-top : 3px;
}
.product-info .option-image {
display : block;
height : 100%;
width : 100%;
}
.product-info .option-image img {
border : #ccc solid 1px;
cursor : pointer;
margin-right : 5px;
}
a.select-option {
background-color : #fff;
border : #ddd solid 1px;
border-radius : 4px;
color : #505739;
display : inline-block;
font-family : 'Poppins', sans-serif;
font-size : 11px;
font-weight : 400;
margin : 1px;
min-width : 15px;
padding : 2px 3px 0;
text-align : center;
text-decoration : none;
text-shadow : 0 1px 0 #fff;
}
a.select-option img {
margin : 2px;
padding : 0;
}
a.select-option .text {
border : #eee solid 1px;
font-size : 11px;
margin : 2px;
padding : 0;
}
a.select-option.option-active {
background : none 0 0 repeat scroll #222;
border : #222 solid 1px;
border-radius : 4px;
color : #fff;
font-size : 11px;
}
a.select-option:hover {
background : none 0 0 repeat scroll #222;
border-color : #222;
}
.hidden {
display : none;
}
.animation-element {
opacity : 0;
position : relative;
}
.animation-element.slide-left {
opacity : 0;
transform : translate3d(-200px,0,0);
transition : all 500ms 0s linear;
}
.animation-element.slide-left.in-view {
opacity : 1;
transform : translate3d(0,0,0);
}
.animation-element.slide-right {
opacity : 0;
transform : translate3d(200px,0,0);
transition : all 500ms 0s linear;
}
.animation-element.slide-right.in-view {
opacity : 1;
transform : translate3d(0,0,0);
}
.bounce-up {
backface-visibility : hidden;
opacity : 0;
transform : translate3d(0,200px,0);
transition : all 900ms 0s ease-out;
}
.bounce-up.in-view {
opacity : 1;
transform : translate3d(0,0,0);
}
@keyframes left_animation {
0% {
opacity : 0;
transform : rotate(180deg) translate3d(100%,100%,0);
}
75% {
opacity : 0.8;
transform : rotate(-40deg);
}
100% {
opacity : 1;
transform : rotate(0deg) translate3d(0%,0%,0);
}
}
@keyframes left_animation {
0% {
opacity : 0;
transform : rotate(180deg) translate3d(100%,100%,0);
}
75% {
opacity : 0.8;
transform : rotate(-40deg);
}
100% {
opacity : 1;
transform : rotate(0deg) translate3d(0%,0%,0);
}
}
@keyframes left_animation {
0% {
opacity : 0;
transform : rotate(180deg) translate3d(100%,100%,0);
}
75% {
opacity : 0.8;
transform : rotate(-40deg);
}
100% {
opacity : 1;
transform : rotate(0deg) translate3d(0%,0%,0);
}
}
@keyframes right_animation {
0% {
opacity : 0;
transform : rotate(180deg) translate3d(-100%,-100%,0);
}
75% {
opacity : 0.8;
transform : rotate(40deg);
}
100% {
opacity : 1;
transform : rotate(0deg) translate3d(0%,0%,0);
}
}
@keyframes right_animation {
0% {
opacity : 0;
transform : rotate(180deg) translate3d(-100%,100%,0);
}
75% {
opacity : 0.8;
transform : rotate(40deg);
}
100% {
opacity : 1;
transform : rotate(0deg) translate3d(0%,0%,0);
}
}
@keyframes right_animation {
0% {
opacity : 0;
transform : rotate(180deg) translate3d(-100%,-100%,0);
}
75% {
opacity : 0.8;
transform : rotate(40deg);
}
100% {
opacity : 1;
transform : rotate(0deg) translate3d(0%,0%,0);
}
}
.multi-step-left {
opacity : 0;
position : relative;
}
.multi-step-left.in-view {
animation : left_animation 1300ms 0s ease-in 1 normal both;
}
.multi-step-right.in-view {
animation : right_animation 1300ms 0s linear 1 normal both;
}
.img-ef2 {
display : block;
overflow : hidden;
margin : 0 0;
position : relative;
}
.img-ef2 img {
width : 100%;
}
.block-img .img-1 {
display : inline-block;
float : left;
margin-bottom : 5px;
width : 50%;
}
.img-ef3 {
display : block;
overflow : hidden;
margin : 0 0;
position : relative;
}
.img-ef3 img {
border : #eee solid 1px;
padding : 2px;
width : 100%;
}
.img-ef3::before {
bottom : 10px;
content : "";
left : 10px;
opacity : 1;
position : absolute;
right : 10px;
border : #fff solid 1px;
top : 10px;
transition : all 0.3s 0s ease-in-out;
}
.img-ef3:hover::before {
background : none 0 0 repeat scroll rgb(0, 0, 0, 0.3);
animation : rollIn 600ms 0s ease-in-out 1 normal none;
opacity : 1;
}
.block-img .img-3 {
display : inline-block;
padding : 5px;
margin-bottom : 15px;
}
.block-img .img-4 {
display : block;
margin-bottom : 18px;
width : 100%;
}
.social-footer .link-follow {
margin-bottom : 0;
margin-top : 10px;
text-align : center;
padding-left : 0;
margin-left : auto;
margin-right : auto;
}
.social-footer .link-follow li {
display : inline-block;
text-align : center;
}
.social-footer .link-follow li a {
background : #fff;
border : #222 solid 1px;
border-radius : 100%;
color : #222;
display : inline-block;
font-size : 20px;
height : 45px;
line-height : 45px;
margin-bottom : 0;
margin-right : 5px;
padding-left : 0;
text-align : center;
transition : all 300ms 0s ease-in-out;
width : 45px;
}
.social-footer .link-follow li a:hover {
background : #222;
transition : all 400ms 0s ease-in-out;
color : #f5f5f5;
}
.social-footer .link-follow li a span {
display : none;
}
.social-footer .link-follow li a i {
font-size : 20px;
line-height : 40px;
}
@media only screen and (max-width: 767px) {
.social-footer {
display : inline-block;
margin-top : 15px;
text-align : center;
width : 100%;
}
.social-footer .link-follow {
display : inline-block;
}
}
.clear {
clear : both;
}
.asagi {
margin-bottom : 10px;
}
.kategory h4 a {
font-size : 13px;
}
.kategory h4 {
line-height : 12px;
}
.kategory img {
border : #ff9900 solid 1px;
border-radius : 150px;
}
.kategory img:hover {
border : #1d9ee0 solid 1px;
border-radius : 150px;
transform : rotate(-360deg);
transition : all 0.5s 0s ease;
cursor : pointer;
}
.service-heading-block {
display : block;
margin-bottom : 0;
}
.sub-title {
font-size : 15px;
font-weight : 30;
line-height : 16px;
}
.feature-block {
background-color : #fff;
border-radius : 2px;
padding : 10px;
box-shadow : 0 2px 2px 0 rgb(0, 0, 0, 0.14), 0 3px 1px -2px rgb(0, 0, 0, 0.2), 0 1px 5px 0 rgb(0, 0, 0, 0.12);
margin-bottom : 5px;
transition : all 0.5s ease;
}
.fb-icon {
border-radius : 50%;
display : block;
font-size : 36px;
height : 50px;
line-height : 50px;
text-align : center;
margin : 1rem auto;
width : 50px;
transition : all 0.5s 0s ease;
}
.fb-icon.color-info {
color : #333;
}
.fb-icon.color-warning {
color : #333;
}
.fb-icon.color-success {
color : #333;
}
.fb-icon.color-danger {
color : #333;
}
.feature-block h4 {
font-size : 15px;
}
.btn-custom {
border : none medium;
border-radius : 2px;
cursor : pointer;
font-size : 14px;
font-weight : 500;
letter-spacing : 0;
margin : 10px 1px;
outline : 0 none;
padding : 8px 30px;
position : relative;
text-decoration : none;
text-transform : uppercase;
}
label.btn span {
font-size : 1.5em;
}
label input[type="radio"] ~ i.fa.fa-circle-o {
color : #f44336;
display : inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o {
display : none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o {
display : none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
color : #4CAF50;
display : inline;
}
label:hover input[type="radio"] ~ i.fa {
color : #4CAF50;
}
label input[type="checkbox"] ~ i.fa.fa-square-o {
color : #c8c8c8;
display : inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o {
display : none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o {
display : none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o {
color : #4CAF50;
display : inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color : #4CAF50;
}
div[data-toggle="buttons"] label.active {
background-color : #fff;
border : none;
color : #666;
text-align : center;
border : #e9e9e9 solid 2px;
}
div[data-toggle="buttons"] label {
background-color : #fff;
border : none;
color : #666;
padding : 5px 5px;
text-align : center;
text-decoration : none;
display : inline-block;
font-size : 14px;
margin : 4px 2px;
cursor : pointer;
border : #ea3a3c solid 2px;
}
div[data-toggle="buttons"] label:hover {
color : #2E7EB3;
}
div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
box-shadow : none;
}
.uyeols {
width : 100px;
display : block;
font-size : 12px;
color : #666;
white-space : nowrap;
line-height : 1.4;
overflow : hidden;
padding : 1px 5px 0 20px;
}
.girisyap {
display : inherit;
color : #666;
font-size : 13px;
font-weight : 600;
line-height : 1;
padding : 1px 5px 10px 11px;
}
.uyeols1 {
width : 80px;
display : block;
font-size : 12px;
color : #666666;
white-space : nowrap;
line-height : 1.4;
overflow : hidden;
}
.girisyap1 {
display : inherit;
color : #666666;
font-size : 15px;
font-weight : 700;
line-height : 1;
}
.kategoribaslik {
background : url(../image/kategori-bg.jpg) center no-repeat #Fff;
height : 110px;
}
.badgeAlert {
display : inline-block;
min-width : 10px;
font-size : 12px;
font-weight : 700;
color : #fff;
line-height : 21px;
text-align : center;
background-color : #ff9900;
border-radius : 10px;
position : absolute;
margin : 1px 20px 20px 20px;
transform : scale(1);
animation : pulse 2s infinite;
}
@keyframes pulse {
0% {
transform : scale(0.95);
box-shadow : 0 0 0 0 rgb(0, 0, 0, 0.7);
}
70% {
transform : scale(1);
box-shadow : 0 0 0 10px rgb(0, 0, 0, 0);
}
100% {
transform : scale(0.95);
box-shadow : 0 0 0 0 rgb(0, 0, 0, 0);
}
}
.opencartmarketi__checkbox {
padding : 5px 5px 5px 10px;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 4px;
position : relative;
}
.opencartmarketi__checkbox label {
display : block;
width : 100%;
line-height : 20px;
}
.opencartmarketi__checkbox:hover {
border-color : #54c259;
}
.opencartmarketi__checkbox input {
display : none;
}
.opencartmarketi__checkbox input:checked ~ i {
background-color : #54c259;
color : #fff;
}
.opencartmarketi__checkbox i {
position : absolute;
width : 20px;
height : 20px;
line-height : 20px;
background-color : rgb(0, 0, 0, 0.1);
border-radius : 99px;
left : 5px;
font-size : 8px;
text-align : center;
top : 5px;
}
.uye-giris-button {
background : #51a351;
color : #ffffff !important ;
display : inline-block;
font-size : 15px;
font-weight : 500;
height : 50px;
line-height : 0.8;
padding : 18px 30px;
text-transform : capitalize;
border-radius : 1px;
letter-spacing : 0.5px;
border : 0 !important ;
cursor : pointer;
}
.uye-giris-button:hover {
background : #51a351;
color : #ffffff;
box-shadow : 0 10px 25px -2px #51a351;
}
.uye-unuttum-button {
background : #FBA431;
color : #ffffff !important ;
display : inline-block;
font-size : 15px;
font-weight : 500;
height : 50px;
line-height : 0.8;
padding : 18px 30px;
text-transform : capitalize;
border-radius : 1px;
letter-spacing : 0.5px;
border : 0 !important ;
cursor : pointer;
}
.uye-unuttum-button:hover {
background : #FBA431;
color : #ffffff;
box-shadow : 0 10px 25px -2px #FBA431;
}
.uye-hemenuye-button {
background : #3498db;
color : #ffffff !important ;
display : inline-block;
font-size : 15px;
font-weight : 500;
height : 50px;
line-height : 0.8;
padding : 18px 30px;
text-transform : capitalize;
border-radius : 1px;
letter-spacing : 0.5px;
border : 0 !important ;
cursor : pointer;
}
.urunbaslik {
text-align : center;
font-size : 17px;
margin-bottom : 20px;
color : #fff;
position : relative;
}
.urunbaslik b:hover {
background : #555;
color : #fff;
}
.urunbaslik:after {
content : '';
position : absolute;
left : 0;
top : 13px;
width : 100%;
height : 2px;
background : #ccc;
}
.urunbaslik b {
background : #fff;
animation : gradient 15s ease infinite;
background-size : 400% 400%;
color : #ff9900;
border : #ccc solid 2px;
padding : 10px 30px;
border-radius : 10px;
position : relative;
z-index : 2;
box-shadow : 0 5px 20px 0 rgb(0 0 0 / 18%);
}
