/***************************************************************************
Yleti?im	        :	ibrahim@atakuldesign.com
Tasarym-Kodlama	:	IBRAHIM ATAKUL  
web adresimiz     :	http://www.atakuldesign.com
****************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&subset=latin-ext);
.fancybox-is-open .fancybox-bg {
   background:rgb(27 54 124);
    opacity: .90;
}
/*-------------------------- sablon ------------------------------*/
*{ 
/*transition: all 0.4s ease 0s;*/
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: #f1f2f3;
}
#atakulloader {transition:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color: rgb(63 81 181 / 70%); /* sayfa yüklenirken gösterilen arkaplan rengimiz */
z-index:999999; /* efektin arkada kalmady?yndan emin oluyoruz */
}

#loadstatu_img {
text-align: center;    margin-top: 60px;
}
    .aus {
    top: 18px;
    position: absolute;
    z-index: 500000;
    font-size: 11pt;
    margin-left: 20px;
    display: inline-block;
    right: 10px;
    color: #fff;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 100000;
    margin-left: -95px;
    border-radius: 10px;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.aus:hover .dropdown-content {
    display: block;
}    
.hm-spinner{
    height: 115px;
    width: 115px;
    border: 6px solid transparent;
    border-top-color: #d19b04;
    border-bottom-color: #d19b04;
    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: #fff;
  border-bottom-color: #fff;
  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 {     position: relative;
    display: block;
}

.social {
float: left;
right: 1%;
position: absolute;
top: -2px;
}
.ulogin {
float: left;
margin-right: 15px;
color: #ADB9E2;
font-size: 10pt;
padding: 4px 0px;
}
.ulogin a {
}
#cssmenu,.menust,#ustic,.content,.alttas,#yorumlar,.linko,.barsib {
max-width:85%;
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: 20px 12px;
    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: 18%;
top: -4px;
width:30px;
}
.pohh i {font-size: 26pt;top: 18px;position: relative;color: rgb(8 105 204 / 27%);}
.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: #0a2d84;
    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: 35px 14px;
    font-size: 12pt;
    letter-spacing: 0px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
#cssmenu > ul > li:hover > a {
    color: #ffffff;
    background: #fe9223;
}
#cssmenu > ul > li.has-sub > a {
/* padding-right: 30px; */
}
#cssmenu .altvar{
    position: absolute;
    top: 36px;
    right: 0px;
    display: block;
    font-size: 14pt;
    color: #c4c4c4;
}
#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çylan menu hover renk alany */


#cssmenu ul ul li a {
    padding: 16px 4px;
    width: 250px;
    font-size: 14px;
    text-decoration: none;
    color: #FFF;
    font-weight: 400;
    background:#cc6905;
}
#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:#ce9800;
}
#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;
}
div#enust:before {
    content: "";
    width: 20%;
    height: 100%;
    background: #0a2175;
    /* border-radius: 0 20px 20px 0; */
    position: absolute;
    left: 0;
}
.ulogin:before {
    content: "";
    border-style: solid;
    border-width: 60px 0 0 60px;
    border-color: transparent transparent transparent #0a2175;
    position: absolute;
    top: 0;
    left: 20%;
    display: block;
}
#ustic {padding: 10px 16px;
text-align: right;}
.ust {width: 100%; position: relative;
background:#075ac9;
}
.uslu {float: left;
width: 50%;}
   
.must{
overflow:hidden;
margin:0 auto;
max-width:96%
}
.sosfa {
padding: 5px 2px;
font-size: 14px;
width: 25px;
/* height: 25px; */
text-align: center;
text-decoration: none;
margin: 1px 1px;
border-radius: 50%;
background: #ffffff;
color: #075ac9;
}

.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%;
    width: 100%;
    position: absolute;
    z-index: 50000;
    background: rgb(8,124,227);
    background: linear-gradient(318deg, rgba(8,124,227,1) 0%, rgba(11,16,97,1) 100%);
}

.fixed {position:fixed;top:0px;width:100%;z-index: 50000;}
.fixed #cssmenu > ul > li > a {
padding: 18px 20px;
}
.actif{
}
.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;

}
.flag {    width: 30px;
float: right;
position: relative;
margin-left: 3px;}
#ScrollTop{
position: fixed;
right: 30px;
bottom: 125px;
cursor: pointer;
display: none;
background: #DA0101;
color: #fff;
padding: 14px 0;
border-radius: 50%;
font-size: 10pt;
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;
    background: rgb(8,124,227);
    background: linear-gradient(318deg, rgba(8,124,227,1) 0%, rgba(11,16,97,1) 100%);
}
.fotic {
float: left;
width: 50%;
}
.fot { float: right;
    font-weight: 400;
    width: 24%;
    padding: 20px;
    color: #fbf4ee;
    font-size: 11pt;
}   
.fotilk {width: 28%;}    
.fotertasi {max-width:1200px;margin:0 auto;    margin-top: 15px;    padding-top: 25px;}
.fota {      color:#f6ede6;border-bottom:1px dashed #707695;
margin-bottom: 2px;
position: relative;
display: block;
padding: 4px;
}
#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:100%;
position: relative;
    margin-bottom: 30px;
}  
.logakay {width: 230px;
    position: absolute;display:none}
.fixed .logakay {display:block}
.fixed .logakay img {width:100%}	
.yazfot {      font-size: 14pt;
    font-family: 'Poppins', serif;
    margin-bottom: 40px;
    font-weight: 700;
    color: #ffffff;
    padding: 5px 12px;
    position: relative;
}   
.yazfot:after {
    content: "";
    background: #ff7f1e;
    height: 3px;
    left: 12px;
    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;}
.cingil {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.baytus {
    background: #ff7f1e;
    color: #000;
    padding: 5px 20px 5px 5px;
    border-radius: 30px;
    font-weight: 600;
    margin-right: 10px;
    display: inline-block;
    margin-top: 40px;
}
.bayiko {
    background: #fff;
    color: #000;
    padding: 10px 11px;
    border-radius: 50%;
    margin-right: 10px;
}
.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 {
    margin-bottom: 30px;
    font-size: 16pt;
    letter-spacing: -1px;
    display: block;
    margin-top: 25px;
    font-weight: 200;
    text-align: center;
    line-height: 1;
    position: relative;

}

.sapan b {
font-family: 'Poppins', serif;
    font-size: 30pt;
    padding: 0 30px;
    color: #0873d8;
    }
/*---------------- 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-size: cover;
    background-position: center center;
    position: relative;
    margin-top: 60px;
    height: 400px;
    background: #0a1669;
}
.backtoback:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}


.logo { 
    position: absolute;
    z-index: 50;
    width: 320px;
    padding: 15px;
    top: 45px;
}

.logomr {width: 130px;
top: 0px;}
.logom { 
width: 100%;    border-radius: 8px;
}

.menust { 
height:60px;
position: relative;
    z-index: 99999;
}
.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);
}
}

/*-------------------------- banner ------------------------------*/  


#banners .owl-sanext, #banners .owl-saprev {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 22pt;
    position: absolute;
    z-index: 500;
    text-align: center;
    background: #0874da;
    padding: 3px 12px;
    border-radius: 68%;
    opacity: .6;
}
#banners {
overflow: hidden;
position: relative;

}
#banners .owl-sanext:hover, #banners .owl-saprev:hover {
background: #000 none repeat scroll 0 0;
}
#banners .owl-pagination {
margin-top: -41px;
position: relative;
}
.owl-carousel .owl-wrapper {
padding: 0;
z-index:6
}
#banners .owl-page span {
background: #000 none repeat scroll 0 0;
display: block;
margin: 0px 3px;
width: 22px;
height: 22px;
}
#banners .owl-page.active span {
background: #FF9511 none repeat scroll 0 0;
opacity: 1;
position: relative;
width: 22px;
height: 22px;
}
#banners .ows .owl-buttons {
    position: absolute;
    bottom: 90px;
    width: 128px;
    right: 10px;
}
#banners .owl-sanext {
    left: 50px;}
#banners .owl-saprev {
}
#banners:hover .owl-saprev {
}
#banners:hover .owl-sanext {

}
#banners .owl-next, #banners .owl-prev {
display: none;
}
#banners .owl-carousel .owl-wrapper {
padding: 0;
}
#banners .resimler img {
}
.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 {   
display: table;
    background:#0976dc;
    color: #F6F6F6;
    cursor: pointer;
    font-size: 18pt;
    float: right;
    margin-right: 8px;
    padding: 0px 12px;
    position: relative;
    transition: all 0.3s linear 0s;
    Z-INDEX: 10;
    border-radius: 50%;
    font-weight: bolder;
}
.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;
color: #fff;
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 {  

    border: 0;
    border-radius: 50px;
padding: 12px;
position: relative;
color: #221e6c;
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: #162353 url(../images/arai.png) no-repeat scroll center center;
border-radius:50px;
border: 0 none;
cursor: pointer;
height: 0;
padding: 20px 19px;
position: absolute;
right: 9px;
}
.aramaButton:hover {
background-color:#EB322F;
}
#barr { background-image: url(/images/sbanner.jpg);background-position: center center;
overflow: hidden;
background-size: cover;
width: 100%;
height: 330px;
position: relative;
}
div#barr:before {

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgb(255 255 255 / 0%) 0%,#162457);

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

.ics {float:right}
.ics.sag {    width: 250px;
    margin-left: 1%;
    PADDING: 5PX;
    z-index: 2;
    position: relative;    top: -55px;
}
.ics.sol {  width: calc(99% - 250px);
color: #5A5A5A;
padding: 0px 15px;
BACKGROUND:#FFF;
min-height: 600px;
z-index: 2;
position: relative;
padding-bottom: 60px;
}
#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;
    background: #0879df;
    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;
}
.icimages img {
    position: relative;
    transition: all 0.2s linear 0s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.blogic{margin-right: 10px;
    border-radius: 10px;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.2s linear 0s;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 3px 0px;
}
.blogic:hover .devamm a{  
 background:#0976dc;
 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:#868a9c;
    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;
    background: #ffffff;
    z-index: 1;
}
#k_ul li a:hover {   
color: #fff;
padding-left: 15px;
}
#k_ul li a.actif {    color: #0879df;
    background:#fff}  

#k_ul li a::before {
content: "";
background: #172558;
width: 0;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease;
}
#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:#01c9ea;
padding: 8px 10px 8px 40px;}
#k_ul li.altkat a:hover {     color: #fff;
background:#000;}
#k_ul li.altkat a {
background: -webkit-linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%);
background: -o-linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%);
background: -ms-linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%);;
background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e0e0e0', GradientType=1 );
}
.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 {border: 1px solid #f6f5fd;}
.required { border: 2px solid red !important; color: #EB8723 !important; }
.form-style-10{
}
.form-style-10 .inner-wrap{

}
.formalan {padding:25px}
.fortas {width: 50%;
float: left;}
.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: #0a2e86;margin-bottom: 4px;}
.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: #f7f7f7;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 1px rgb(0 0 0 / 33%);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    /* -webkit-box-shadow: inset 0px 1px 1px rgb(173 93 63); */
}

.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: #0876dc;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: #0b2d84;-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 {      border: 2px solid #f6f5fd; }
#sync2  {
opacity: 1;
display: block;
margin-top: 10px;
padding: 5px;
}

#sync1 .item{}
#sync2 .item{
cursor: pointer;
margin-top: 10px;
}
#sync2 .item img{
width: 94%;
height:auto;
}
#sync2 .synced .item img{
opacity: 1;
} 
#u_kaf {   

margin-bottom: 5px;
border-radius: 6px;
} 
#u_resim {
float: left;
margin-right: 6px;
position: relative;
width: 48%;
text-align:center
}
#u_ozet {
    float: right;
    margin-right: 6px;
    width: 50%;
    font-size: 11pt;
}
#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;
    margin-right: 12px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.2s linear 0s;
    background: #ffffff;
    box-shadow: rgb(0 0 0 / 30%) 0px 4px 7px 0px;

}
.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;
}
.urun:hover .urresim img {}
.urresim img {    transition: all 0.3s linear 0s;
width: 100%;
}

#ubutonlar {
position: relative;
text-align: center; margin-top: 10px;
}
.ubutons {     background:#0977dd;
    border: none;
    color: #fff;
    display: inline-block;
    transition: all 0.2s linear 0s;
    vertical-align: middle;
    position: relative;
    width: 80%;
    overflow: hidden;
    padding: 10px 0px;
   border-radius: 4px;
}
.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 {
    font-family: 'Poppins', serif;
    height: 65px;
    color: #0b1769;
    padding: 5px;
    vertical-align: middle;
    font-weight: 700;
    font-size: 15pt;
}
#udesc {color: #757575;font-weight: 300;margin: 6px 0;line-height: 1;height:50px;overflow: hidden;font-size: 10pt;}
#ufiyat {
color: #a6c7e5;
    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;}
.devamm a {
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    padding: 8px 30px;
    color: #0976dc;
    position: relative;
    border: 1px dashed #d0d0d0;
    overflow: hidden;
    border-radius: 30px;
    transition: all 0.4s ease 0s;
    margin-bottom: 15px;
    margin-top: 15px;
}

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

}
.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 {}
#tblortaklar tr { 
background: rgba(252,249,252,1);
background: -moz-linear-gradient(top, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,249,252,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9fc', endColorstr='#f2f2f2', GradientType=0 );
//background: #EAF4FF;
margin-bottom: 3px;
display: block;
}    
#tblortaklar tr:hover{ 
background: #ccc;
}  
#tblmevzu tr { 
padding: 10px;
background: rgba(252,249,252,1);
background: -moz-linear-gradient(top, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,249,252,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(252,249,252,1) 0%, rgba(246,246,246,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9fc', endColorstr='#f2f2f2', GradientType=0 );
margin-bottom: 3px;
display: block;
} 
#tblmevzu tr:hover { 
background: #ccc;
} 

.callraspo {display:none;    position: fixed;
background:#fff;
-webkit-box-shadow: 0px -5px 43px -4px rgba(159,174,179,1);
-moz-box-shadow: 0px -5px 43px -4px rgba(159,174,179,1);
box-shadow: 0px -5px 43px -4px rgba(159,174,179,1);
z-index: 50000;
bottom: 0;
padding: 10px;
width: 100%;}
.call {  display: inline-block;
padding: 10px;
font-weight: 500;
float: left;border-radius: 4px;
margin-right: 6px;
width: 42%;}
.call.tello {    background:#0945a1; color: #fff;}
.call.loca {background: #25201d; color: #fff;}     
.call.wats {width: 0px;}

.call.wats .fa-whatsapp {
font-size: 20pt;
color: #fff;
background: #14B709;
padding: 9px 11px;
border-radius: 50%;
top: 8px;
right: 10px;
position: absolute;
} 
.barsib {height: 100%;display: table;width: 100%;}
#baryaz {  padding-top: 55px; 
display: table-cell;
vertical-align: middle;
position: relative;
text-align:right;
}
#baryazim {
font-size: 27pt;
    font-weight: 800;
    color: #f0f0f0;
    position: relative;
    display: inline-block;
    border-radius: 8px;
    font-family: 'Poppins', serif;
}
#baryazima {     font-size: 12pt;
    font-weight: 400;
    color: #9cbfdf;
    position: relative;
}

#respoload {
display: none;
    position: fixed;
    background: #033589;
    opacity: .8;
    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;}

.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: #26a1de;
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;
}
.submenuItems a:hover {
background-color: #000;
color: #fff;
}  
.atara {display:none}
.mobara {
    display: none;
    position: absolute;
    z-index: 5000;
    color: #ffffff;
    top: 10px;
    right: 25px;
    font-size: 15pt;
    background: #0b328a;
    padding: 7px 10px;
    border-radius: 50%;
    z-index: 500000;
    border: 1px solid;
}
/*-------------------------- respo ------------------------------*/  

@media (min-width:768px) {
.menu ul {display:block!important;}
}

/*-------------------------- respo ------------------------------*/
@media only screen and (max-width: 1080px) {

.ows {
display:none
}
#cssmenu {width: 100%;}
.callraspo,.atara,.mobara {display: block;}
#baryazim {
font-size: 20pt;
font-weight: 700;
left: 10px;
}
#baryazima {
font-weight: 300;
color: #fff;
left: 10px;font-size: 10pt;
}
.uslu {
float: none;
width: 100%;
}
#banalt,.usxt  {display:none}
.menu,.must{
max-width:100%
}
#cssmenu, .menust {max-width:100%;background: #0870d4;}
#cssmenu {
width: 100%;
    background: linear-gradient(318deg, rgba(8,124,227,1) 0%, rgba(11,16,97,1) 100%);
}
#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%;
text-align: center;
margin: 0 auto;}
.menutas{    display: none;border-bottom: 0px;border:none;box-shadow:none;    background: none;
position: relative;
height:55px;
}
.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;
    height: 50px;
    border-radius: 6px;
    position: relative;
}
.randevu {
width: 100%;
}
#baryaz { padding-top: 0;}
.ics.sag {width:100%;margin-left:0;    top: 10px;}
.ics.sol{ width:100%; }
    .content { max-width: 95%;}
#barr { 
max-height: 150px;}
#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,.respomenuk,.ulogin{
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}
.uricgal {
width:47%;
}
.uricgal img {
height: 180px;
}

.ubutons {
font-size: 10pt;
margin-right: 3px;
padding: 4px;
width: 47%;
}
.fot {padding: 1px 20px;
width: 100%;} 
.foice,.ulbef {display:none;}
.sol .columns {
width: 100%;
}
.atara {
position: absolute;
left: 2%;
top: 14%;
font-size: 22pt;
cursor: pointer;
z-index: 100;
color: white;
}
}