body{
margin: 0; 
padding: 0; 
font-size: 16px; 
color:#f8f8f8; 
overflow-x: visible !important ; 
font-family: 'Cuprum', sans-serif;
background:#ffffff;
}
.padding5 {
padding: 5px;
}
.padding0 {
padding: 0px;
}.paddingbuton {
padding: 0px 50px;
}
.center {
text-align: center;
}.displaynone {
    display: none;
}.displayblock {
    display: block;
}.owl-theme .owl-nav  {
    display: none;
}

/*-----------------------------------------------------------------*/
/* Logo  */
/*-----------------------------------------------------------------*/

#menugenel .navbar-header {
padding:22px 0px;
}.logo2none {
position: absolute;
margin-top: -38px;
display: none;
}.logo2block {
position: absolute;
margin-top: -16px;
display: block;
}.logo1none {
display: none;
}.iconnone{
display: none;
}
.fix{ 
position: fixed; 
left: 0; 
top: 0; 
width: 100%;
background: #ffffff;
transition-duration:0.5s;
} #menugenel .navbar-toggle{
height: 50px;
width: 50px; 
margin-top: 26px;
}
/*-----------------------------------------------------------------*/
/* Menü  */
/*-----------------------------------------------------------------*/

#navbar-primary-collapse {
padding-right: 0;
}.navbar-default {
background:transparent;
border: none;
z-index: 2;
margin-bottom: 0;

}#menu li{
text-align: center;
}#menu li a {
font-weight: 500;
font-size: 16px;
color: #fffaee;
}#menu li:hover{
color: #f2e046;
}#menu li img {
visibility: hidden;
}#menu li:hover img{
visibility: visible;
}#menu li a:hover {
color: #f2e046;
}#menugenel {
border:none;
z-index: 8;
padding: 0;
}#menu1 li{
text-align: center;
}#menu1 li a {
font-weight: 500;
font-size: 16px;
color: #787878;
}#menu1 li:hover{
color: #f2e046;
}#menu1 li a:hover {
color: #f2e046;
}#menu1 {
position: relative;
margin-top: 6px;
display: none;
}

/*----------------------------------------*/
/*  4  - Slider
/*----------------------------------------*/

#slider {
padding: 0px;
position: relative;
margin-top: -82px;
}#slider .slider-content {
position: absolute;
right: 0;
text-align: left;
top: 45%;
left: 15%;
z-index: 99;  
margin: 0 auto;
margin-top: -180px;
}#slider .asagi {
        position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    margin-top: 37%;
        -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 6s;

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {margin-top: 37%;}
    to {margin-top: 42%;}
}

/* Standard syntax */
@keyframes example {
   from {margin-top: 37%;}
    to {margin-top: 42%;}
}
/*----------------------------------------*/
/*  4  - page1
/*----------------------------------------*/
#page1 {
position: relative;
margin-top: -73px;
}#page1 .ok {
padding-bottom: 19px;
text-align: center;
}#page1 .page1kutugenel:hover {
    margin-top: -83px;transition:500ms;
}#page1 .page1kutu {
width: 100%;
height: 100%;
max-height: 559px;
border: 1px solid #bebebe;   
}#page1 .page1kutu {
padding-top: 103px;
color:#787878;
}#page1 .picon {
padding-left: 39px;
}#page1 .pres2{
position: absolute;
left: 63px;
visibility: hidden;
}#page1 .pres1{
visibility: visible;
}#page1 .pbaslik {
font-size: 30px;
font-weight: 700;
padding-top: 43px;
height: 141px;
padding-left: 39px;
}#page1 .pyazi {
font-weight: 500;
font-size: 17px;
height: 141px;
padding-left: 39px;
padding-right: 17px;
}#page1 .plink {
padding-left: 39px;
padding-right: 17px;
}#page1 .plink a {
color:#787878;
font-weight: 500;
font-size: 17px;
text-decoration: none;
}#page1 .page1kutu:hover {
background: #f2e046;
color: #393939;
}#page1 .page1kutu:hover {
background: #f2e046;
color: #393939;
}#page1 .page1kutu:hover .pres1{
visibility: hidden;
}#page1 .page1kutu:hover .pres2{
visibility: visible;
}#page1 .page1kutu:hover .plink a{
color: #393939;
}

/*-----------------------------------------------------------------*/
/* Page2 */
/*-----------------------------------------------------------------*/

#page2 {
padding-top: 113px;
}#page2 img {
	    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;

    }#page2 img:hover {
    	    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
    transition:500ms;

    }
/*-----------------------------------------------------------------*/
/* #page3 */
/*-----------------------------------------------------------------*/
#page3 {
padding-top: 58px;
}
#page3 .oval{
width: 137px;
height: 137px;
background: #f2e046;
    padding-left: 17px;
    padding-top: 25px;
border-radius: 50%;
position: relative;
margin: auto;
}#page3 .sayi{
text-align: center;
color: #646464;
font-size: 30px;
padding-top: 23px;
}#page3 .yazi{
text-align: center;
color: #646464;
font-size: 19px;
padding: 0px 50px;
}
/*-----------------------------------------------------------*/
#page4{
background: url(https://www.luvielektrik.com.tr/images/alt-banner.jpg.pagespeed.ce.f5RuwUjP0F.jpg) no-repeat;
background-size: cover;
margin-top: 51px;
}#page4 .mask{
width: 100%;
padding-top: 51px;
padding-bottom: 89px;
}#page4 .mask img{
width: 100%;
max-width: 205px;
}#page4 .banneryazi {
color:#525252;
font-size: 17px;
padding-top: 26px;
}
/*-----------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/*Referanslar*/
/*-----------------------------------------------------------------*/
#page5 {
text-align: center;
padding-top: 10px;
padding-bottom: 55px;
}#page5 .refbaslik {
color: #525252;
font-size: 25px;
font-weight: 800;
padding-top: 47px;
padding-bottom: 33px;
}#page5 .referanskutu img {
width: 100%;
}#page5 .referanskutu  {
border: 2px solid #dcdcdc; 
}.owl-theme .owl-nav .owl-prev {
position: relative;
right: 74px;
}.owl-theme .owl-nav .owl-next {
position: relative;
left: 74px;
}


/*-----------------------------------------------------------------*/
/*Ürünler*/
/*-----------------------------------------------------------------*/
#page6 {
border-top: 1px solid #dadada;
padding-top: 51px;
padding-bottom: 47px;
}#page6 .sosyal a{

color: #515151;
font-weight: 400;
border: 1px solid #515151;
border-radius: 70%;
padding-top: 12px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
margin: 0px 6px;


}#page6 .sosyal a i {
font-size: 21px;	
}#page6 .adresbaslik {
color: #525252;
font-size: 17px;
}
/*-----------------------------------------------------------------*/
/*Footer*/
/*-----------------------------------------------------------------*/

#footer {
background:#31b9c9;
padding: 26px 0px;
}#footer img {
float: right;
}

@media (max-width: 2560px) {


}

@media (max-width: 1440px) {


}

@media (max-width: 1024px) {
#menu li a {
    font-size: 14px;
}  #menu1 li a {
    font-size: 14px;
}   
#page1 .pbaslik {
font-size: 24px;
}#page1 .pyazi {
font-size: 15px;
}#page3 .yazi{
font-size: 17px;
}#slider {
margin-top: -127px;
}#page1 {
margin-top: 0;
}#page1 .page1kutu {
text-align: center;
}.owl-theme .owl-nav  {
display: none;
}
}

@media (max-width: 768px) {
#page6 {
text-align: center;
}#page6 .sosyal{
padding-bottom: 19px;
}#page6 .adresbaslik {
padding-bottom: 12px;
}#footer {
text-align: center;
}#footer img{
float: none;
padding: 10px 0px;
}.owl-theme .owl-nav {
display: none;
}#menugenel .navbar-header {
margin-left: 23px;
margin-right: 26px;
}#menugenel .navbar-toggle{
margin-top: 0px;
}#slider {
margin-top: 0px;
}#menu{
background: #fff;
text-align: center;
}#menu li a{
color: 787878;
}.navbar-default {
    position: absolute;
    top: 15;
    width: 100%;

}
}

@media (max-width: 425px) {
.logo2block {

    margin-top: 5px;

}
}

@media (max-width: 375px) {
#slider .asagi img {
    height: 45px;
}#page1 .page1kutugenel {
    margin-top: 15px;
}#page1 .picon {
    padding-left: 0px;
    padding-right: 0px;

}#page1 .pbaslik {
    padding-left: 0px;
    padding-right: 0px;

}#page1 .plink {
    padding-left: 0px;
    padding-right: 0px;

}#page1 .pyazi {
    padding-left: 9px;
    padding-right: 17px;
}#page4 .mask {
    text-align: center;
}
}
}