@import url(https://fonts.googleapis.com/css2?family=Marcellus&display=swap:100,200,300,400,500,600,700,800,900&subset=latin-ext&display=swap);
@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&subset=latin-ext&display=swap);
@import url("/font-awesome-4.7.0/css/font-awesome.min.css?display=swap");
@import url("/owl/owl.carousel.css");
@import url("/owl/owl.theme.css");
@import url("/owl/owl.transitions.css");
@import url("/fancybox/dist/jquery.fancybox.min.css");
@import url("/owl/animate.css");
.fancybox-is-open .fancybox-bg {
background: rgb(0 0 0);
    opacity: .60!important;
}
.fancybox-slide--iframe .fancybox-content {
    padding: 10px!important; 
    overflow: visible;
    background: #fff;
    border-radius: 18px;
}
*{ 
padding:0;
margin:0;
list-style-type:none;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}
body{ top:0 !important;
font-family:Poppins, sans-serif;
font-weight:300; line-height:1.4;     
/*background-image: url(/images/bacground-img-10.jpg);*/
}
#atakulloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
    backdrop-filter: blur(3px) brightness(94%);
    background-color: rgb(255 255 255 / 78%);
z-index:999999; /* efektin arkada kalmadığından emin oluyoruz */
transition: all 0.4s ease 0s;
}

#loadstatu_img {
text-align: center;    margin-top: 60px;
}
        
.hm-spinner{
    height: 115px;
    width: 115px;
    border: 6px solid transparent;
    border-top-color: #fa7f00;
    border-bottom-color: #fa7f00;
    border-radius: 50%;
    position: relative;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}    
.hm-spinner::before{
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 6px solid transparent;
  border-top-color: #a8a8a8;
  border-bottom-color: #a8a8a8;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

.jbar {   
display: flex;
margin: 20px 0px;
}  

.block-header__divider {
flex-grow: 1;
height: 1px;
background: #dedede;
position: relative;
margin: 30px 20px;
}
#load-logo {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*width: 100%;*/
}
#enust {    height: 50px;
padding: 16px 0;
position: relative;
display: block;
background: #fff;
}

.social {
float: left;
right: 1%;
position: absolute;
top: -2px;
}
.ulogin {
float: left;
margin-right: 15px;
color: #ADB9E2;
font-size: 10pt;
padding: 4px 0px;
}

#cssmenu,.menust,#ustic,.content,.alttas,#yorumlar,.linko,.barsib,.fotertasi {
max-width:80%;
margin:0 auto;
}

#whatsap {
position: relative;
font-weight: bolder;
}
.bgiris {  background: #EF0F74;
display: inline-block;
padding: 3px 8px;
font-size: 11pt;
color: #fff;
border-radius: 3px;
right: 25%;
position: absolute;}
.what {       border: 1px solid #3FC350;
position: absolute;
right: 15.7%;
top: 0px;
background: #3FC350;
border-radius: 3px;
line-height: 23px;
font-size: 10pt;
color: #FFFFFF;
padding-right: 10px;
padding-left: 2px;
}
.randevu {   
padding: 8px 10px;
position: relative;
top:6px;
border-radius: 5px;
font-size: 11pt;
margin-left: 5px;    display: inline-block;}
.temizlik {
clear: both;
}
.icslogan {    text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;}
/*--------------- yorumlar ------------------*/
#yorumlar {width:100%;
position:relative;
margin-bottom: 30px;

}
.yorumlar {
position:relative;
}
.yorumlar .owl-theme .owl-controls .owl-page span {
background-color:#1090d8;
width: 15px;
height: 15px;
margin: 5px 4px;
}
.yorumlar .owl-theme .owl-controls .owl-page.active span {

}
.item-comment {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: #f5f5f5;
border-radius: 6px;
line-height: 22px;
margin-bottom: 30px;
padding: 32px 10px 0px 10px;
position: relative;
font-size: 12pt;
min-height: 160px;
margin-top: -30px;
overflow: hidden;
}
.item-comment::after {

}
.customer-photo {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 200px;
margin-bottom: 5px;
overflow: hidden;
z-index: 120;
position: relative;
width: 100%;
border-radius: 8px 8px 0 0;
transition: all 0.4s ease 0s;
}
.testimonials-item {margin-right:20px;}
.testimonials-item:hover .customer-photo{
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
/*------------ dil --------------*/
.mainmenubtn {
background: rgb(255, 255, 255);
color: #000000;
border: none;
cursor: pointer;
padding: 4px 25px;
border-radius: 10px;
}

.dropdown {
right: 120px;
top: -3px;
position:absolute;
display: inline-block;
}
.dropdown-child {
display: none;
background-color: white;
min-width: 200px;
z-index: 1500;
position: relative;
padding: 10px;
border-radius: 5px;
}
.dropdown-child a {
color: white;
padding: 20px;
text-decoration: none;
display: block;
}
.dropdown:hover .dropdown-child {
display: block;
}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
#google_translate_element2 {display:none!important;}
a.gflag{vertical-align:middle;font-size:24px;float:left;margin-top:0;padding:0!important;background-repeat:no-repeat;background-image:url(../translate/images/24.png)}
a.gflag img{border:0}
a.gflag:hover{opacity:0.5} 

.menuk { display:none;
position: absolute;
right: 20px;
top: 72px;
background: #fff;
width: 76%;
z-index: 5000;
max-height: 0px;
overflow: auto;
transition: all 0.3s ease 0s;
webkit-box-shadow: 0px 56px 63px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 56px 63px -8px rgba(0,0,0,0.75);
box-shadow: 0px 56px 63px -8px rgba(0,0,0,0.75)

}
.umeac:hover .menuk {max-height: 450px;padding:10px}
.menuk:hover .umeac {background:#000}

.sublink {     float: left;
width: 15.45%;
margin: 0px 5px;
/*  height: 240px; */
overflow: hidden;}
#cssmenu ul li .iclick {   color: #ffffff;
border: none;
padding: 4px 0px;
font-weight: 600;
background: #003367;
text-align: center;
margin-bottom: 6px;}
#cssmenu ul li .iclickici {      color: #000;
border: none;
font-size: 10pt;
font-weight: 400;
padding: 6px 0;
background: #f5f5f5;
margin-bottom: 4px;}
.ulsol {position: absolute;
width: 15px;
height: 100%;
background: #8e0009;
left: -48px;
z-index: 500;
transform: skew(-32deg, 0deg);
-webkit-transform: skew(-32deg, 0deg);
-moz-transform: skew(-32deg, 0deg);
-o-transform: skew(-32deg, 0deg);
-ms-transform: skew(-32deg, 0deg);}
.ulsol2 {position: absolute;
width: 18px;
height: 100%;
background: #b6000c;
left: -34px;
z-index: 500;
transform: skew(-32deg, 0deg);
-webkit-transform: skew(-32deg, 0deg);
-moz-transform: skew(-32deg, 0deg);
-o-transform: skew(-32deg, 0deg);
-ms-transform: skew(-32deg, 0deg);}
.pohh {
position: absolute;
right: 10%;
top: -4px;
width:30px;
}
.pohh i {
font-size: 26pt;
    top: 18px;
    position: relative;color:#a6a8ab;
}
.pohh img {
width: 40px;
margin-top: 15px;
background: white;
padding: 7px;
border-radius: 50%;
-webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.19);
box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.19);
}
.dpoh {
position: absolute;
padding: 8px 11px;
background: #fff;
top: 10px;
}
.dpus {    position: absolute;
    left:40px;
    width: 200px;
    color: #e97623;
    top: 18px;
    font-size: 10pt;
    font-weight: 600;}    
.dpalt{position: absolute;
    left: 40px;
    width: 220px;
    color: #000;
    font-weight: 300;
    top: 35px;
    font-size: 10pt;}
/*--------------------- menu -------------------------*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {

display: block;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

#cssmenu #menu-button {
display: none;
}
#cssmenu {z-index: 5000;
position: relative;
}
#cssmenu > ul > li {
float: left;
position: relative;
}
#cssmenu ul  {
float: right;
position: relative;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu > ul > li > a {
padding: 26px 16px;
font-size: 12pt;
letter-spacing: -0.3px;
text-decoration: none;
color: #000;
text-transform: uppercase;
font-weight: 600;
}
#cssmenu > ul > li:hover > a {
    color: #ffffff;
    background: #f3802d;
}
#cssmenu > ul > li.has-sub > a {
/* padding-right: 30px; */
}
#cssmenu .altvar{
    position: absolute;
    top: 28px;
    right: 0px;
    display: block;
    font-size: 14pt;
    color: #e97623;
}
#cssmenu > ul > li.has-sub:hover .altvar {
color:#fff;
/*top:28px*/
}
#cssmenu ul ul {
position: absolute;
left: -9999px;
}
#cssmenu.align-right ul ul {
text-align: right;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu li:hover > ul {
left: auto;
}
#cssmenu.align-right li:hover > ul {
left: auto;
right: 0;
}
#cssmenu li:hover > ul > li {
height: 47px;

}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
#cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}

/* açılan menu hover renk alanı */


#cssmenu ul ul li a {
    padding: 16px 4px;
    width: 250px;
    font-size: 14px;
    text-decoration: none;
    color: #FFF;
    font-weight: 400;
    background:#f3802d;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
color: #fff;
background:#b74d00;
}
#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #dddddd;
content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
right: auto;
left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: #dddddd;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
right: auto;
left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
top: 17px;
height: 0;
}

#ustic {    padding: 10px 0px;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    align-items: center!important;}
.ust {width: 100%; position: relative;
background:#075ac9;
}
.uslu { float: left;width: 100%;}
.aus {  font-size: 11pt;
    margin-left: 20px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: #b3b3b3;
	    position: relative;
background: #fff;}   
.aus:hover {
    color: #ffffff;
    background: #f3802d;
}
.aus:hover .dropdown-content {
    opacity:1;
	margin-top: 5px;
	z-index: 100000;
}
.dropdown-content {
    opacity:0;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: -1;
    margin-left: -24px;
    border-radius: 10px;
	    margin-top: -5px;
			transition: all .25s ease;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
} 
.must{
overflow:hidden;
margin:0 auto;
max-width:96%
}
.sosfa {
    padding: 7px 2px;
    font-size: 14px;
    width: 26px;
    height: 26px;
    text-align: center;
    text-decoration: none;
    margin: 1px 1px;
    border-radius: 50%;
    background: #7e8790;
    color: #ffffff;
}

.sosfa:hover.fa-facebook {
background: #3B5998;
color: white;
}

.sosfa:hover.fa-twitter {
background: #55ACEE;
color: white;
}

.sosfa:hover.fa-google {
background: #dd4b39;
color: white;
}

.sosfa:hover.fa-linkedin {
background: #007bb5;
color: white;
}

.sosfa:hover.fa-youtube {
background: #bb0000;
color: white;
}

.sosfa:hover.fa-instagram {
background: #125688;
color: white;
}

.sosfa:hover.fa-pinterest {
background: #cb2027;
color: white;
}

.sosfa:hover.fa-snapchat-ghost {
background: #fffc00;
color: white;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.sosfa:hover.fa-skype {
background: #00aff0;
color: white;
}

.sosfa:hover.fa-android {
background: #a4c639;
color: white;
}

.sosfa:hover.fa-dribbble {
background: #ea4c89;
color: white;
}

.sosfa:hover.fa-vimeo {
background: #45bbff;
color: white;
}

.sosfa:hover.fa-tumblr {
background: #2c4762;
color: white;
}

.sosfa:hover.fa-vine {
background: #00b489;
color: white;
}

.sosfa:hover.fa-foursquare {
background: #45bbff;
color: white;
}

.sosfa:hover.fa-stumbleupon {
background: #eb4924;
color: white;
}

.sosfa:hover.fa-flickr {
background: #f40083;
color: white;
}

.sosfa:hover.fa-yahoo {
background: #430297;
color: white;
}

.sosfa:hover.fa-soundcloud {
background: #ff5500;
color: white;
}

.sosfa:hover.fa-reddit {
background: #ff5700;
color: white;
}

.sosfa:hover.fa-rss {
background: #ff6600;
color: white;
}
.giizle {display:none}

.must span{    
float: right;
position: relative;
padding: 25px;
}
.menutas{       width: 100%;
position: relative;
z-index: 50000;
background: #fff;
box-shadow: 0px 14px 10px 1px rgb(0 0 0 / 21%);
}
.collor {    padding: 3px 8px;
background: #f9f9f9;
border-radius: 30px;
margin-bottom: 3px;
display: block;
font-size: 11pt;
color: #000;}
#-sipactive {
color:#A2F3A2
}
#-sipactive:after {
border-bottom: 10px solid #56B056;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
bottom: 0;
content: "";
display: block;
height: 0;
left: 50%;
margin-left: -8px;
position: absolute;
width: 0;
}
.content{
margin-top: 5px;
margin-bottom: 25px;
position: relative;

}
.cicpages {    background: #fff;}
.flag {    width: 30px;
float: right;
position: relative;
margin-left: 3px;}
#ScrollTop{
position: fixed;
    right: 20px;
    bottom: 150px;
    cursor: pointer;
    display: none;
    background: rgb(6 0 0 / 16%);
    color: rgb(0 0 0 / 49%);
    padding: 4px 0;
    border-radius: 50%;
    font-size: 24pt;
    width: 50px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    z-index: 5000;
}
.sos {
color: #000000;
position: relative;
background: #fff;
padding: 4px 6px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
border-radius: 50%;
width: 25px;
height: 25px;
}
#sosi {}
.kirmizi,.mavibar{color: #000;
font-size: 20pt;
margin-top: 10px;
font-weight: 200;
text-align: left;
padding: 10px 30px;
margin-bottom: 20px;
letter-spacing: -1px;
}
.kirmizi { 
}
.mavibar {
}
/*------------------- foter-------------------------*/
.foice {display:block}
.foter { position: relative;}
.fotic {
float: left;
width: 50%;
}
.fot {     float: left;
    font-weight: 400;
    width: 18%;
    padding: 20px 10px;
    color: #64737a;
    font-size: 11pt;
}   
.fotilk {width: 28%;}    
.fotertasi { padding-top: 15px;}
.fota {  color: #898989;
    margin-bottom: 0px;
    position: relative;
    display: block;
    padding: 5px 0px;
}
.fuslu {
    text-align: center;
    margin-top: 80px;
	overflow:hidden;
    background: #f0f0f0;   
	/*background: linear-gradient( 93deg , rgb(228 245 222) 0%, rgb(247 255 219) 80%);*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
	border-top: 2px solid #f6f6f6;
    box-shadow: 0px -7px 20px 0px rgb(101 104 142 / 20%);
}
.references{background: #0e0c23;
    /*background: url(/images/bsbsb.jpg);*/
    background-size: cover;
    padding-top: 3rem!important;
    padding-bottom: 1.5rem!important;
}

.refea {
    background: #f36a10;
    padding: 20px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
}
.refeb {
    background: #6a6a6a;
    padding: 20px;
    display: inline-block;
    color: #fff;
    font-weight: 400;
}
.refacingil {
    color: #a6a6a6;
    font-weight: 200;
    font-size: 11pt;
    width: 50%;
    padding: 20px 0px;
}

.refaslog {
    color: #f36a10;
    font-weight: 400;
    font-size: 14pt;
}
.refabaslik {
    color: #fff;
    font-size: 23pt;font-weight: 600;
}
.rakamlars {display: flex;
    align-items: center!important;}
.dogaa {     display: flex;
    float: left;
    width: 100%;    font-weight: 300;
    align-items: center;
    flex-wrap: wrap;text-align: left;
    color: #607d8b;
    font-size: 11pt;}
	
.rkm {    font-size: 27pt;
    margin-right: 10px;
    color: #fff;font-weight: 600;}
.rkmy {    color: #fff;
    font-weight: 400;
    font-size: 12pt;}
.rks {   color: #000;
    font-size: 14pt;
    font-weight: 700;
    margin: 12px 0;}	
.foadr {margin-bottom:10px}
.foadr i{margin-right: 10px;
    font-size: 12pt;
    width: 30px;
    height: 30px;
    background: #f3f3f3;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #d1d1d1;
    padding-top: 7px;}	
.ebulten  {
    margin-top: 25px;
}
.ebulten .form-group {
    position: relative;
} 
.ebulten label {    display: block;
    text-align: right;
    color: #b5bbc0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
	margin-right:5px;
}
.ebulten .form-control {    display: block;
    width: 100%;
    border: 2px solid #d7dce0;
   /* background: transparent;*/
    border-radius: 30px;
    height: 45px;
    color: #b5bbc0;
    font-size: 14px;
    padding: 0px 20px;
}
.ebulten button {
    font-size: 18px;
    font-weight: bold;
    color: #f1852b;
    background: transparent;
    border: 0px;
    position: absolute;
    right: 12px;
    top: 0px;
    line-height: 45px;
    z-index: 2;
    cursor: pointer;
}
#mapyaz {    z-index: 3000;
top: 42px;
position: relative;
background: #0950A0;
padding: 10px;
display: inline-block;
left: 45%;
color: #fff;
font-weight: 900;
border-radius: 0 0 12px 12px;}  
.logomalt {      width: 70%;
    position: relative;

}  
.yazfot {      font-size: 14pt;
    margin-bottom: 20px;
    font-weight: 700;
    color: #4c4c4c;
    padding: 5px 12px;
    position: relative;
}   
.yazfot:after {
    content: "";
    background: #e97623;
    height: 3px;
    left: 0px;
    width: 50px;
    position: absolute;
    bottom: -4px;
} 
.fotim {position: absolute;
top: 20px;
right: 85px;
height: 40px;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);}
.fotim:hover {
-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
filter: grayscale(0);}    

.daniss {
background-image: url(/images/mums.jpg);
background-position: center center;
background-size: cover;
display: block;
height: 360px;
overflow: hidden;
width: 100%;
z-index: 100;
position: relative;
margin-bottom:25px
}
.alalt {       padding: 4px;
background: #030b1d;
color: #878c99;
border-radius: 4px;
margin-right: 4px;
margin-bottom: 4px;
display: inline-block;
font-size: 10pt;}
#cingils {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.sapan1 {      font-family: poppins;
font-size: 43pt;
color: #d0ccc9;
font-weight: bold;
letter-spacing: -1px;
margin-left: 4px;
display: block;}
.sapan2 {      font-size: 56pt;
font-family: 'Great Vibes', cursive;
color: #9e7035;
/* letter-spacing: -1px; */
display: block;
margin-top: -52px;
text-shadow: 0px -2px 0px #fff}
.sapan3 { font-family: poppins;
font-size: 18pt;
color: #bdbbb8;    margin-bottom: 25px;
letter-spacing: -1px;
font-weight: 200;
margin-left: 95px;
display: block;
margin-top: -34px;}
.sapan4 {font-size: 13pt;
color: #8b8073;
line-height: 1.3;
margin: 0 auto;
width: 85%;
display: block;}
.atadent {
float:left;
width: 50%;
}
.atadent img {
float: right;
right: 10%;
position: relative;

}
.sapan {
font-size: 16pt;
    text-align: left;
    letter-spacing: -1px;
    display: block;
    margin: 50px 0px;
    font-weight: 200;
    line-height: 1;
    position: relative;
    padding: 0 10px;
    border-left: 2px solid #e97623;
}
.sapan b { font-size: 30pt; }
#bodydip {
    background: #000;
    color: #949494;
    font-size: 10pt;
    padding: 2px 40px;
}
/*---------------- fiyatlar ---------------------*/
.columns {

padding: 8px;
}
.fiyaz {    height: 175px;
overflow: auto;}
.sol .columns {
float: left;
width: 25%;
padding: 8px;
}

.price {
list-style-type: none;
border: 1px solid #eee;
margin: 0;
padding: 10px;
background: #f6f6f6;
border-radius: 10px;
-webkit-transition: 0.3s;
transition: 0.4s;

}

.price:hover {
box-shadow: 0 8px 22px 0 rgba(0,0,0,0.2);
transform: scale(1.1);

}
.price:hover .header {
background-color: #0c2355;
}
.price:hover .grey {
background-color:#e3ecff;
}
.price:hover .button {
background-color: #0c2355;
border-bottom: 3px solid #000;
}
.price .header {
background-color: #e3000f;
color: white;
font-size: 25px;
font-weight: 500;
height: 90px;
border-radius: 10px 10px 0 0;
display: flex;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: 0.3s;
}

.price li {
border-bottom: 1px solid #eee;
padding: 20px;
text-align: center;
background: white;
}

.price .grey {
background-color: #eee;
font-size: 28px;
font-weight: 600;
}

.button {
background-color: #000;
border: none;
color: white;
padding: 10px 25px;
text-align: center;
text-decoration: none;
font-size: 18px;
-webkit-transition: 0.3s;
}
.backtoback {
background-image: url(/images/sbanner.jpg);
background-size: cover;
background-position: bottom right;
background-attachment: fixed;
position: relative;
margin-top: 60px;
}
.backtoback:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 5, 17, 0.7);
}


.logo { 
    position: absolute;
    z-index: 50;
    width: 200px;
    margin-top: -24px;
}
.logomr {text-align: center;
width: 112px;
    padding: 2px 5px 5px 5px;
    top: 14px;
    position: fixed;
    background: white;
    padding-top: 20px;
    border-radius: 0px 0px 60px 60px;
	transition: all 0.6s ease 0s;

}
.logom { transition: all 0.6s ease 0s;
width: 100%;    border-radius: 8px;
}
.logomr img{
    padding: 22px 5px;
   /* background: #f3f3f3;*/
    width: 92px;
    border-radius: 50%;
	    border: 2px solid #fff;
    box-shadow: 0px 0px 9px 3px rgb(0 0 0 / 7%);
}
.menust { 
height:60px;
position: relative;
    z-index: 99999;
	    display: none;
		box-shadow: 0px 8px 10px 0px rgb(0 0 0 / 12%);
}
.borsa{
position: absolute;
right: 420px;
top: 6px;
font-weight: 400;
font-size: 10pt;
padding: 5px;
background: #ffffff85;
}
.para {float:left;
margin-right: 12px;}
.para img {position: relative;
top: 4px;
margin-right: 3px;}

.saa {}
.saa img { 
float: left;
height: 105px;
margin-right: 15px;
margin-bottom: 10px;

}
.soic {    
background: rgb(238, 245, 236);
width: 100%;
height: 100%;
display: block;
*  border-bottom: 5px solid #fff;
border-top: 5px solid #fff;
}
.saa:hover .soic  {}
.saa:hover .soyaz  {}
.soyaz {max-width: 545px;
top: 10%;
width: calc(100% - 30px);
position: relative;
z-index: 1;
line-height: 1.2;
margin: 0px auto;
* color: #56B056;
font-size: 13pt;}
.gal {overflow: hidden;float:left;width:25%;padding:5px;}
.gal img {width:100%;box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.95);border: 10px solid #fff;}
.gal:hover  {transform: scale(1.1);opacity:.7}
.har {float:left;width:50%;padding:20px}

#sivama {display:none;background:rgba(255, 255, 255, 0.75);width:100%;height:100%;position:fixed;z-index:5}
#siparis { background: #fff;display:none;
max-width: 600px;
z-index: 601;
position: fixed;
left: 10%;
right: 10%;
top: -650px;
padding: 10px;
border-radius: 7px;font-family: "Oswald",sans-serif;
margin: 0 auto;}
#kapa {    padding: 12px;
background: #DADADA;
color: #fff;
display: block;
border-radius: 6px 6px 0 0;
margin-bottom: 14px;
text-align:right}    
.ulform {
border-style: solid;
border-width: 1px;
margin-bottom: 5px;
padding: 14px 4px;
width: 99%;
}
#bulas {
background-color: #000;
color: #fff;
font-size: 14pt;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
width: 100%;
}
.pson {
background-color: #ff6666;
color: #ffffff;
display: none;
margin-bottom: 5px;
padding: 10px 3px;
}
.pson {display:none;color: #FFFFFF; padding-left: 3px; padding-right: 3px; padding-top: 10px; margin-bottom: 5px;
       padding-bottom: 10px; background-color: #FF6666}
.pok {display:none;color: #FFFFFF; padding-left: 3px; padding-right: 3px; padding-top: 10px; margin-bottom: 5px;
       padding-bottom: 10px; background-color: #99CC00} 
.ozured {background: #ed1c24;
padding: 20px;
margin-top: -80px;
position: relative;
color: #fff;
text-align: left;} 
.ozoz {float:left;width:50%;}  
.xod {margin-right: 50px;width: 45%;}

#form-ok {
background-color: #e0ff9f;
border: 1px solid #8aff15;
display: none;
margin-bottom: 45px;
padding: 10px;
position: relative;
}
#ilform {
position: relative;
}
.inner {
}
.inner .satir {
display: block;
margin-bottom: 5px;
padding-left: 20px;
}
.inner .satir .left {
float: left;
margin-right: 40px;
padding-top: 6px;
width: 140px;
}
.inner .satir input, .inner .satir textarea, .container .inner .satir select {
border: 1px solid #c9c9c9;
border-radius: 4px;
color: #797979;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
width: 65%;
padding: 10px;
}
.inner .satir input:focus {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #aacdea;
color: #286ca4;
}
#seput {
border-radius: 4px;
padding: 8px;
}
.inner .satir span {
color: #ff0000;
font-family: Century Gothic;
font-size: 9pt;
padding-left: 6px;
}
.inner .sendfrm {
text-align: right;
}
#myform {
width: 100%;
}
.required {
border: 1px solid #ff0000 !important;
color: #eb8723 !important;
}
#gkodu {
border-radius: 4px;
color: #000;
float: left;
font-weight: bold;
margin-right: 10px;
padding: 8px;
position: relative;
}
.rndsayi {
float: left;
font-family: arial;
font-size: 11pt;
}
.degistir {
cursor: pointer;
float: left;
margin-right: 6px;
}
.button {
background: #E40135 none repeat scroll 0 0;
border-bottom: 3px solid #A5092A;
border-radius: 5px;
color: #fff;
padding: 10px 20px;
text-decoration: none;
display: inline-block;
}
.button:hover {
padding: 10px 30px;
}

.orus {      width: 110px;
height:110px;
top: -54px;
position: absolute;
left: 38%; 
border-radius: 50%;
-webkit-animation: ripple 1s linear infinite;
animation: ripple 1s linear infinite;
-webkit-transition: .5s linear;}
@-webkit-keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1)
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0)
}
}

@keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1)
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0)
}
}
@keyframes ripple-kara {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 10px rgba(0, 0, 0, 0.1)
}
100% {
-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 10px rgba(0, 0, 0, 0.1), 0 0 0 20px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), 0 0 0 10px rgba(0, 0, 0, 0.1), 0 0 0 20px rgba(0, 0, 0, 0)
}
}
@-webkit-keyframes hero-img-animation {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(-25px);
transform: translateX(-25px);
}
}
@keyframes hero-img-animation {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}

.fixed {position:fixed;top:0px;width:100%;z-index: 50000;}
.fixed #cssmenu > ul > li > a {
padding: 20px 20px;
}
.ulogom {margin-left: 40px; 
height: 40px;
position: relative;}

.markalar {  display: inline-block;
position: absolute;
z-index: 50;
top: 2px;
} 
.markalarim {
padding: 3px;
}
.markalarim a {
overflow: hidden;
border-radius: 10px;
color: #666;
display: block;
box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.34);
padding: 10px;
border: 1px solid #d0cbcb;
background: #fff;
text-align: center;
}
.markalarim img {
height: 140px;
width: 100%;
}
.list-inline li {
display: inline-block;
padding-right: 1px;
padding-left: 1px; 
}
.owbuton {   
    background: #9d9d9d;
    color: #F6F6F6;
    cursor: pointer;
    font-size: 20pt;
    float: right;
    padding: 0px 16px;
    position: relative;
    transition: all 0.3s linear 0s;
    Z-INDEX: 10;
}
.owbuton:hover{
color: #F6F6F6;
background: #000;

}
.tuss {    padding: 10px;color:#fff;
background: #389647;
display: inline-block;
margin-top: 20px;
border-radius: 5px;} 
.tuss a {color:#fff;}   
.tuss:hover { 
background: #000;
} 
.tuss a {color:#fff;}  
.marks {    border: 2px solid #fff;background:#fff;margin-top:20px;-webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.14);
box-shadow:0px 1px 15px 0px rgba(0, 0, 0, 0.14);background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );    padding: 25px;} 
.ribbon{
position: relative;
top: 24px;
float: right;
right: 66px;
z-index: 10;
padding: 5px 10px;
color: #FFF;
background: #56B056;
display: inline-block;
margin-top: -40px;
}
.ribbon:before {
content: "";
position: relative;
border-style: solid;
border-color: transparent transparent #326F3B transparent;
top: -25px;
right: 21px;
border-width: 0 0 1em 0.7em;
z-index: -1;
}
.rlogo {display:none; }

.fotadres {padding: 14px;
color: #A0A3A7;
max-width: 400px;
font-size: 10pt;}

.bslogo {     position: absolute;
color: #fff;
z-index: 5000;
font-size: 32pt;
padding: 9px;
width: 80px;
height: 80px;
border-radius: 50%;
background: #56B056;
text-align: center;
top: -42px;
left: 18px;}   
.bsyaz {      padding: 25px 20px;
font-size: 10pt;
color: #DEDEDE;
font-weight: 400;
line-height: 1.5;
}   

.bsyaz h3 {    margin-bottom: 20px;
font-size: 20pt;
margin-top: 0px;
} 
.search {display:none;
background-color: #ffffff;
border-radius: 15px;
height: 32px;
right: 0;
position: absolute;
top: 0px;overflow: hidden;
width: 20%;
/* border: 1px solid #d6d6d6; */
}
.ara_input {  
    background: #f0f0f0;
    border: 0;
border-radius: 6px;
    padding: 12px;
    position: relative;
width: 100%;
-webkit-box-shadow: inset inset 2px 17px 5px -17px rgba(0,0,0,0.39);
-moz-box-shadow: inset 2px 17px 5px -17px rgba(0,0,0,0.39);
box-shadow: inset 2px 17px 5px -17px rgba(0,0,0,0.39);

}
.ara_input:focus{
outline: none;
}
.aramaButton {
    background: #404a54 url(../images/arai.png) no-repeat scroll center center;
    border-radius: 8px;
    border: 0 none;
    cursor: pointer;
    height: 0;
    padding: 19px 23px;
    position: absolute;
    right: 0px;
}
.aramaButton:hover {
background-color:#EB322F;
}
#barr { background-image: url(/images/sbanner.jpg);
background-position: center right;
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 230px;
    position: relative;
}
div#barr:before {

}
#barralt {  }
#barrh {      font-size: 35pt;
color: rgba(255, 255, 255, 0.78);
font-weight: 100;   
}

.ics {float:right}
.ics.sag {   width: 262px;
    padding: 5px;
    z-index: 2;
    position: relative;
    background: #404a54;
    border-radius: 14px;
	    margin-bottom: 18px;
}
.ics.sol {  width: calc(100% - 262px);
color: #5A5A5A;
padding: 0px 15px;
min-height: 680px;
z-index: 2;
position: relative;
}
#kbas {    padding: 10px;margin-bottom: 2px;
font-size: 15pt;
background-image: url(/images/foalt.jpg);
color: #fff;
font-weight: 400;}  

.katbasi {
    width: 100%;
    margin-top: 0px;
    letter-spacing: 1px;
    position: relative;
    color: #fff;
    padding: 10px 6px;
    margin-bottom: 4px;
}

.katbasi h3 {
font-weight: 600;
font-size: 18px;    letter-spacing: 0px;
}

.icimages {
    overflow: hidden;
    height: 260px;
    display: block;
    position: relative;
	    padding: 6px;
}
.icimages img {
    position: relative;
    transition: all 0.2s linear 0s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
	border-radius: 4px;
}
.blogic{      border-radius: 10px;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.2s linear 0s;
    background: #f5f5f5;
}
.blogic:hover .devamm a{  
 background: #000;
 color:#fff
}
.bloim {display: none;position: absolute;
    z-index: 5;
    width: 35px;
    height: 35px;
    background: #1fa4df;
    color: #fff;
    border-radius: 50%;
    padding: 6px 13px;
    right: 10px;
    top: 10px;}
#k_ul li { position:relative} 
#k_ul li a {        
    color: #fff;
    padding: 12px 3px 12px 10px;
    font-size: 11pt;
    font-weight: 500;
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
    transition: all 0.4s ease 0s;
    border-bottom: 1px dashed #6a7177;
    z-index: 1;
}
#k_ul li a:hover {   
padding-left: 15px;
}
#k_ul li a.actif {    color: #000;
   background: #ff7900;
    border-radius: 6px;}  

#k_ul li a::before {
content: "";
background: #ff7900;
width: 0;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease;
    border-radius: 6px;
}
#k_ul li a:hover::before,#k_ul li a.actif:hover{
left:0;
color: #fff;
width: 100%;
}
    
#sorul {    padding: 10px;
background: #AFAFAF;
color: #fff;
margin-top: 12px;font-size: 16pt;} 

.ssor {    float: left;
width: 25%;
display: block;
position: relative;
padding: 10px;
} 

#k_ul li.altkat a {color:#fff;}
#k_ul li.altkat a:hover { color: #fff;background:#000;}
#k_ul li.altkat a {}

.bilbaslik {margin-bottom: 8px;
    font-size: 11pt;
    font-weight: 700;
    color: #404a54;}
.bilicerik {    font-size: 10pt;
    color: #404a54;}
.billink { 
    display: block;
    background: #404a54;
    color: #fff;
    text-align: center;
    padding: 8px 0px;
    border-radius: 6px;
    font-size: 11pt;
       margin: 25px 10px 0px 10px;
    position: relative;}
.bilbu {position: absolute;
    font-size: 32pt;
    background: #e8f1f1;
    left: 7%;
    top: -44px;
    padding: 6px 8px;
    border-radius: 50%;
    color: #ff7900;}	
	
.yazal {padding: 2px 15px;
border-radius: 30px;
border: 1px solid;
display: inline-block;
margin-top: 10px;
color: #9e7035;}
.ssoric { 
  background: #56B056; 
      width: 100%;
height: 200px;
border-bottom: 2px solid #67806A;
    border-radius: 6px;
} 
  .ssoric:hover { 
  background: #000; 
} 
.sslogo {text-align: center;
padding: 5px;
color: #DAF7DA;
font-size: 60pt;}
.ssyaz {    text-align: center;
padding: 5px;
color: #fff;}
.veracity a {color:#fff}  
.veracity .sslogo {
padding: 0px; 
font-size: 0; 
}
.veracity .ssoric {padding: 6px;}
.sorutas {position: relative;}
#slmerak {font-family: "Oswald",sans-serif;text-align:center}
.rosalinda {     background: rgba(234, 234, 234, 0.5);    margin-bottom: 25px;
padding: 30px;
font-family: "Oswald",sans-serif;}
.rosalinda img {    
opacity: 0.4;
height: 300px;    margin-right: 30px;
}
.konubaslik {    padding: 10px;
background: #edf6ff;
margin-bottom: 10px;
border-bottom: 1px solid #c8e2ff;
color: #4c4c4c;}  
#rosid {color: #8F959C;
font-size: 13pt;} 
.elsne {float:left;width:33%;    padding: 20px;}

/*-------------------------- iletisim------------------------------*/   
#contakform {}
.required { border: 2px solid red !important; color: #EB8723 !important; }
.form-style-10{
}
.form-style-10 .inner-wrap{

}
.formalan {padding:30px 0px}
.fortas {width: 56%;
float: left;}
.frsg {
    width: 40%;
    margin-left: 48px;
}
.form-style-10 h1{
padding: 0px 0px 30px
}
#adres {    font-size: 12pt;}
.form-style-10 h1 > span{
display: block;
margin-top: 2px;
font: 13px Arial, Helvetica, sans-serif;
color:#ccc
}
.form-style-10 label{
display: block;
color: #000;
margin-bottom: 8px;
}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,
.form-style-10 select {
    background:#eef0f5;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 20px 15px;
    border-radius: 8px;
    border: none;
	font-size: 12pt;
    font-family: 'Poppins';
}

.form-style-10 .section{
font-weight: bold;
* margin-bottom: 5px;
left: 40px;
position: relative;
margin-bottom: 16px;
}
.form-style-10 .section span {
background: #56B056;
padding: 6px 14px 6px 10px;
position: absolute;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border: 4px solid #E8E8E8;
font-size: 14px;
margin-left: -42px;
color: #fff;
margin-top: -3px;
font-weight: bold;
text-align: center;
}
.form-style-10 input[type="button"],
.form-style-10 input[type="submit"]{
background: #cc6905;
padding: 15px;
border: none;
color: #fff;
font-size: 12pt;
border-radius: 30px;
display: block;
width: 100%;
margin-top: 13px;
}
.form-style-10 input[type="button"]:hover,
.form-style-10 input[type="submit"]:hover{
background: #444;
-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.form-style-10 .privacy-policy{
float: right;
width: 250px;
color: #4D4D4D;
margin-top: 10px;
text-align: right;
}
#posok {}  
/*-------------------------- urun detay ------------------------------*/    
#sync1 {  }
#sync2  {
opacity: 1;
display: block;
margin-top: 10px;
padding: 5px;
}

#sync1 .item{}
#sync2 .item{
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    padding: 4px;
}
#sync2 .item img{
width: 94%;
height:auto;
}
#sync2 .synced .item img{
opacity: 1;
border-radius: 4px;
} 
#u_kaf {   

margin-bottom: 5px;
border-radius: 6px;
} 
#u_resim {
    float: left;
    position: relative;
    width: 46%;
    background: #fff;
    text-align: center;
    padding: 8px;
    border-radius: 24px;
    box-shadow: -10px 0px 16px 0px rgb(0 0 0 / 4%);
}
#u_ozet {
float: right;
    width: 52%;
    background:#f7f7f7;
    padding: 10px;
    border-radius: 24px;
}
#uozeti {
background: #ffffff;
padding: 10px;
font-size: 12pt;
margin-top: 60px;
position: relative;
min-height: 200px;
border-radius: 0px 0px 30px 30px;
}
/*-------------------------- urun detay ------------------------------*/    
.etiks {
display: inline-block;
font-weight: 600;
font-size: 12px;
padding: 7px 12px;
color: #e3000f;
position: relative;
overflow: hidden;
border-radius: 20px;
border: 1px dashed #e3000f;
background: #fff;
}
.etiks:hover {
color: #fff;
background:#DA0000;
}   
.etikets {    margin-top: 40px}   

.uruntasiyici {
padding:4px}
.urun {        transition: all 0.4s ease 0s;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.2s linear 0s;
    background: #f3f3f3;border-radius: 6px;

}
.urun:hover {box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.14);}
.uyaziust {
bottom: 2px;
color: #fff;
display: block;
font-size: 12pt;
font-weight: 400;
padding: 6px;
text-align: left;
}
.urresim {
position: relative;
width: auto;
overflow: hidden;height: 320px;padding: 8px;
}
.urun:hover .urresim img {}
.urresim .atakulimgload {     
transition: all 0.3s linear 0s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 4px;
}
.urrelog {transition: all 0.2s linear 0s;
width: 60px;
    height: 142px;
    background: linear-gradient(0deg, rgb(10 24 39 / 72%) 44%, rgb(0 163 255 / 52%) 84%);
    position: absolute;
    z-index: 5;
    top: -160px;
    left: 5%;
    border-radius: 0px 0px 40px 40px;
}
.urun:hover .urrelog{top: 0px;}
.urku{
    bottom: 0px;
    position: absolute;
    left: 5px;
    right: 5px;
	}
.urkuya{
    transform: rotate(270deg);
    bottom: 88px;
    position: absolute;
    color: #fff;
    left: -13px;
    right: 0;
    width: 90px;
	}	
.urku img{
    width: 100%!important;
    height: 100%!important;
}
#ubutonlar {
position: relative;
text-align: center; margin-top: 10px;
}
.ubutons {     background:#767e86;
    border: none;
    color: #fff;
    display: inline-block;
    transition: all 0.2s linear 0s;
    vertical-align: middle;
    position: relative;
    width: 98%;
    overflow: hidden;
    padding: 10px 0px;
   border-radius: 4px;
   margin:10px 0px;
}
.ubutons.mi {
background-image: linear-gradient(-45deg, #bc00c4, #1139cc);
box-shadow: 0 4px 10px -1px rgba(0,0,0,0.2), 0 4px 6px 1px rgba(0,0,0,0.05), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255,255,255,0.1) inset;
border-radius: 50px;
padding: 10px 0px;
}
.urun:hover .ubutons.mi {width: 50%;background:#000;color:#fff }
.urun:hover .ubutons.si {width: 40%;}
#uismi {    
    color: #000;
    padding: 5px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 12pt;
    line-height: 1.1;
}
#udesc {
color: #000;
font-weight: 300;
margin: 6px 0;
overflow: hidden;
font-size: 10pt;
}
#ufiyat {
color: #e97623;
    font-size: 9pt;
    font-weight: 500;
}
.urtar {position: absolute;
z-index: 10;
padding: 5px;
background: rgba(9, 80, 160, 0.52);
color: #fff;
top: 16px;
font-size: 10pt;}
.lgmarka {position: absolute;
    z-index: 5;
    width: 35px;
    right: 20px;
    top: 20px;}
.devamm {

}
.devamm a {
	display: inline-block;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 30px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    transition: all 0.4s ease 0s;
    background: linear-gradient(273deg, #ff5722 35%, rgb(233 118 35) 100%);
}

.urun:hover .ubutons  {
background:#ee7202;

}
.uricgal {
width: 32%;
margin-right: 10px;


}

.uricgal #uismi,#udesc {}
.uricgal img {height:300px}
.bakbi {
color: #fff;
font-size: 25pt;
left: 45%;
opacity: 0;
position: absolute;
top: 30%;
transform: scale(1);
transition: all 0.2s linear 0s;
z-index: 800;
}

.urun:hover .urresim a img {
transform: scale(1.1);
}

.banres {
width: 300px;
float: left;
margin-right: 20px;
}
.blgbs {
padding: 12px;
border-radius: 3px;
margin-bottom: 10px;
color: #bebbbb;
font-size: 11pt;
background: #f6f6f6;
font-weight: 300;
}
.menbc {}
/* --- tab mobil menu --*/
.mobcontainer{display:none;
    width: 100%;
    position: fixed;
    z-index: 50000;
    bottom: 0;
	height: 90px;
}

.nav-bar{
  background: #fff;
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;box-shadow: 0px -1px 8px 0px rgb(0 0 0 / 11%);
 
}

.nav-bar svg{
  height: 3rem;
  position: relative;
  z-index: 10;
  transition: all .4s;
  display: inline-block;
}

.nav-bar ul{
  display: flex;
  height: 100%;

}

.nav-bar ul li{
  height: 100%;
  text-align: center;
  list-style: none;
  align-items: center;
  display: flex;
  cursor: pointer;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  flex: 1;
}

.nav-bar ul li span{
  font-weight: 600;
  width: 100%;
  display: block;
  text-align: center;
  transition: all .22s;
  color:#000
}

.nav-bar ul li:after{
  width: 50%;
  height: 50%;
  border-radius: 100%;
  content: '';
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: 0;
  position: absolute;
  background: #fff;
  transition: all .4s;

}

.nav-bar ul li:hover:after{
  transform: translate3d(0, -15%, 0);
}

.nav-bar ul li.active:after{
  transform: translate3d(0, -50%, 0);
}

.nav-bar ul li.active span,
.nav-bar ul li:hover span{
    color: #bd2a29;
    font-weight: 700;
    font-size: 10pt;
}

.nav-bar ul li.active svg{
  transform: scale(1.12) translate3d(0, -16px, 0);
}

.nav-bar ul li:not(.active):hover svg{
  transform: scale(1.049) translate3d(0, -4px, 0);
}

.nav-bar ul li svg path{
  transition: all .4s;
}

.nav-bar ul li:hover svg path,
.nav-bar ul li.active svg path{
  fill: #ffffff;
}

.barsib {height: 100%;display: table;width: 100%;}
#baryaz {   
display: table-cell;
vertical-align: middle;
position: relative;
}
#baryazim {
    font-size: 26pt;
    font-weight: 600;
    color: #515151;
	}
#baryazima {     
font-size: 12pt;
    font-weight: 300;
    color: #6e6e6e;
    position: relative;
}

#respoload {
display: none;
position: fixed;
background: #000;
opacity: .4;
width: 100%;
height: 100%;
z-index: 590000;
}
#menu_sol {
left: -300px;
width: 300px;
color: #fff;
position: fixed;
transition: all 0.2s ease 0s;
z-index: 600000;
height: 100%;
top: 0;
background:#fff;
overflow: auto;
}
/************************* responsive menu *****************************/
.menukapa {cursor:pointer}
.respokafa {color:#fff;padding:10px;    background: linear-gradient(270deg, rgba(237,237,237,1) 30%, rgba(255,255,255,1) 70%);}

.accordion-menu {
width: 100%;
background: #f9f9f9;
margin-top: 20px;
}

.accordion-menu li.open .dropdownlink,.dropdownlink a {
color: #000000;
font-size: 12pt;
font-weight: 500;
}
.accordion-menu li.open .dropdownlink .fa-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.accordion-menu li:last-child .dropdownlink {
border-bottom: 0;
}

.dropdownlink {
text-transform: uppercase;
cursor: pointer;
display: block;
padding: 12px;
font-size: 14px;
border-bottom: 1px solid #ccc;
color: #212121;
position: relative;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.dropdownlink i {
position: absolute;
left: 16px;
}
.dropdownlink .fa-chevron-down {
right: 12px;
left: auto;
}
.submenuItems {
display: none;
background: #f3802d;
max-height: 300px;
overflow: auto;
}
.submenuItems li {
}

.submenuItems a {    font-size: 11pt;
display: block;
color: #fff;
padding: 12px 12px 12px 15px;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
border-bottom: 1px solid #e07324;
font-weight: 400;
}
.submenuItems a:hover {
background-color: #000;
color: #fff;
}  
.atara {display:none}
.mobara {    display: none;
    position: absolute;
    z-index: 5000;
    color: #ffffff;
    top: 10px;
    right: 14px;
    font-size: 20pt;
    /* background: #1ea3de; */
    padding: 7px 10px;
    border-radius: 50%;
    z-index: 500000;
    border: 1px solid;
}
.resai {font-size: 10pt;
    margin-right: 6px;
    color: #ffbb8a;}
.dogasol { width:15%}	
/*-------------------------- respo ------------------------------*/  

@media (min-width:768px) {
.menu ul {display:block!important;}
}
/*-------------------------- respo ------------------------------*/
@media only screen and (max-width: 1450px) {
#cssmenu, .menust, #ustic, .content, .alttas, #yorumlar, .linko, .barsib, .fotertasi {
    max-width: 95%;
    margin: 0 auto;
}
}

@media only screen and (max-width: 1340px) {
#cssmenu, .menust, #ustic, .content, .alttas, #yorumlar, .linko, .barsib, .fotertasi {
    max-width: 95%;
    margin: 0 auto;
}
}
@media only screen and (max-width: 1100px) {
.logo { width: 115px;margin-top: 1px;}
#cssmenu > ul > li > a {padding: 26px 6px;font-size: 11pt;}
.randevu {padding: 8px 10px;width: 170px;}
}
@media only screen and (max-width: 768px) {	
.ows {display:none}
.callraspo,.atara,.mobara,.menust {display: block;}
#baryazim {
    font-size: 18pt;
    font-weight: 700;
    left: 10px;
    position: relative;
}
#baryazima {
font-weight: 300;
color: #000;
left: 10px;font-size: 10pt;
}
.uslu {
float: none;
width: 100%;
}
div#barr:before,.usxt  {display:none}
.menu,.must{
max-width:100%
}
#cssmenu, .menust {
max-width:100%;background: linear-gradient(270deg, rgba(237,237,237,1) 30%, rgba(255,255,255,1) 70%);
}
#cssmenu {
width: 100%;
background: #000;
}
#cssmenu ul {
background:#fff;
width: 100%;
display: none;
}
#cssmenu.align-center > ul {
text-align: left;
}
#cssmenu ul li {
width: 100%;
}
#cssmenu ul ul li,
#cssmenu li:hover > ul > li {
height: auto;
}
#cssmenu ul li a,
#cssmenu ul ul li a {
    padding:16px;
    width: 100%;
    border-bottom: 0;
    color: #000000;
    background: #f1f1f1;
    border-bottom: 1px solid #e6e6e6;
}
#cssmenu > ul > li {
/*   float: none;*/
}
#cssmenu ul ul li a {
padding-left: 25px;
}
#cssmenu ul ul ul li a {
padding-left: 35px;
}
#cssmenu ul ul li a {
color: #072548;
background: #EEF7FB;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
color: #ffffff;
}
#cssmenu > ul > li:hover > a {

}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu.align-right ul ul {
position: relative;
left: 0;
width: 100%;
margin: 0;
text-align: left;
}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before {
display: none;
}
#cssmenu #menu-button {
display: block;
padding: 17px;
color: #fff;
cursor: pointer;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
}

#cssmenu .submenu-button {
background: #515151;
border-radius: 3px;
position: absolute;
z-index: 99;
right: 0;
top: 4px;
display: block;
height: 46px;
width: 46px;
cursor: pointer;
}
#cssmenu .submenu-button.submenu-opened {
/*   background: #12B0FF; */
}
#cssmenu ul ul .submenu-button {
height: 34px;
width: 34px;
}
#cssmenu .altvar {   
position: absolute;
top: 20px;
right: 18px;
display: block;
font-size: 12pt;
z-index: 100;
color: #fff;
}
#cssmenu > ul > li.has-sub:hover .altvar {
color:#fff;
/*top:28px*/
}
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px;
}
#cssmenu .submenu-button.submenu-opened:after {
background: #ffffff;
}

#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px;
}
#cssmenu .submenu-button.submenu-opened:before {
display: none;
}
#barr {border-bottom:none}
.logo {display:none}
.markalar {width: 100%;margin: 0 auto;}
.menutas{ display: none;}
.reslogo {display:block!important;text-align: center;background-image: url('bck.png');}
.reslogo img {width:140px}
#banners .owl-anext, #banners .owl-aprev {font-size: 10pt;padding: 10px; }
.saa,.har,.ozoz {float:none;width: 100%;}
.xod {margin-right: 0px}
.gal {width:50%;}
.ulogom {display:none}
.rlogo {  display: inline-block;
    border-radius: 6px;
    position: relative;
    left: 1%;
    padding: 18px 2px;
    background: #f3f3f3;
    width: 84px;
    margin-top: 6px;
    border-radius: 50%;
}
.randevu {
width: 100%;
}
.ics.sag {width:100%;margin-left:0}
.ics.sol { width:100%; }
#barr {max-height: 180px;}
#barrh {
top:20%;
font-size: 18pt;
left: 2%;
width: 100%;
}
#uismi {     font-size: 12pt;}
.ssor {
width: 50%;
}
.elsne{
width: 100%;
}
.menbc,.pohh,.dnim,.ustyazilik,.dropdown,#enust,.respomenuk{
display:none
}
.search {
width: 50%;
left:45%;
display:none
}
#sosi {display:none}
#u_ozet,#u_resim {width:100%;margin-bottom:5px}
.tgizle {display:none}
.tablo {font-size:10pt}
.fot,.atadent {width: 100%;} 
.ulink {
padding: 3px 3px;
font-size: 10pt;
display: table-cell;
}
.fortas {width:100%;padding:3px}
.frsg { margin-left: 0px;}
.uricgal {width:47%;}
.uricgal img {height: 180px;}
.ubutons {
    font-size: 13pt;
    margin-right: 3px;
    padding: 12px 0px;
}
.fot {padding: 1px 20px;width: 100%;} 
.foice,.ulbef {display:none;}
.sol .columns {width: 100%;}
.atara {
    position: absolute;
    right: 5%;
    top: 18%;
    font-size: 18pt;
    cursor: pointer;
    z-index: 100;
    color: #494949;
}
#ustic { display: none;}
.rakamlars { display: block;}
.rakamlars li {
    display: inline;
 border-right: none;
 margin-right: 0px; 
 padding-right: 0px;
}
}
@media only screen and (max-width: 520px) {
#cssmenu, .menust, #ustic, .content, .alttas, #yorumlar, .linko, .barsib, .fotertasi {max-width: 100%;}
.content{padding: 0px 6px;}
#barr {background-position: center center;}
.ics.sol {padding: 0px 0px;}
.fot {padding: 0px 8px;}
.bansi {width: 100%;margin-bottom: 8px;}
.devamm a { font-size: 14px;padding: 10px 8px;border-radius: 6px;}
.icimages {height: 180px;}
.mobcontainer {display:block;}
  .nav-bar svg{height: 1.5rem;}
  .nav-bar ul li span{ font-size: .75rem;font-weight: 500;}  
  .nav-bar ul li.active:after{
        height: 50px;
    width: 50px;
        background: linear-gradient(178deg, rgba(233,118,35,1) 19%, rgb(165 1 45) 100%);
	box-shadow: 0 0 0px 4px rgb(255 255 255);
  }
  #bodydip {margin-bottom: 60px;}
  .aramaButton {right: 6px;}
  .fixed {position:fixed;top:0px;width:100%;z-index: 50000;}
  .urresim {height: 400px;padding: 4px;}
  #adres {font-size: 10pt;}
  .dogasol img { display: none;}
  .dogasol { width:0}	
  .dogaa { font-size: 10pt;padding: 25px 4px;}
  .logomalt { width: 38%; left: 30%;}
  .refacingil { width: 100%;}
  }