body{
margin: 0; 
padding: 0; 
font-size: 15px !important; 
font-weight: 400 !important;
color:#3b3b3a; 
font-family: 'Open Sans', sans-serif !important;
background:#fff;
}
*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}
address{font-style:italic}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family: 'Open Sans', sans-serif !important;  color: #3b3b3a !important; line-height: 1.2em;}
li{list-style-type: none;}
q:before,q:after{content:''}
strong,b{font-weight:700}
em,cite{font-style:italic}
cite{display:block}
strike,del{text-decoration:line-through}
sup{font-size:11px;position:relative;vertical-align:top;top:5px}
sub{bottom:5px;font-size:11px;position:relative;vertical-align:bottom}
a{text-decoration: none !important;   color: #3b3b3a ; -webkit-backface-visibility: hidden; -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s; -moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s; -o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s; -ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s; transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0s; }

.padding0{
padding: 0px;
}
.paddingleft0{
padding-left: 0px;
}

.element-animate {
opacity: 0;
visibility: hidden;
}
/*-------------------------------------*/
/* Top Banner                         */
/*-------------------------------------*/
#topbanner {
background: #f0efef;
}#topbanner ul> li{
display: inline-block;
    margin-left: 19px;
}#topbanner ul> li > a> i{
margin-right: 5px;
}#topbanner ul> li > button> i{
margin-right: 5px;
}#topbanner ul{
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
}#topbanner .dil{
margin-right: 4px !important;
margin-left: 4px !important;
}#topbanner .dil a{
margin-right: 6px !important;
}#topbanner span{
display: inline-block;
}#topbanner button{
background: transparent;
}
#exampleModal iframe {
    width: 100%;
    height: 450px;
    border:0px;
}

/*-------------------------------------*/
/* Menü                                */
/*-------------------------------------*/

.navbar-default { 
background: transparent;
border:none;
}.navbar-default .navbar-nav > li > a {
color: #3b3b3a !important;
font-weight: 500;
    padding: 15px 11px;
    font-size: 14px;
}#menu .navbar-brand > img {
margin-top: -75px;
}.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background: transparent;
}.menu_alt_cizgi {
display: block;
margin: 0 auto;
margin-top: 6px;
}.soru {
background: #e30613;
color: #fff;
padding: 4px 10px;
margin-left: 2px;
}#menu .soru a{
color: #fff !important;

}
/*-------------------------------------*/
/* Slider                              */
/*-------------------------------------*/
.slider_sag img {
width: 100%;
height: 819px;
}
#carouselExampleControls  {
margin-top: -20px;
}#carouselExampleControls .slider_sol {
background: #000;
height: 819px;
padding-top: 180px;
padding-right: 46px;
}#carouselExampleControls .sliderbaslik_kirmizi{
color:#e30613;
font-size: 60px;
font-weight: 600;
}#carouselExampleControls .sliderbaslik_beyaz{
color:#ffffff;
font-size: 60px;
font-weight: 600;
}#carouselExampleControls .slayt_cizgi{
display: block;
width: 20px;
height: 2px;
background: #e30613;
margin-top: 39px;
margin-bottom: 39px;
}#carouselExampleControls .slidericerik_baslik{
color:#ffffff;
font-size: 35px;
font-weight: 300;
}#carouselExampleControls .slidericerik{
color:#ffffff;
font-size: 14px;
font-weight: 300;
margin-top: 24px;
margin-bottom: 51px;
}#carouselExampleControls .izlebuton{
color:#ffffff;
font-weight: 600;
background: #e30613;
padding: 17px 38px;
display: inline-block;
float: right;
}#carouselExampleControls .izlebuton i{
margin-right: 15px;
}#carouselExampleControls .carousel-control {
z-index: 1;
width: 9%;
margin-top: 20%;
margin-bottom: 20%;
background: transparent;
color: #fff;
font-size: 42px;
}


/*-------------------------------------*/
/* Page 1                              */
/*-------------------------------------*/
#page1 {
    padding: 30px 0px 15px 0px !important;
}
#page1 .page1_kat_tekil {position: relative; padding-left: 0;}
#page1 .page1_kat_tekil:last-child {padding: 0;}
#page1 .page1_kat_resim {position: relative;}
#page1 .page1_kat_resim_mask{
background: url(../images/index_kat_arka.png) no-repeat;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}#page1 .page1_kat_yazi {
position: absolute;
bottom: 0;
color:  #fff;
overflow: hidden;
height: 44px;
width: 94%;
transition-duration:1s;
}#page1 .page1_kat_yazi h3{
color:  #fff !important;
font-size: 19px;
font-weight: 600;
padding-left: 21px;
padding-right: 21px;
}#page1 .page1_kat_yazi p{
color:  #fff !important;
font-size: 13px;
font-weight: 300;
line-height: 1.5;
padding-left: 21px;
padding-right: 21px;
}#page1 .page1_kat_tekil:hover .page1_kat_yazi{
background: #e306139e;
transition-duration:1s;
height: 95%;
width: 95%;
padding-top:  80px;
}#page1 .katresim {
	width:100%; height: 321px;
}
/*-------------------------------------*/
/* Page 2                             */
/*-------------------------------------*/
#page2 {
position: relative;
    padding: 15px 0px !important;
    height: 459px;
}#page2 .page_2_resim {
position: relative;
height: 430px;
}#page2 .page_2_resim img{
height: 100%;
width: 100%;
}#page2 .page_2_icerik {
background: #f0efef;
position: relative;
height: 100%;
padding-top: 63px;
padding-bottom: 63px;
}#page2 .page_2_icerik h1 {
font-size: 35px;
font-weight: 600;
padding-bottom: 16px;
}#page2 .page_2_icerik span{
display: block;
width: 20px;
height: 2px;
background: #e30613;
margin-bottom: 44px;
}#page2 .page_2_icerik p {
font-weight: 300;
text-align: justify;
}#page2 .page_2_icerik a{
display: block;
text-align: right;
margin-top: 20px;
}
/*-------------------------------------*/
/* Page 3                              */
/*-------------------------------------*/
#page3 {
position: relative;
text-align: center;
padding: 50px 0px;
}#page3 .baslik {
padding-bottom: 47px;
}.baslik h1 {
font-size: 35px;
font-weight: 600;
padding-bottom: 16px;
}.baslik span{
display: block;
width: 20px;
height: 2px;
text-align: center;
margin: 0 auto;
background: #e30613;
margin-bottom: 44px;
}#page3 h3 {
font-size:20px;
font-weight: 600;
color: #e30613 !important;
padding-bottom: 13px;
padding-top: 10px;
height: 71px;
vertical-align: middle;
}#page3 p {
text-align: left;
font-weight: 300;
}#page3 .page3_kutu:hover  {
color: #e30613;
}#page3 .page3_kutu:hover  h3{
color: #3b3b3a !important;
}#page3 .kesif{
display: block;
width:60px;
height: 66px;
background:  url(../images/uretim_sureci/kesif.png) no-repeat;
margin: 0 auto;
}#page3 .page3_kutu:hover .kesif {
background:  url(../images/uretim_sureci/kesif_kirmizi.png) no-repeat;
}#page3 .proje{
display: block;
width:60px;
height: 66px;
background:  url(../images/uretim_sureci/proje.png) no-repeat;
margin: 0 auto;
}#page3 .page3_kutu:hover .proje {
background:  url(../images/uretim_sureci/proje_kirmizi.png) no-repeat;
}#page3 .uretim{
display: block;
width:60px;
height: 66px;
background:  url(../images/uretim_sureci/uretim.png) no-repeat;
margin: 0 auto;
}#page3 .page3_kutu:hover .uretim {
background:  url(../images/uretim_sureci/uretim_kirmizi.png) no-repeat;
}#page3 .montaj{
display: block;
width:60px;
height: 66px;
background:  url(../images/uretim_sureci/montaj.png) no-repeat;
margin: 0 auto;
}#page3 .page3_kutu:hover .montaj {
background:  url(../images/uretim_sureci/montaj_kirmizi.png) no-repeat;
}#page3 .guven{
display: block;
width:60px;
height: 66px;
background:  url(../images/uretim_sureci/guven.png) no-repeat;
margin: 0 auto;
}#page3 .page3_kutu:hover .guven {
background:  url(../images/uretim_sureci/guven_kirmizi.png) no-repeat;
}#page3 .satis{
display: block;
width:60px;
height: 66px;
background:  url(../images/uretim_sureci/satis.png) no-repeat;
margin: 0 auto;
}#page3 .page3_kutu:hover .satis {
background:  url(../images/uretim_sureci/satis_kirmizi.png) no-repeat;
}
/*-------------------------------------*/
/* Page 4                              */
/*-------------------------------------*/
#page4 {
position: relative;
text-align: center;
padding: 50px 0px;
}#page4 .baslik {
padding-bottom: 47px;	
}#owl_2:before {
position: absolute !important;
display: block !important;
top: 0px !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
width: 496px !important;
height: 2px !important;
transition: 0.8s !important;
-webkit-transition: 0.8s !important;
border-top: 1px solid #f0efef !important;
content: '' !important;
-webkit-backface-visibility: hidden !important;
-webkit-transition: all .5s cubic-bezier(.25,1,.35,1) 0;
-moz-transition: all .5s cubic-bezier(.25,1,.35,1) 0;
-o-transition: all .5s cubic-bezier(.25,1,.35,1) 0;
-ms-transition: all .5s cubic-bezier(.25,1,.35,1) 0;
transition: all .5s cubic-bezier(.25,1,.35,1) 0;
}#owl_2 .page3_tekil img{
-webkit-filter: opacity(30%); /* Safari 6.0 - 9.0 */
filter: opacity(30%);
transition-duration:1s;
}#owl_2 .page3_tekil:hover img{
-webkit-filter: opacity(100%); /* Safari 6.0 - 9.0 */
filter: opacity(100%);
transition-duration:1s;
}#owl_2 .owl-nav {display: block !important;}
#owl_2 button {background: transparent;}
#owl_2 .owl-prev {
position: absolute;
left: 0;
top: 65px;
}#owl_2 .owl-next{
position: absolute;
right: 0;
top: 65px;
}#owl_2 .owl-item {padding: 30px !important;}
/*-------------------------------------*/
/* Page 5                              */
/*-------------------------------------*/
#page5 {
position: relative;
text-align: center;
padding: 50px 0px 0px 0px;
}#page5 .page5_sol {
background: #f0efef;
position: relative;
}#page5 .page5_sol_cauntr{
padding:130px 0px;
display: block;
height: 361px;
}#page5 .page5_ust_harita{
display: block;
height: 361px;
}#page5 .page5_ust_harita iframe{
width: 100%;
height: 355px;
border:0px;
}#page5 .page5_sol_cauntr span {
font-size: 35px;
font-weight: 600;
margin-bottom: 28px;
display: block;
}#page5 .page5_sol_cauntr span:before{
position: absolute !important;
display: block !important;
bottom: 35px !important;
left: -10px !important;
right: 0 !important;
margin: 0 auto !important;
width: 20px !important;
height: 2px !important;
transition: 0.8s !important;
-webkit-transition: 0.8s !important;
border-top: 1px solid #e30613 !important;
content: '' !important;
}#page5 .page5_sol_cauntr p{
font-weight: 400;
}
#page5 .page5_sag {
position: relative;
display: block;
height: 722px;
background: #7b7b7b;
}
#page5 .page5_sag_resim {
position: relative;
display: block;
height: 361px;
}
#page5 .page5_sag_baslik {
position: absolute;
top: 0;
z-index: 1;
text-align: center;
margin: 0 auto;
width: 100%;
}#page5 .page5_sag_baslik h3{
color: #fff!important ;
font-size: 20px !important ;
font-weight: 600 !important;
margin-top: 28px;
}#page5 .page5_sag_baslik h3:before {
position: absolute !important;
display: block !important;
bottom: -8px !important;
left: -10 !important;
right: 0 !important;
margin: 0 auto !important;
width: 20px !important;
height: 2px !important;
transition: 0.8s !important;
-webkit-transition: 0.8s !important;
border-top: 1px solid #e30613 !important;
content: '' !important;
}
#page5 .page5_sag_resim img {
width: 100%;
display: block;
height: 361px;
}#page5 .page5_sag_icerik {
position: relative;
display: block;
height: 361px;
margin-top: -25px;
z-index: 2;

}#page5 .page5_sag_icerik span{
display: block;
width: 121px;
height: 52px;
margin:0 auto;
padding: 14px 15px;
color:#fff;
font-size: 16px;
font-weight: 600;
background: #e30613;
}#page5 .page5_sag_icerik h5 {
font-size: 20px !important;
color: #fff !important;
font-weight: 600 !important;
padding-top: 49px;
}#page5 .page5_sag_icerik p {
color: #fff !important;
font-weight: 300 !important;
padding: 25px 176px;
text-align: center;
}#owl_3 .owl-nav {
display: block !important;
position: relative;
margin: 0 auto;
left: 0;
right: 0;
bottom: 33px;
}
/*-------------------------------------*/
/* Page 6                              */
/*-------------------------------------*/

#footer {
background: #000000;
padding: 50px 0px;
}#footer .f_baslik {
font-weight: 500;
font-size: 20px;
color: #b7b6b3;
padding-bottom: 15px;
}#footer .f_baslik:before {
position: absolute !important;
display: block !important;
top: 35px !important;
left: 7px !important;
margin: 0 auto !important;
width: 20px !important;
height: 2px !important;
transition: 0.8s !important;
-webkit-transition: 0.8s !important;
border-top: 1px solid #e30613 !important;
content: '' !important;
}#footer a {
text-decoration: none;
color: #b7b6b3;
padding: 10px 0px;
}#footer ul {
margin-top: 15px;
}#footer li {
padding: 5px 0px;
}#footer .f_sosyal {
display: inline-block;
margin-left: 15px;
}#footer .f_tekil i{
margin-right: 10px;
}
.whatsappicon {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    z-index: 999;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.whatsappicon a {
    font-size: 26px;
    color: #fff!important;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
/*-------------------------------------*/
/* Page 7                              */
/*-------------------------------------*/

/*-------------------------------------*/
/* Page 8                              */
/*-------------------------------------*/

/*-------------------------------------*/
/* Footer                              */
/*-------------------------------------*/

@media (max-width: 1440px) {

}
@media (max-width: 1200px) {
    .navbar-default .navbar-nav > li > a {
    font-size: 11px;
}
}

@media (max-width: 996px) {
} 
@media (max-width: 768px) {
	.navbar-brand {width: 100%;margin-top: 18px;}
	#topbanner ul {text-align: center;}
#carouselExampleControls .slider_sol {
text-align: center;
height: auto;
padding-top: 60px;
padding-bottom: 60px;
padding-right: 46px;
padding-left: 46px;
}.slayt_cizgi {
margin: 0 auto;
}#carouselExampleControls {
margin-top: 0px;
}#carouselExampleControls .izlebuton {
float: none;
}#menu .nav > li {
position: relative;
display: block;
text-align: center;
border-bottom: 1px solid #c3bfbf;
margin-bottom: 14px;
} #menu .soru {
margin-left: 0;
}#page1 .page1_kat_resim_mask {
background: url(../images/index_kat_arka.png);
background-size: cover;
}#page1 .page1_kat_tekil {
margin-bottom: 16px;
margin-top: 16px;
padding: 0;
}#page2 {
height: 100%;
margin-bottom: 32px;
}#page2 .page_2_icerik {
height: auto;
}#page3 .page3_kutu {
margin-bottom: 32px;
}#owl_2:before {
width: 100% !important;
}#page4 .owl-nav {display: none !important;}
#page5 .page5_sol_cauntr {
height:auto;
padding: 60px 0px;
}#page5 .caunt_tekil {
margin-bottom: 35px;
}#page5 .page5_sag_icerik p {
padding: 25px 28px;
}#footer {
text-align: center;
}#footer .f_baslik:before {
right: 0;
}#footer .f_tekil {
margin-bottom: 32px;
}#footer .f_tekil i{
margin-right: 10px;
}#carouselExampleControls .carousel-control {

margin-top: 90%;
margin-bottom: 90%;

}#page5 .page5_sol_cauntr span:before {
    right: 0 !important;
    left: 0;
}.slider_sag {display: none;}
@media (max-width: 425px) {
}
@media (min-width: 992px) {


}@media (min-width: 1200px) {

}

/*
#accordion {padding: 0;}
#accordion .parent {list-style-type: none;     padding-left: 0;}
#accordion .parent a:hover{    color: #fff; border: 1px solid #fff !important; }
#accordion .parent a{  cursor: pointer;  width: 100%; display: block; text-decoration: none; color: #fff; font-size: 24px; letter-spacing: 0.05em; padding: 16px 65px 16px 21px; border: 1px solid #fdb827; margin-bottom: 24px; font-weight: 400; outline:0; }
#accordion .parent a:after { content: "+"; position: absolute; font-size: 30px; line-height: 0; margin-top: 11px; right: 0; margin-right: 32px; transform-origin: center; font-weight: 900; }
#accordion .child{   animation-name: bounceIn;  animation-duration: 750ms;  animation-timing-function: linear; animation-fill-mode: forwards; list-style-type: none;   padding-left: 0;  }
#accordion .deneme{ width: 100%; display: block; text-decoration: none; color: #fff !important; font-size: 24px; letter-spacing: 0.05em; padding: 21px 16px; border: 1px solid #fdb827 !important; margin-bottom: 24px; font-weight: 400; outline:0; }
#accordion .deneme:after { content: "-" !important; position: absolute ; font-size: 30px; line-height: 0; margin-top: 11px; right: 0; margin-right: 18px; transform-origin: center; font-weight: 900; }
#accordion p{ line-height: 1.7; color: #fff; font-size: 16px; font-weight: 400; margin-bottom: 24px; padding: 0px 15px; }
#accordion .paranticerik {display: inline-block; width: 49%; margin-right: 10px; position: relative;}
*/