*{ 
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: #f6f6f6;

}
#atakulloader {transition:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color: rgb(0 0 0 / 72%); /* sayfa yüklenirken gösterilen arkaplan rengimiz */
z-index:999999; /* efektin arkada kalmadığından emin oluyoruz */
}

#loadstatu_img {
text-align: center;    margin-top: 60px;
}
.jbar {   
margin: 30px 0px;
font-size: 25pt;
font-weight: 800;
align-items: center;
justify-content: center;
display: flex;
}  
.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;
background: #000;

}
.loggins {
    position: absolute;
    color: #fff;
    z-index: 500000;
    right: -30px;
    padding: 10px 30px;
    top: 14px;
    background: #e02209;
    -webkit-box-shadow: -8px 8px 1px 0px rgb(0 0 0 / 13%);
    box-shadow: -8px 8px 1px 0px rgb(0 0 0 / 13%);
    background: -webkit-gradient(left bottom,right top,color-stop(0%,#e02209),color-stop(100%,#ed7d21));
    background: linear-gradient( 
45deg
 ,#ffc15a 0%,#e00404 100%);
    -webkit-transform: skewX( 
-30deg
 );
    transform: skewX( 
-30deg
 );
}
.loggins span {display: block;
    -webkit-transform: skewX( 30deg );
    transform: skewX( 30deg );
}
div#enust:before {
content: "";
width: 20%;
height: 100%;
background: #000000;
/*  border-radius: 0 20px 20px 0; */
position: absolute;
left: 0;
}
.social {
float: left;
right: 1%;
position: absolute;
top: -2px;
}
.ulogin {
float: left;
margin-right: 15px;
color: #959595;
width: 24%; 
font-size: 10pt;
background: #000;
padding: 12px 40px 12px 10px;
}
.ulogin:before {
content: "";
border-style: solid;
border-width: 43px 0 0 43px;
border-color: transparent transparent transparent #000000;
position: absolute;
top: 0;
left: 24%;
display: block;
}
.ulogin a {
}


#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 {   
position: absolute;
right: 5px;
top: 8px;
border-radius: 29px;
line-height: 23px;
padding: 1px 10px;
font-size: 10pt;
color: #FFFFFF;
background: #000000;
}
.phon {display:none;}
.temizlik {
clear: both;
}
.icslogan {       text-align: right;
position: absolute;
top: 56%;
left: 40%;
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 2px 3px rgba(0, 0, 0, 0.2);
background-color: #fff;
border-radius: 6px;
line-height: 22px;
margin-bottom: 30px;
padding: 32px 10px 0px 10px;
position: relative;
font-size: 12pt;
min-height: 160px;
margin-top: -40px;
overflow: hidden;
}
.item-comment::after {

}
.customer-photo {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
display: inline-block;
height: 120px;
margin-bottom: 5px;
overflow: hidden;
z-index: 120;
left: 36%;
border: 4px solid #fff;
position: relative;
width: 120px;
}
.testimonials-item {margin-right:20px;}
.testimonials-item:hover .customer-photo{
-webkit-filter: grayscale(0);filter: grayscale(0);
}
.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;
}  
/*------------ 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{background-image:url(../translate/images/24.png)}
a.gflag img{border:0}
a.gflag:hover{opacity:0.5} 


.pohh {
position: absolute;
right: 16%;
top: 10px;
}
.dpoh {
position: absolute;
font-size: 30pt;
top: 16px;
right: -52px;
}
.dpus {    position: absolute;
left: 65px;
width: 200px;
color: #000000;
top: 16px;
font-size: 11pt;
font-weight: 700;}    
.dpalt{position: absolute;
left: 65px;
width: 220px;
color: #4f4f4f;
font-weight: 300;
top: 38px;
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;
}
div#cssmenu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 33px;
    width: calc(100% - 27px);
    height: 100%;
   background: linear-gradient(49deg , #a02020, #e80000); 
    background: -webkit-linear-gradient(49deg , #a02020, #e80000);
    background: -ms-linear-gradient(-135deg, #596481, #222731);
    transform: skewX( -30deg );
}
#cssmenu > ul > li {
float: left;
position: relative;
}
#cssmenu ul  {    float: right;margin-right: 1%;
}
#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: 28px 20px;
font-size: 12pt;
letter-spacing: 0px;
text-decoration: none;
color: #fff;
text-transform: uppercase;
font-weight: 600;

}
#cssmenu > ul > li:hover > a {
color: #000;
    text-shadow: 0px 0px 4px white;
}
#cssmenu > ul > li.has-sub > a {
/* padding-right: 30px; */
}
#cssmenu .altvar{
position: absolute;
top: 26px;
right: 2px;
display: block;
font-size: 12pt;
color: #e4e3e8;
}
#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 {
border-bottom: 1px solid rgba(199, 0, 0, 0.22);
padding: 16px 4px;
width: 250px;
font-size: 14px;
text-decoration: none;
color: #FFFFFF;
font-weight: 400;
background: #cf0b0b;
}
#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:#18262f
}
#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;
}
.mailtel {display: inline-block;
top: 10px;
position: relative;
left: 4%;
font-size: 14px;
font-weight: 500;color: #8a5300;}
#ustic {}
.ust {width: 100%; position: relative;
}
.uslu {float: left;
width: 50%;}
.aus { }
.dropdown-content {
display: none;
    position: absolute;
    background-color: #e62714;
    min-width: 142px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); 
    z-index: 100000;
    margin-left: -76px;
    border-radius: 10px;
    overflow:hidden
}
.dropdown-content a {
color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: 500;
    transform: skewX( 30deg );
}

.dropdown-content a:hover {background-color: #ffffff;
    color: #000;
    margin: -11px;}

.aus:hover .dropdown-content {
display: block;
}  
.must{
overflow:hidden;
margin:0 auto;
width:100%
}

.fiyaz::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.fiyaz::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.fiyaz::-webkit-scrollbar-thumb
{
	background-color:red;
	border: 2px solid red;
}

.otoyika {}
.sosfa {
padding: 7px 6px;
font-size: 19px;
width: 33px;
/* height: 25px; */
text-align: center;
text-decoration: none;
margin: 16px 1px;
border-radius: 50%;
background: #ca0d0d;
    color: #f6f6f6;
}

.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: 95%;
position: absolute;
z-index: 50000;

}
.menutas:after {
    content: "";
    position: absolute;
    top: 0;
    background: #18262f;
    left: 20px;
    width: 100%;
    height: 90%;
    transform: skewX( -30deg );
    transition: 0.3s;
}
.fixed {position:fixed;top:0px;z-index: 50;}
.fixed .loggins { top: 12px; }
.fixed #cssmenu > ul > li > a {
padding: 25px 20px;
}
.actif{
background-color:#a5092a;
}
.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;
}
.flag {width: 35px;
float: right;
top: 30px;
position: relative;
margin-right: 10px;}
#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 {
}
.slbut {
    background: linear-gradient(45deg,#e02209 0%,#ed7d21 100%);
    padding: 10px 40px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    font-size: 16pt;
    margin-top: 35px;
    transform: skewX(-30deg );
    -webkit-box-shadow: -8px 8px 1px 0px rgb(0 0 0 / 13%);
    box-shadow: -8px 8px 1px 0px rgb(0 0 0 / 13%);
}
.slbut span {
    transform: skewX(30deg );
    DISPLAY: BLOCK;
}
/*------------------- foter-------------------------*/
.foice {display:block}
.foter {
position: relative;
background:#0b0b0b;
margin-top:-4px;background-image: url("/images/dotted.jpg");
}
.foter:before {
    content: "";
    width:100%;
    position: absolute;
    background: #ca0d0d;
    height: 16px;
    margin-top: -15px;

}
.fotic {
float: left;
width: 50%;
}
.fot {  float: left;    font-weight: 400;
width: 25%;
padding: 20px;
color: #B2B2B2;
font-size: 11pt;
} 
.foci:after {  
background-color: #ca0d0d;
    height: 6px;
    width: 70px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transform: skewX(-30deg );

}
.altfa {margin-right: 12px;
color:#ca0d0d;}
.fotertasi {max-width:1200px;margin:0 auto;    margin-top: 15px;}
.fota {      color:#a1a1a1;
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: 140px;
}  
.yazfot { font-size: 14pt;    position: relative;
margin-bottom: 30px;
font-weight: 700;
color: #ffffff;
padding: 22px 1px;
/* background: #003372; */
border-radius: 30px;
display: inline-block;
}    
.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
}
#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;
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;

}
.atadent h1 {
color: #EDF6FF;
position: relative;
font-size: 30pt;
font-weight: 900;
}
.atadent h2 {      top: -12px;
margin-bottom: 10px;
color: #6EE4FF;
position: relative;
font-weight: 400;
font-size: 14pt;
}
.atadent h3 {
position: relative;
color: #FFF;
font-weight: 300;
line-height: 1.3;
font-size: 12pt;
}
.logo { 
position: absolute;
z-index: 50;
width:270px;
}
.logo:after {    box-shadow: -9px 10px 43px 3px rgb(0 0 0 / 72%);
    content: '';
    position: absolute;
    right: -40px;
    width: 600%;
    height: 100%;
    background: #ffffff;
    transform: skewX(-30deg );
    z-index: 0;
    transition: 0.3s;
    opacity: 1;
    z-index: 0;
    }
.logomr {width: 130px;}
.logom { 
width: 100%;    z-index: 1;
    position: relative
}

.menust { 
height:90px;
position: relative;
}
.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;}
.fa-whatsapp {    color: #14B709;
font-size: 16pt;    margin-left: 25px;}
.saa {float: /;
}
.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;
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;
}
/*-------------------------- banner ------------------------------*/  


#banners .owl-sanext, #banners .owl-saprev {
color: #fff;
cursor: pointer;
display: block;
font-size: 30pt;
padding: 13px;
position: absolute;
z-index: 500;
}
#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 .owl-buttons {
position: absolute;
top: 43%;
width: 100%;
}
#banners .owl-sanext {
background-position: -71px 0;
right: -60px;
}
#banners .owl-saprev {
left: -60px;
}
#banners:hover .owl-saprev {
left: 20px;
}
#banners:hover .owl-sanext {
background-position: -71px 0;
right: 20px;
}
#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;
z-index: 50;
top: 2px;
left: 5px;} 
.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 {        top: 16px;   display: table;  color: #F6F6F6;
cursor: pointer;
font-size: 14pt;
float: right;
margin-right: 3px;
padding: 0px 9px;
position: relative;
transition: all 0.3s linear 0s;
Z-INDEX: 10;
border-radius: 50%;
background: #e0d7ca;
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;
} 
.must {display:none;
overflow: hidden;
margin: 0 auto;
max-width: 96%;
}
.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 {
background-color: #ffffff;
height: 32px;
right: 0;
position: absolute;
top: 19px;
overflow: hidden;
width: 20%;
}
.ara_input {  
    background: #ebebeb;
    border: 0;
    padding: 12px;
    position: relative;
    color: #221e6c;
    width: 100%;
    border-radius: 20px;
    -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 rgb(0 0 0 / 39%);
}
.aramaButton {
background: #e00000  url(../images/arai.png) no-repeat scroll center center;
    border: 0 none;
    cursor: pointer;
    height: 0;
    padding: 19px 19px;
    position: absolute;
    right: 9px;
    border-radius: 50%;
}
.aramaButton:hover {
background-color:#EB322F;
}
#barr {  background-image: url(/images/sbanner.jpg); background-position: top center;
overflow: hidden;
background-size: cover;
width: 100%;
height: 360px;
position: relative;
}
div#barr:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
       background-image: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 56%));
    z-index: 0;
}
#barralt {  }
#barrh {      font-size: 29pt;
    color: rgb(255 255 255 / 88%);
    font-weight: 800;
    letter-spacing: -2px;
    font-style: italic;
}
#barrh span {        display: block;
    font-size: 18pt;
    font-weight: 600;
    top: -18px;
    position: relative;
    color: #de0404;
    font-style: italic;
    }
   #barrh span:before {
    content: "";
    width: 9%;
    height: 3px;
    background: #d80707;
    position: absolute;
    /* margin-top: 13px; */
    margin-top: 22px;
    right: 7%;
}
.ataiframe { display:none; min-width: 60%;
    height: 500px;
    z-index: 5000000;
    background: white;
    position: fixed;
    left: 50%;
    top: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    padding: 10px;;}
.ics {float:right}
.ics.sag {width:250px;margin-right:1%;PADDING: 5PX;
/*    BACKGROUND: #FFF; */   
z-index: 2;
position: relative;
}
.ics.sol {  width: calc(99% - 250px);
background: #fff; 
color: #5A5A5A;
padding: 0px 15px;
min-height: 600px;
z-index: 2;
position: relative;
margin-top: 6px;
}
#kbas {    padding: 10px;margin-bottom: 2px;
font-size: 15pt;
background-image: url(/images/foalt.jpg);
color: #fff;
font-weight: 400;}  

.katbasi {display: none;
width: 100%;
margin-top: 0px;
position: relative;
padding: 13px;
overflow: hidden;
margin-bottom: 2px;
}
.katbasi:before {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transform: skewX( 
-30deg
 );
    transform: skewX( 
-30deg
 );
    position: absolute;
    background: -webkit-linear-gradient( 
49deg
 , #a02020, #e80000);
    left: -9%;
    border-right: 8px solid #18262f;
    top:0
}
.katbasiic i {
color: #fff;
display: block;
font-size: 25px;
line-height: 50px;
}
.katbasiic {
top: 0;
left: 0;
z-index: 3;
height: 50px;
text-align: center;
position: absolute;
background: #000;
}
.guvens {    font-size: 18px;
float: left;
margin-right: 15px;
line-height: 0.8;
color: #c06800;}
.katbasi h3 { 
margin: 0;
color: #fff;
font-size: 18px;
line-height: 24px;
font-weight: 500;
    position: relative;
}
.katbasiic img {    vertical-align: middle;
height: 38px;
}

#k_ul li a {      color: #fff;
padding: 15px 10px;
display: block;
margin-bottom: 3px;
background: #03235c;    border-left: 8px solid #db0606;
}   
#k_ul li a:hover {   
padding-right:10px;
background: #000;
color:#fff
}
#k_ul li a.actif {border-left:4px solid #56B056;color:#000;background: #DCF3DC;}  
#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:#a38c7d;
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;
}
.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: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: #888;
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 {
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 rgba(0, 0, 0, 0.33);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.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: #b90000;
padding: 8px 20px 8px 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
*font: normal 30px 'Bitter', serif;
-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
*border: 1px solid #257C9E;
font-size: 15px;
border:0
}
.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 { border: 1px solid #fff;
padding: 10px;}
#sync1 .item{}
#sync2 .item{
cursor: pointer;
margin-top: 10px;
}
#sync2 .item img{
width: 94%;
height:auto;
}
#sync2 .synced .item img{
border: 2px solid #ccc;
opacity: 1;
} 
#u_kaf {   

margin-bottom: 5px;
border-radius: 6px;
} 
#u_resim {
float: left;
margin-left: 6px;
position: relative;
width: 35%;
text-align:center
}
#u_ozet {
float: left;
margin-left: 6px;
width: 62%;
font-size: 11pt;
}
#uozeti {
background: #fff;
padding: 10px;
font-size: 12pt;
position: relative;
min-height: 200px;
}
/*-------------------------- urun detay ------------------------------*/    
.etiks {
display: inline-block;
font-weight: 600;
font-size: 12px;
padding: 7px 12px;
color: #8AAABB;
position: relative;
overflow: hidden;
border-radius: 20px;
border-bottom: 1px dashed #D9E2F1;
background: #fff;
}
.etiks:hover {
color: #fff;
background:#DA0000;
}   
.etikets {    margin-top: 40px}   

.uruntasiyici {
padding:12px}
.urun {    transition: all 0.4s ease 0s;
float: left;
margin-bottom: 20px;
position: relative;
text-align: center;
transition: all 0.2s linear 0s;
background: #fff;box-shadow: 0 0 3px 0 rgb(0 0 0 / 14%);
}
.urun:hover {box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.14);
}

.uyaziust {overflow: hidden;
    display: block;
    font-size: 12pt;
    font-weight: 600;
    padding: 6px;
    text-align: left;
    margin: 0 auto;
    border-radius: 10px;
    left: 8%;
    transition: all 0.2s;
}
.urresim {
position: relative;
width: auto;
padding:6px;
height:230px;
overflow: hidden;
}
.urun:hover .urresim img {opacity:.4}
.urresim img {    transition: all 0.3s linear 0s;
height: 100%; width: 100%;    object-fit: cover;
object-position: center;
}
#ubutonlar {
position: relative;
transition: all 0.2s;
}
.ubutons {
display:block;
padding: 7px 20px;
position: relative;
color: #fff;
transition: all 0.4s ease 0s;
}
.ubutons.mi {
color: #002359;
}
.urun:hover #ubutonlar {right: -10%;}
.urun:hover .ubutons.si {width: 40%;}
#uismi {  height: 50px;
color:#000;
padding: 5px;
vertical-align: middle;
text-align: center;font-weight: 700;font-size: 14pt;
}
#udesc {
color: #002359;
    font-weight: 300;
    margin: 6px 0;
    line-height: 1;
    height: 82px;
    padding: 0px 10px;
    overflow: hidden;
    font-size: 10pt;
    border-bottom: 2px solid #dedede;
}
#ufiyat {
color:#e80207;
font-size: 14pt;
text-shadow: 0 1px 1px #fff;
}
.altiri {    color: #fff;
    font-size: 60px;
    font-weight: 100;
    text-shadow: 0px 18px 59px rgb(0 0 0 / 14%);letter-spacing: -2px;
    z-index: 10;}
.altmini {    display: block;
    color: #cc0c0c;
    position: absolute;
    z-index: 100;
    margin-top: 40px;}

.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: #000000;
position: relative;
border: 1px solid #AEAEAE;
overflow: hidden;
border-radius: 30px;transition: all 0.4s ease 0s;
}

.urun:hover .devamm a  {
background:red;
color:#fff;
padding: 8px 40px;
}
.uricgal {
width: 32%;
margin-right: 10px;


}
.atara {    cursor: pointer;}
#menu_sag {
right: -300px;
width: 300px;
color: #fff;
position: fixed;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
z-index: 6000000;
height: 100%;
top: 0;
background: #fff;
overflow: auto;
}
.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 img {

}

.banres {
width: 300px;
float: left;
margin-right: 20px;
}
.blgbs {
padding: 12px;
border-radius: 3px;
margin-bottom: 10px;
color: #05090e;
font-size: 11pt;
background: #fff3df;
font-weight: 500;
}
.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;
} 
.backtoback {
background-image: url(/images/dipg.jpg);
background-size: cover;
background-position: center center;
/*   background-attachment: fixed; */
position: relative;
margin-top: 60px;
height: 350px;
}
.backtoback:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: rgb(0 0 0 / 35%);
}
.cingil {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.baytus {
background:#ffc00a;
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;
}
/*---------------- fiyatlar ---------------------*/
.columns {

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

.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 10px;
    background: #fff;
    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: #ca0d0d;
    color: white;
    font-size: 20px;
    font-weight: 600;
    height: 90px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    letter-spacing: -1px;
    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: 800;
    letter-spacing: -1px;
}

.button {
    background-color: #152129;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    -webkit-transition: 0.3s;
    border-bottom: 4px solid #ca0d0d;
}
.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);
}
/*-------------------------- respo ------------------------------*/  

@media (min-width:1400px) {
.menu ul {display:block!important;}
#cssmenu, .menust, #ustic, .content, .alttas, .yorumlar {
max-width: 85%;
margin: 0 auto;
}
}
@media only screen and (max-width: 1280px) {
#cssmenu, .menust, #ustic, .content, .alttas, .yorumlar {
max-width: 95%;
margin: 0 auto;
}
#cssmenu > ul > li > a { padding: 35px 14px;}
}
/*-------------------------- respo ------------------------------*/
@media only screen and (max-width: 960px) {
#cssmenu, .menust, #ustic, .content, .alttas, .yorumlar {
max-width: 100%;
margin: 0 auto;
}
.phon {display:block;
position: absolute;
    color: #fff;
    font-size: 22pt;
    top: 20px;
    left: 8px;}
#banalt {display:none}
.menu,.must{
max-width:100%;display:block
}
#cssmenu, .menust {
max-width:100%;background: #fff;
}
#cssmenu {
width: 100%;
background: #1556a6;
}
#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 {
width: 100%;
border-bottom: 0;
background: #000;
padding: 17px 12px;
}
#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 {
color: #ffffff;
background:rgb(222, 1, 1);
}
#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 #menu-button:after {
position: absolute;
top: 22px;
right: 17px;
display: block;
height: 4px;
width: 20px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
content: '';
}
#cssmenu #menu-button:before {
position: absolute;
top: 16px;
right: 17px;
display: block;
height: 2px;
width: 20px;
background: #fff;
content: '';
}
#cssmenu #menu-button.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu #menu-button.menu-opened:before {
top: 23px;
background: #ffffff;
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#cssmenu .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
height: 56px;
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: 16pt;
}
#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%;background: #e00303;    text-align: center;
height: 70px;
margin: 0 auto;}
.menutas{border-bottom: 0px;border:none;box-shadow:none;    background: none;
position: relative;
height:55px;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 {width: 180px;
    background: #fff;
    display: inline-block;
    top: 6px;
    padding: 0px 12px;
    position: relative;
    border-radius: 4px;}
.ics.sag {width:100%;margin-left:0}
.ics.sol { width:100%; }
#barr { max-height: 200px;}
#barrh {
top:20%;
font-size: 28pt;
left: 2%;
width: 100%;
}
#barrh span:before {
    content: "";
    width: 22%;
    right: 17%;
}
.ssor {
width: 50%;
}
.menust {
height: 70px;
}
.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}
.uricgal {
width:47%;
}
.uricgal img {
height: 180px;
}
.urresim {
height: 180px;
}
.ubutons {
font-size: 10pt;
margin-right: 3px;
padding: 4px;
width: 47%;
}
.fot {padding: 1px 20px;} 
.foice {}
.uruntasiyici {
    padding: 2px;
}
}