.menu-item-search { top: 0.5em;  position: relative; font-size: 24px; font-weight: 50; padding-right: 25px; }
.menu-item-sidebar { top: 0.5em; position: relative; font-size: 24px; font-weight: 50; }  
.cons_light_copyright { font-size: 16px; font-weight: 200; }
.main-color { color: #f9ad18; }
.estata-title {
background-image:linear-gradient(to left, grey 0%, #f9ad18 50%)
} 
.link--has-anchor-animation { color: #18272F;
position: relative;
text-decoration: none;
}
.link--has-anchor-animation::before { color: #f9ad18;
content: '';
position: absolute;
width: 100%;
height: 2px;
border-radius: 4px;
background-color: #f9ad18;
bottom: 0;
left: 0;
transform-origin: right;
transform: scaleX(0);
transition: transform .4s ease-in-out;
}
.link--has-anchor-animation:hover::before { transform-origin: left; background-color: #f9ad18; color: #f9ad18;
transform: scaleX(1);
}
.link--has-anchor-animation:hover {
color: #f9ad18;
}
@font-face {
font-family: 'BurgerDoodleNF';
src:url(https://estata.com.tr/wp/wp-includes/fonts/BurgerDoodleNF.ttf);
font-weight: normal;
font-style: normal;
}
.BurgerDoodleNF { font-family:BurgerDoodleNF; }
a, a > span {
position: relative;
color: inherit;
text-decoration: none;
line-height: 14px; 
}
a:before, a:after, a > span:before, a > span:after {
content: ''; text-decoration: none;
position: absolute;
transition: transform .5s ease;
}
.title a { font-weight: 500; color: #000000;   text-decoration: none;  background-image: linear-gradient(to left, #ffffff 50%, #f9ad18 50%);
background-size: 200% 0.1em;  padding-bottom: 0.01em;  background-repeat: no-repeat;  background-position: 100% 100%;  transition: background-position 0.6s; }
.title a:hover {  background-position: 0% 100%; color:#f9ad18;}
.title a { width: 100%; }
.get-tuch a: { padding-top: -1px; }
.get-tuch a:before { left: 0; bottom: 0; width: 100%; height: 2px; background: #f9ad18; transform: scaleX(0); }
.get-tuch a:hover:before {   transform: scaleX(1); }
.effect-1 { padding-top: -1px; }
.effect-1:before { left: 0; bottom: 0; width: 100%; height: 2px; background: #f9ad18; transform: scaleX(0); }
.effect-1:hover:before {   transform: scaleX(1); }
.effect-2 {  padding: 3px; }
.effect-2:before, .effect-2:after {
left: 0;
top: 0;
width: 100%;
height: 100%;
border-style: solid;
border-color: #f9ad18;
}
.effect-2:before {
border-width: 2px 0 2px 0;
transform: scaleX(0);
}
.effect-2:after {
border-width: 0 2px 0 2px;
transform: scaleY(0);
}
.effect-2:hover:before, .effect-2:hover:after {
transform: scale(1, 1);
}
.effect-5 {
display: inline-block;
overflow: hidden;
}
.effect-5:before, .effect-5:after {
right: 0;
bottom: 0;
background: #f9ad18;
}
.effect-5:before {
width: 100%;
height: 2px;
transform: translateX(-100%);
}
.effect-5:after {
width: 2px;
height: 100%;
transform: translateY(100%);
}
.effect-5 > span {
display: block;
padding: 5px;
}
.effect-5 > span:before, .effect-5 > span:after {
left: 0;
top: 0;
background: #f9ad18;
}
.effect-5 > span:before {
width: 100%;
height: 2px;
transform: translateX(100%);
}
.effect-5 > span:after {
width: 2px;
height: 100%;
transform: translateY(-100%);
}
.effect-5:hover:before, .effect-5:hover:after, .effect-5:hover > span:before, .effect-5:hover > span:after {
transform: translate(0, 0);
}
.effect-7 {   display: inline-block;   overflow: hidden; }
.effect-7:before { left: 0; top: 0; width: 100%; height: 100%;
background: #f9ad18;   transform: translateX(-100%); }
.effect-7:after {   content: attr(data-content); 
left: 0;   top: 0; width: 0;  margin: 5px;   color: #0883a4;
white-space: nowrap; overflow: hidden; transition: width .5s ease; }
.effect-7 > span { display: block; margin: 2px; padding: 5px; background: #ffffff; }
.effect-7:hover:before { transform: translateX(0); }
.effect-7:hover:after { width: calc(100% - 24px); }
.anim-underline-fx { font-weight: 700; color: #000000;
text-decoration: none;  background-image: linear-gradient(to left, #ffffff 50%, #f9ad18 50%);
background-size: 200% 0.2em;  padding-bottom: 0.01em;
background-repeat: no-repeat;
background-position: 100% 100%;
transition: background-position 0.6s;
}
.anim-underline-fx:hover {  background-position: 0% 100%;}
.anim-underline-fx { width: 100%; } .anim-underline-rechts { font-weight: 600; color: #000000;
text-decoration: none;  background-image: linear-gradient(to right, #191818 50%, #f9ad18 50%);
background-size: 200% 0.1em;  padding-bottom: 0.01em;
background-repeat: no-repeat;
background-position: 100% 100%;
transition: background-position 0.6s;
}
.anim-underline-rechts:hover {  background-position: 0% 100%;}
.anim-underline-rechts { width: 100%; }  .effect-rechts-weiss { color: #000000; text-decoration: none; background-image: linear-gradient(to right, #ffffff 50%, #f9ad18 50%); background-size: 200% 0.1em; padding-bottom: 0.01em; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position 0.6s; }
.effect-rechts-weiss:hover {  background-position: 0% 100%;}
.effect-rechts-weiss { width: 80%; }  .effect-rechts { color: #000000; text-decoration: none; background-image: linear-gradient(to right, #e8e8e8 50%, #f9ad18 50%); background-size: 200% 0.1em; padding-bottom: 0.01em; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position 0.6s; }
.effect-rechts:hover {  background-position: 0% 100%;}
.effect-rechts { width: 80%; } .anim-underline-slider { font-weight: 700; color: #ffffff;  background-image: linear-gradient(to left, #f9ad18 50%, #ffffff 50%);
background-size: 200% 0.2em;  padding-bottom: 0.01em;
background-repeat: no-repeat;
background-position: 100% 100%;
transition: background-position 0.6s;
}
.anim-underline-slider { text-decoration: none;  background-position: 0% 100%;}
.anim-underline-slider  { text-decoration: none; }
.anim-underline-link { text-decoration: none;   text-decoration: none;  background: linear-gradient(to right, #f9ad18 50%, #191818 50%);
background-size: 200% 0.15em;  padding-bottom: 0.15em;
background-repeat: no-repeat;
background-position: 100% 100%;
transition: background-position 0.4s;
}
.anim-underline-link:hover { text-decoration: none;  background-position: 0% 100%;}
.anim-underline-link  { text-decoration: none; }
.anim-underline-grau { text-decoration: none;  font-weight: 600;  text-decoration: none;  font-size: 18px; background-image: linear-gradient(to right, #f9ad18 50%, #e4e4e4 50%);
background-size: 200% 0.15em;  padding-bottom: 0.15em;
background-repeat: no-repeat;
background-position: 100% 100%;
transition: background-position 0.6s;
}
.anim-underline-grau:hover { text-decoration: none;  background-position: 0% 100%;}
.anim-underline-grau  { text-decoration: none; } .anim-bg-gradient { align-items: center; left: 50%; right: 50%; position: relative; align-content;
font-family: 'Nunito';  font-weight: 500;
padding: 10px 10px;
border:0; 
border-radius: 10px;
cursor: pointer; text-transform: none; 
color: white; font-size: 18px;  width: 100%;
background-image: linear-gradient(to right, #689f38 50%, #f9ad18 50%);
background-size: 200% 100%;
background-repeat: no-repeat;
background-position: 100% 100%;
transition: background-position 0.6s;
} .button, .anim-bg-gradient:hover {   background-position: 0px 0px; color: #f9ad18;  }
.button:hover {   background-position: 0px 0px; color: #f9ad18;  }        .custom-logo-link::before { color: #FDAD08;
content: '';
position: absolute;
width: 100%;
height: 4px; 
border-radius: 0px;
background-color: #FDAD08;
bottom: 0; top: 74px;  
left: 0;
transform-origin: right;
transform: scaleX(0);
transition: transform .4s ease-in-out;
}
.custom-logo-link:hover::before { transform-origin: left; background-color: #FDAD08; color: #FDAD08;
transform: scaleX(1); } 
.custom-logo-link { height:75px;width:210px; }
.custom-logo-link:hover {   color: #FDAD08; }