.preloadercon{/* display: none; */position: fixed;width: 100%;height: 100%;background: white;z-index: 70;top: 0px;}
.preloadercon .preloaderbox{position: relative;/* display: none; */max-width: 50px;display: inline-block;}
.preloadercon .preloaderbox img{/* max-width: 150px; */}
.preloaderaniclass{ }


.mydtable{ display: table; height: 100%; width: 100%; }
.mydtablecell{display: table-cell;height: 100%;width: 100%;vertical-align: middle;}



.dt-button {
    display: inline-block;
    background-color: #bd362f;
    color: #fff;
    margin-right: 5px;
    padding: 5px 15px;
    border: none;
}

input[type='file']{ height: 50px;  }

.mesaj_panel_a{ position: relative; }
.okumadi_sayi{position: absolute;z-index: 10;top: 10px;background: #d40202;border-radius: 80px;height: 20px;font-weight: 400;font-size: 9px;width: 20px;padding: 4px 0px 0px 0px;color: white;text-align: center;left: 219px;}

.editor_div{
    padding: 10px;
    /* border-radius: 5px !important; */
    outline: none;
    border: 1px solid #ccc;
    width: 900px;
    background: #fdfdfd;
    border-left: 1px solid #FFC107;
    display: inline-block;
    vertical-align: text-top;
}

*{

    /*font-family: montserrat;*/

    box-sizing: border-box;

}



a{ display: inline-block; cursor: pointer; }

a:hover{ text-decoration: none;}

/************FONT FACES*************/

/************FONT FACES END*************/



/************MUCOS RESPONSIVE*************/



.container-muco{max-width: 1170px;text-align: left;display: inline-block;width: 100%;padding: 0px 15px;padding-bottom: 0px;/* background: gainsboro; */}



.kolon-1{ float: left; width: 100%; }

.kolon-2{ float: left; width: 50%; }

.kolon-3{ float: left; width: 33.33333333333333%; }

.kolon-4{ float: left; width: 25%; min-height: 1px; }

.kolon-5{ float: left; width: 20%; }

.kolon-6{float: left;width: 16.66666666666667%;min-height: 1px;}

.kolon-4d1{ float: left; width: 75%; }

.kolon-1d4{ float: left; width: 25%; }

.kolon-1d3{ float: left; width: 33.33333333333333%; }

.kolon-3d1{ float: left; width: 66.66666666666667%; }

.clear{/* float: left; */clear: both;min-height: unset;}



/*div{ min-height: 100px }*/

.bg-yellow{ background: yellow; }

.bg-green{ background: green; }

.bg-cornflowerblue{ background: cornflowerblue; }

.mb-30{ margin-bottom: 30px; }

.text-center{ text-align: center !important; }

.text-left{ text-align: left !important; }

.text-right{ text-align: right !important; }





/************MUCOS RESPONSIVE END*************/



.preloader_div{background: white;width: 100%;position: fixed;top: 0px;z-index: 100;height: 100%;}

.panel_preloader_div{/* display: none; */}

.table{display: table;width: 100%;height: 100%;/* background: gray; */margin-bottom: 0px;}

.tablecell{ display: table-cell; vertical-align: middle; }

.tablecell img{}



/********checkbox***************/



/* The container */

.container-cb {

    display: block;

    position: relative;

    padding-left: 23px;

    margin-bottom: 12px;

    color: #717171;

    padding-top: 1px;

    cursor: pointer;

    font-size: 13px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    /* background: yellow; */

    user-select: none;

}



/* Hide the browser's default checkbox */

.container-cb input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}



/* Create a custom checkbox */

.checkmark {

    position: absolute;

    top: 3px;

    left: 3px;

    height: 15px;

    width: 15px;

    border-radius: 5px;

    background-color: #e0e0e0;

}



/* On mouse-over, add a grey background color */

.container-cb:hover input ~ .checkmark {

    /* background-color: #ccc; */

}



/* When the checkbox is checked, add a blue background */

.container-cb input:checked ~ .checkmark {

    /* background-color: #2196F3; */

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



/* Show the checkmark when checked */

.container-cb input:checked ~ .checkmark:after {

    display: block;

}



/* Style the checkmark/indicator */

.container-cb .checkmark:after {

    left: 1px;

    top: 0px;

    width: 13px;

    height: 10px;

    border: solid #308ba6;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



/********checkbox bitti***************/







.header_ustbar a i{

    color: #fec24f;

    font-size: 15px;

    margin-right: 5px;

}

.header_ustbar a{

    font-size: 12px;

    color: #404040;

    text-transform: uppercase;

    font-weight: 300;

}

.header_ustbar .sag-but{float: right;margin-top: 4px;}

.header_ustbar{

    text-align: center;

    background: #f5f5f5;

    padding: 10px 0px;

}



.header_info_box{

    /* background: wheat; */

    max-width: 300px;

    display: inline-block;

    margin-top: 8px;

    text-align: left;

}

.header_info_box .boxA{display: inline-block;color: #fec24f;padding: 10px;/* background: green; */font-size: 22px;width: 39px;}

.header_info_box .boxB{display: inline-block;font-size: 12px;font-weight: 400;border-left: 1px solid #b1b1b1;padding: 5px 10px;vertical-align: top;width: 200px;}



.header_ortabar{text-align: center;padding: 35px 0px 0px;}

.navigasyon_div{

    margin-top: 26px;

    padding: 10px 0px;

    border-top: 1px solid #e0e0e0;

}

.menu_a,.menu_a:focus{font-size: 14px;margin: 0px 40px;padding: 10px 0px;color: #383838 !important;font-weight: 600;transition: all .3s;text-decoration: none;}

.menu_a:hover{color: #ffd78c !important;}

.menu_search{float: right;}

.menu_search:hover{color: #ccc !important; }

.menu_x_div{ display: none; }



.hamburgerbut_div{

    display: none;

    margin-top: 26px;

    padding: 5px 5px;

    border-top: 1px solid #e0e0e0;

}

.hamburgerbut_a i{  }

.hamburgerbut_a{font-size: 33px;/* background: green; */padding: 0px 10px;}

.hamburgerbut_a:hover{  }



.main_header{

    position: relative;

    z-index: 60;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

    box-shadow: 0px 0px 30px 0px rgba(125, 125, 125, 0.75);

}



.float-right{ float: right; }

.t-ry-180{ transform: rotateY(180deg); }

.dp-none{ display: none; }



.arama_div{position: fixed;z-index: 70;height: 100vh;width: 100%;display: table;display: none;/* position: relative; */}

.arama_div_bg{position: fixed;z-index: -1;height: 100%;width: 100%;opacity: 0.5;background: black;}

.arama_div_content{

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    /* color: white; */

}



input[class="arama_div_itext"]:focus{outline: none;}

input[class="arama_div_itext"]{

    padding: 5px 10px;

    margin: 0px;

    padding-right: 39px;

    background: no-repeat;

    border: none;

    color: #dadada;

    width: 300px;

    border-bottom: 1px solid #e0e0e0;

}



.arama_div_contentB{position: relative;transform: scale(0,0);}



#arama_abut{

    margin-left: -35px;

    color: whitesmoke;

    cursor: pointer;

    font-size: 25px;

}

#arama_div_x{color: #eaeaea;position: absolute;top: 50px;right: 50px;font-size: 50px;}

#arama_div_x i{ }





#body_click{

    position: fixed;

    /* background: green; */

    width: 100%;

    height: 100%;

    z-index: 50;

    display: none;

}



.section_slider{position: relative;/* z-index: -1; *//* width: 50%; *//* left: 25%; */}

.slider-item-first{ display: block !important; }

.slider-item-div{position: absolute;z-index: 10;height: 100%;width: 100%;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;display: none;}

.slider-hiddenimg{visibility: hidden;width: 100%;max-height: 700px;}

.slider-content-div{/* background: #00CC00; */vertical-align: middle;position: absolute;width: 100%;/* overflow: hidden; *//* display: none; *//* height: 5px; */text-align: center;/* top: 0px; */top: calc(50% - 140px);}

.slider-content-div-B{
    max-width: 600px;
    word-break: break-word;
    background: #f5f5f5;border-top: 5px solid #fec24f;display: inline-block;padding: 50px 50px;/* height: 95px; */opacity: 0;max-width: 600px;word-break: break-word;overflow: hidden;text-align: left;position: relative;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(72, 72, 72, 0.75);}

.slider-baslik{font-size: 30px;font-weight: 600;color: #243073;margin-bottom: 15px;position: relative;}

.slider-yazi{

    font-weight: 500;

    color: #757575;

    margin-bottom: 15px;

    position: relative;

}

.slider-icerik-a:hover{color: white;background: #ffe500;/* border: 1px solid #ffe500; */}

.slider-icerik-a{

    background: #FF9800;

    padding: 10px 20px;

    color: #ffffff;

    transition: all .3s;

    border: 1px solid transparent;

    /* margin-bottom: 5px; */

    margin-top: 5px;

    position: relative;

}



.slider_prev_next_a i{

    /* box-shadow: 0px 0px 10px 0px rgba(72, 72, 72, 0.75); */

}

.slider_prev_next_a:hover{}

.slider_prev_next_a{
    position: absolute;font-size: 30px;top: calc(50% - 38px);padding: 0px 30px;z-index: 30;
    color: #676767 !important;
    color: #d6d6d6 !important;
    text-shadow: 0px 0px 5px rgb(0, 0, 0); }

#slider_next_a{right: 0px;}

#slider_prev_a{  }





.binen_section{

    text-align: center;

    background: #f4f8fb;

    padding: 50px 0px;

    position: relative;

    z-index: 10;

}

.binen_section_container{background-size: contain !important;background-position: right  top!important;/* margin: 50px; */padding: 50px 50px;padding-top: 90px;padding-right: 20%;text-align: left;display: inline-block;width: 80%;margin-top: -86px;background-repeat: no-repeat !important;box-shadow: 0px 0px 30px 0px rgba(125, 125, 125, 0.75);}



.binen_section_box{float: left;/* width: 50%; */min-height: 170px;margin-bottom: 40px;}

.binen_section_boxB_img {margin-bottom: 20px;}

.binen_section_boxB_img img{  }

.binen_section_boxB_baslik{font-weight: 600;}

.binen_section_boxB_aciklama{font-weight: 300;}





.section_hizmetler_baslik{

    text-align: center;

    font-weight: 600;

    font-size: 50px;

    margin-bottom: 90px;

    color: #607D8B;

}

.yap_buyuk_baslik{

    text-align: center;

    font-weight: 600;

    font-size: 50px;

    margin-bottom: 50px;

    color: #607D8B;

    margin-top: 50px;

}

.section_hizmetler{background: #f4f8fb;text-align: center;padding: 100px 0px;}



.hizmet_icon_box:hover .hizmet_icon_boxB{transform: rotateZ(45deg);}

.hizmet_icon_box:hover{transform: rotateZ(-45deg);background: #087edc;}

.hizmet_icon_box{

    /*transition-timing-function: ease-in-out;*/

    transition: all .5s;

    background: #01477f;

    display: inline-block;

    height: 120px;

    border: 7px solid white;

    text-align: center;

    cursor: pointer;

    width: 120px;

    transform: rotateZ(45deg);

    box-shadow: 0px 0px 30px 0px rgba(125, 125, 125, 0.75);

}

.hizmet_icon_boxB{

    display: inline-block;

    transform: rotateZ(-45deg);

    /* background: yellow; */

    /* width: 110px; */

    position: relative;

    transition-duration: .3s;

    top: 19px;

}



.hizmet_icon_box img{

    height: 70px;

}

.hizmet_icon_baslik{

    margin-top: 45px;

    font-weight: 700;

}





.section_yap{ padding: 60px 0px; }

.section_normal{ padding: 100px 0px; text-align: center; }

.section_normal2{ padding: 70px 0px; text-align: center; }

.yaptiklarimiz_img_div{

    background: #05487d;

    display: inline-block;

    width: 80px;

    text-align: left;

    height: 80px;

    border-radius: 50px;

    margin-bottom: 20px;

}

.yaptiklarimiz_box{

    text-align: center;

    border: 1px solid #bdbdbd;

    padding: 50px 20px;

    max-width: 240px;

    display: inline-block;

    width: 100%;

}

.yaptiklarimiz_img{

    position: relative;

    top: 15px;

    left: 15px;

    height: 50px;

}

.yaptiklarimiz_baslik{

    font-size: 20px;

    color: #949494;

}

.yaptiklarimiz_sayi{

    max-width: 100%;

    /* background: wheat; */

    text-align: center;

    font-weight: 600;

    font-size: 50px;

    color: #607D8B;

}





.section_referanslar{

    background: aliceblue;

}

.referans_img{ width: 100%; }

.ref_a{

    width: 100%;

}

.ref_col{

    padding: 0px 50px;

    text-align: center;

}

.carousel-control-a-prev{  background-image: linear-gradient(to right,rgb(193, 226, 255) 0,rgba(0,0,0,.0001) 100%) !important; }

.carousel-control-a-next{  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0, rgb(193, 226, 255) 100%) !important; }

.carousel-control-a{

    color: #607D8B !important;

    transition: all .3s;

}



footer{

    padding: 80px;

    background: #3F51B5;

}

.footer_box{

    display: inline-block;

    text-align: left;

}

.footer_box_baslik{

    font-size: 20px;

    font-weight: 600;

    color: white;

}

.footer_logo_a{width: 100%;display: inline-block;}

.footer_logo_img{width: 100%;max-width: 268px;display: inline-block;min-width: 180px;}

.footer_li_adres{

    /* font-size: 13px !important; */

}

.footer_li{

    font-size: 15px;

    margin: 5px 0px;

    display: inline-block;

    color: #d2cfcb;

    max-width: 220px;

    word-break: break-word;

    transition: all .3s;

}

.footer_li_ilsec{margin-bottom: 23px;font-size: 15px;}

.footer_li_ilsec b{/* margin-bottom: 23px; */font-size: 14px;}

.footer_box i.adres{

    /* vertical-align: top; */

    /* margin-top: 2px; */

}

.footer_box i{

    color: #fdb639;

    font-size: 17px;

    margin-right: 5px;

    vertical-align: top;

    margin-top: 7px;

    /* margin-bottom: 15px; */

}



.en_alt_bar{

    text-align: center;

    padding: 15px 0px;

    background: #35438e;

    color: #b3b3b3;

    font-size: 12px;

    margin-bottom: -21px;

}





.footer_social{

    margin-top: 30px;

}

.footer_social a{

    color: #d2d2d2;

    margin: 0px 15px;

    font-size: 20px;

    transition: all .3s;

    margin-bottom: 30px;

}

.footer_social a:hover{

    color: white;

}

.footer_social a i{}



.footer_qmenubox > a:hover span{ color:white; }





.section_galeri{}

.galeri_box{

    margin: 20px;

    background-size: cover !important;

    background-position: center center !important;

}



.gal_yer_tutucu{visibility: hidden;width: 100%;}



.gal_abut{

    background: #FF9800;

    padding: 12px 32px;

    transition: all .3s;

    font-size: 20px;

    color: white;

    margin: 20px;

}

.gal_abut:hover{

    color: #ffffff;

    background: #ffb74c;

}



.gal_tikla_a i{

    position: absolute;

    right: 0px;

    /* margin: 20px; */

    color: darkgrey;

    background: #1f1f1f;

    font-size: 30px;

    padding: 20px;

}

.gal_tikla_a:hover{opacity: .5;}

.gal_tikla_a{

    position: relative;

    width: 100%;

    height: 100%;

    background: black;

    opacity: .5;

    opacity: 0;

    transition: all .3s;

}



.galeri_displayer{display: none;position: fixed;width: 100%;top: 0px;z-index: 50;height: 100%;}

.galeri_displayer .con{display:table;width: 100%;height: 100%;text-align: center;}

.galeri_displayer .con .bg{width: 100%;height: 100%;background: black;opacity: 0.9;position: absolute;z-index: -1;}

.galeri_displayer .con .image_box{

    display: table-cell;

    vertical-align: middle;

}

.galeri_displayer .con .image_box img{

    max-width: 1000px;

    width: 100%;

}



.gal_display_nextprev{position: absolute;top:calc(50% - 50px);color: #a2a2a2;font-size: 40px;transition: all .3s;}

.gal_display_nextprev:hover{color:white;}

#gal_dipslay_prev{ left: 50px; }

#gal_dipslay_next{ right: 50px; }

#gal_dipslay_x{position: absolute;top: 40px;right: 40px;color: #a2a2a2;font-size: 30px;background: #484642;padding: 0px 12px;transition: all .3s;}

#gal_dipslay_x:hover{color:white;}



.section_icbanner{

    height: 300px;

    background-size: cover !important;

    background-position: center center !important;

    /* filter: blur(2px); */

}



.table_div{ display: table; width: 100%; height: 100%; }

.tablecell_div{display: table-cell;vertical-align: middle;text-align: center;}

.icbanner_baslik{

    font-size: 50px;

    color: white;

    /* text-transform: uppercase; */

}



.iletisim-info-box .bg1{position: absolute;width: 100%;z-index: -1;height: 100%;background-size:cover !important;background-position:center center !important;}

.iletisim-info-box .bg2{position: absolute;z-index: -1;width: 100%;height: 100%;background: black;opacity: 0.8;}

.iletisim-info-box{

    display: inline-block;

    font-size: 0px;

    max-width: 100%;

    background-position: center right !important;

}



.iletisim-info-a,.iletisim-info-a:hover,.iletisim-info-a:focus{

    /* background: #fdfdfd; */

    text-decoration: none;

    padding: 20px 20px;

    width: 100%;

    color: #f7f7f7;

    height: 100px;

    font-size: 18px;

    text-align: left;

    border: 1px solid #8c8c8c;

    border-bottom-color: transparent;

    text-shadow: 0px 0px 2px rgb(0, 0, 0);

}

.iletisim-info-a .icerik_span{

    color: #e2e2e2;

}

.iletisim-info-a-spec{ height: unset;      min-height: 100px; }

.iletisim-info-a i{

    font-size: 30px;

    color: #FF5722;

    margin-right: 15px;

    width: 70px;

    /* background: wheat; */

    text-align: center;

}

.iletisim-info-a strong{

    margin-right: 10px;

    width: 70px;

    display: inline-block;

    /* display: block; */

}

.iletisim-info-a:hover{}



.marker_i_iletisim{margin-top: 5px;vertical-align: top;}

.special_strong{vertical-align: top;}

.special_span{float: right;max-width: 320px;text-align: left;/* font-size: 14px; */word-break: break-word;}



.mektup_i_iletisim{     vertical-align: middle; }

.iletisim_genel_box{text-align: left;display: inline-block;width: 100%;padding: 0px 30px;max-width: 490px;}

.iletisim_formu_box{}

.iletisim_formu_box label{

    display: block;

    margin-top: 15px;

    font-weight: 400;

}

.iletisim_formu_box input[class='iletisim_inputtext'],.iletisim_formu_box .iletisim_inputtext{

    border: none;

    border-bottom: 2px solid #b7b7b7;

    width: 100%;

    margin-top: 10px;

    font-size: 18px;

    transition: all .3s;

}



.iletisim_formu_baslik{font-size: 25px;color: #FF5722;}



.iletisim_formu_box textarea{ resize: none; height: 80px;}

.iletisim_formu_box input[class='iletisim_inputtext']:focus,.iletisim_inputtext:focus{

    outline: none;

    border-bottom-color: #2196F3;

}



.p-15{ padding: 15px; }



.p-r-spe{ padding-right: 15px; }

.iletisim_but,.iletisim_but:active{background: #009688;padding: 10px 20px;margin: 15px 0px;transition: all .3s;border: none;outline: none;color: white;}

.iletisim_but:hover{background: #04bdac;}



.iframe_map{width: 100%;height: 450px;margin-bottom: -4px;}





.sol-menu-box{

    display: inline-block;

    display: block;

    margin: 0px 10px;

    background: #ffa60a;

    background: #e6e6e6;

    border: 1px solid #ffffff;

}

.sol-menu-item i{

    /* float: right; */

    margin-top: 19px;

    vertical-align: top;

}

.sol-menu-item:hover{color: #9a9a9a;background: #d6d6d6;}

.sol-menu-item{

    display: block;

    font-size: 20px;

    color: #8e8e8e;

    font-weight: 600;

    padding: 15px 25px 5px;

    /* padding-left: 25px; */

    border-bottom: 1px solid #ffffff;

    transition: all 0.5s;

    /* background: #ffa60a; */

}

.sol-menu-item:hover{}

.sol-menu-item-active,.sol-menu-item-active:hover{

    color: #545454;

    background: none;

}



.p-rl-15px{ padding: 0px 15px; }



.hakkimizda-baslik{

    font-size: 40px;

    margin-bottom: 15px;

}

.hakkimizda-icerik{
    word-break: break-word;
}



.pos-rel{ position: relative; }





.panel_header_userstatsbar{background: #6dadb5;padding: 10px;text-align: right;/* height: 74px; */overflow: hidden;position: relative;}

.panel_header_userstatsbar .menu_a{margin: 21px 27px;color: #ffffff !important;font-size: 14px;border: 1px solid white;border-color: transparent;font-weight: 400;transition: all .3s;z-index: 2;position: relative;z-index: 2;position: relative;transition: none;z-index: 2;position: relative;padding: 10px 10px;}

.panel_header_userstatsbar .menu_a:hover{

/* color: #dad9d9 !important; */

border: 1px solid white;

text-decoration: none;

padding: 10px 10px;
}

.panel_header{background: #f1f1f1;background: #ededed;/* padding: 10px; */width: 250px;position: relative;z-index: 2;float: left;height: 100%;/* min-height:  calc(100vh - 74px); */height: calc(100vh - 74px);/* -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); */-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(150, 148, 148, 0.75);}

.panel_header .menu_anabaslik_a:hover{}

.panel_header .menu_anabaslik_a{

    font-weight: 600 !important;

    padding: 10px 28px;

    padding-right: 0px;

    font-size: 14px;

    margin: 0px !important;

    width: 200px;

    display: block;

    transition: all .3s;

    background: #777777;

    background: #eee;

    color: #cecece !important;

    color: #797979 !important;

}

.panel_header .menu_a_aktif,.panel_header .menu_a_aktif:hover{background: #d0d0d0 !important;width: 202px;border-right: 3px solid #F44336;}

.panel_header .menu_anabaslik_a .right-chevron{display: none; float: right;}

.panel_header .menu_a .right-chevron{display: none; float: right;}

.panel_header .menu_a_aktif .right-chevron{display: inline-block;float: right;margin-right: 2px;font-size: 18px;}



.panel_header .menu_a{

font-weight: 600 !important;

color: #797979 !important;

padding: 10px 28px;

padding-right: 0px;

font-size: 14px;

margin: 0px !important;

word-break: break-word;

min-width: 251px;

display: block;

transition: all .3s;
}

.panel_header .menu_a:hover{background: #e0e0e0;/* color: #f9f9f9 !important; */text-decoration: none;}



.panel_logo img{

    height: 54px;

    /* display: none; */

}

.panel_logo{

float: left;

margin: 10px 10px;

/* margin: 0px !important; */

z-index: 2;

position: relative;
}



.container_panel{

background: #f9f9f9;

min-height: calc(100vh - 74px);

width: calc(100% - 250px );

float: left;
}



.panel_info_div .goto_a{

    background: black;

    padding: 5px 10px;

    font-size: 14px;

    border-radius: 5px;

    color: #c3c3c3;

}

.panel_info_div{

    /* margin: 30px; */

    border: 1px solid #d8d8d8;

    /* padding: 10px 15px; */

    border-radius: 0px 0px 5px 5px;

    /* display: inline-block; */

    /* height: 210px; */

    background: white;

}



.login_bg_div{

background: url("../../../uploads/works/bs.jpg");

background-size:cover !important;

background-position: center !important;

height: 100vh;
}



.login_box{

display: inline-block;

padding: 10px;

background: #cacaca;

/* background: #f7f7f7; */

/* border: 3px solid #e4e4e4; */

border-radius: 5px;

/* min-width: 350px; */

position: relative;

text-align: left;

box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.login_box .login_itext{

margin-bottom: 10px;

border-radius: 5px !important;

padding: 8px 10px;

background: #ffffffd1;

background: #e6e6e6 !important;

outline: none;

border: none;

width: 330px;

max-width: 100%;

font-size: 13px;
}

.login_box .login_ipass{}

.login_box .login_but:hover{ background: #00CC00; }

.login_box .login_but{

    padding: 5px 10px;

    /* background: none; */

    border: none;

    outline: none;

    background: #8BC34A;

    font-size: 14px;

    color: whitesmoke;

}

.login_box .ana_label{display: block;text-align: left;font-weight: 600;color: #737b80;margin-bottom: 12px;}

.login_box .ana_label i{/* color: #9e9e9e; */font-size: 20px;}



.alertbox{background: #980e04;padding: 10px;transition-delay: .5s !important;margin: 10px;display: inline-block;position: relative;z-index: 5;border-radius: 5px;/* margin-top: -40px; */color: #adacac;/* display: none; */visibility: hidden;}



.visible{ visibility:visible; }



.panel_table th{

background: #aaaaaa;

border: 0px solid #999;

color: #2a2a2a;

/* border: none; */

font-weight: 600 !important;

padding: 10px;
}

.panel_table td{

    border: 0px solid #999;

    padding: 10px;

}



.label_div{background: #aaaaaa;/* background: #444; *//* border: 1px solid #777; */color: #3b3b3b;padding: 10px;font-weight: 600;}



.panel_info_div_container{margin: 30px;/* text-align: center; */}



.action-buttons i{color: #59b3fb;}



.edit_div{

    position: absolute;

    top: 0px;

    width: 100%;

    height: 100vh;

    /* display: none; */

    z-index: 50;

}

.edit_div .bg{

    height: 100%;

    width: 100%;

    background: black;

    opacity: 0.7;

    position: fixed;

    z-index: -1;

}

.edit_div .box_container{

display: inline-block;

min-width: 800px;

margin: 50px 10px;

position: relative;

/* display: none; */
}

.edit_div .anabaslik{

padding: 10px;

background: #656565;

text-align: left;

color: #c3c3c3;
}

.edit_div .box{

/* display: inline-block; */

background: white;

padding: 20px;

padding-bottom: 50px;

text-align: left;

color: black;

width: 100%;

/* max-width: 100%; */
}

.edit_div .itext{

padding: 10px;

/* padding-right: 5px; */

/* border-radius: 5px !important; */

outline: none;

border: 1px solid #ccc;

width: 500px;

/* color: #676767; */

background: #fdfdfd;

border-left: 1px solid #FFC107;

resize: none;

min-height: 41px;

color: #2d2d2d;
}
.edit_div .itextkeywordslu{width: 462px;}


.edit_div .label_ana{

margin-right: 10px;

width: 150px;

text-align: right;

margin-top: 11px;

vertical-align: top;
}



.edit_div .form-row{margin: 0px 0px 15px;display: block;}

.edit_div .content_box{min-height: 200px;}

.edit_div .kapat_a{float: right;color: #ccc;margin-top: -4px;font-size: 20px;margin-right: 5px;}

.edit_div .kapat_a:hover{color: #a01e14;}





.alertbox_ok i, .alertbox_hata i{ font-size: 22px; }
.alertbox_ok, .alertbox_hata{

background: #2aa82a;

padding: 5px 10px;

margin-bottom:15px;

color: #eee;

display: inline-block;

font-size: 16px;

border-radius: 4px;
}

.alertbox_hata{display: none; background: red;}





.text-center-i{ text-align: center !important; }

.text-right-i{ text-align: right !important; }

.text-left-i{ text-align: left !important; }



.menu_a i{width: 30px;}



input[type="file"],input[type="file"]:focus{height: 50px;max-width: 500px;display: inline-block;outline: none !important;}



.d-ib{ display: inline-block; }

.d-ib-i{ display: inline-block !important; }



.panel_editfoto{

    display: inline-block !important;

    vertical-align: text-top;

}

.ozelliknewbuton
,.ozelliknewbuton:hover
{    background: #505d50;
    border-color: white;
    padding-right: 9px;}



.mt-50{margin-top: 50px !important;}
.mt-10{ margin-top: 10px; }

.mr-10{ margin-right: 10px; }



.foto_boyutlandir_div{

    display: inline-block;

    position: relative;

    overflow: hidden;

    cursor: move;

}

.foto_boyutlandir_div .boyutlandirici{

    position: absolute;

    top: 0px;

    left: 0px;

    padding: 0px;

    width: 250px;

    height: 250px;

    margin: 0px;

    font-size: 0px;

    border: 4px dashed white;

    background: #ffffff6b;

}



.foto_boyutlandir_container{ display: none; }



.sol-menu-item-span{width: 192px;display: inline-block;height: 56px;}

#totop i,#totop:active i{transform: rotate(-45deg);position: relative;left: 12px;top: 7px;}
#totop,#totop:active{display: none;position: fixed;right: 50px;bottom: 50px;font-size: 30px;color: #ffffffbf !important;background: #000000c7;background: #233138;padding: 0px 0px;font-size: 22px;height: 50px;width: 50px;z-index: 100;border: 3px solid #FF9800;transform: rotate(45deg);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#totop:hover{  }

#quick_message_a,#quick_message_a:active{
    position: fixed;right: 50px;bottom: 41px;font-weight: 400;
    transition: all .3s;font-size: 30px;color: #ffffffcc !important;
    /* background: #000000c7; */background: #3F51B5;border-radius: 50px;outline: none;
    /* padding: 10px 10px; */font-size: 35px;text-align: center;height: 65px;width: 65px;
    z-index: 100;/* border: none; *//* border: 3px solid #FF9800; */box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#quick_message_a:hover{background: #1d2d86;}
#quick_message_a i{position: relative;top: 9px;left: 0px;}
#quick_message_a i.carpi{ display: none; }

#quick_message_a.acik{ transform:rotate(-90deg); }
#quick_message_a.acik i.mektup{display: none;}
#quick_message_a.acik i.carpi{display: inline-block;}

#quick_message_div{right: -450px;bottom: 130px;/* display: none; */position: fixed;transition: all .3s;z-index: 90;width: 300px;background: #f7f7f7;font-size: 12px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#quick_message_div.acik{right: 20px;display: block;}
#quick_message_div label{margin: 5px 0px -3px;}
#quick_message_div input[class='iletisim_inputtext']{font-size: 14px;}
#quick_message_div .iletisim_inputtext{font-size: 14px;padding: 5px 10px;}
#quick_message_div .iletisim_formu_baslik{font-size: 18px;margin: 10px 0px;}
#quick_message_div .spe-label{/* font-size: 18px; */    margin-top: 18px;
    margin-bottom: 10px;}
#Imageid{ max-width: 100%; }

.quick_message_boxB{ display: none; width: 100%; height: 400px; }
.quick_message_boxC{ display: none; width: 100%; height: 400px; background: white; }
.quick_message_respond{/* font-weight: 600; */}

img{ max-width: 100%; }

/***************RESPONSIVE ****************/



/*MD*/

@media only screen and (max-width: 1199px){

    .kolon-1-md,.kolon-2-md,.kolon-3-md,.kolon-4-md,.kolon-5-md,.kolon-6-md{ margin-bottom: 15px; }

    .kolon-1-md{ float: left; width: 100%; }

    .kolon-2-md{float: left;width: 50%;}

    .kolon-3-md{ float: left; width: 33.33333333333333%; }

    .kolon-4-md{ float: left; width: 25%; }

    .kolon-5-md{ float: left; width: 20%; }

    .kolon-6-md{ float: left; width: 16.66666666666667%; }



    .text-center-md{ text-align: center; }

}

@media only screen and (max-width: 1170px) {

    .iletisim-info-a .special_span{max-width: 150px;display: inline-block;float: none;text-align: left;font-size: 14px;}

}

/*SM*/



@media only screen and (max-width: 991px) {

    .kolon-1-sm,.kolon-2-sm,.kolon-3-sm,.kolon-4-sm,.kolon-5-sm,.kolon-6-sm{ margin-bottom: 15px; }

    .kolon-1-sm{ float: left; width: 100%; }

    .kolon-2-sm{ float: left; width: 50%; }

    .kolon-3-sm{ float: left; width: 33.33333333333333%; }

    .kolon-4-sm{ float: left; width: 25%; }

    .kolon-5-sm{ float: left; width: 20%; }

    .kolon-6-sm{ float: left; width: 16.66666666666667%; }



    .hidden-sm{ display: none; }

    .mb-60-sm{ margin-bottom: 60px; }

    .mb-30-sm{ margin-bottom: 30px; }

    .text-center-sm{ text-align:center !important; }

    .text-right-sm{ text-align:right !important; }

    .text-left-sm{ text-align:left !important; }

    .p-rl-15px-sm{ padding: 0px 15px; }

    .menu_a{ margin: 0px 20px; }

    .panel_header{ display: none; }
    .container_panel{ width: 100%; }

    .iletisim-info-a .icerik_span{ font-size: 14px; }
    .edit_div .box_container{ min-width: unset; }
    .dnsm{ display: none; }
    .menu_ahamm{display: inline-block !important;}
    .edit_div .label_ana{width: 100%;text-align: left;}
}



/*XS*/



@media only screen and (max-width: 767px) {

    .kolon-1-xs,.kolon-2-xs,.kolon-3-xs,.kolon-4-xs,.kolon-5-xs,.kolon-6-xs{/* margin-bottom: 15px; */}

    .kolon-1-xs{float: left;width: 100%;}

    .kolon-2-xs{ float: left; width: 50%; }

    .kolon-3-xs{ float: left; width: 33.33333333333333%; }

    .kolon-4-xs{ float: left; width: 25%; }

    .kolon-5-xs{ float: left; width: 20%; }

    .kolon-6-xs{ float: left; width: 16.66666666666667%; }



    .mb-20-xs{ margin-bottom: 20px; }

    .mb-30-xs{ margin-bottom: 30px; }

    .mb-60-xs{ margin-bottom: 60px; }

    .text-center-xs{ text-align:center !important; }

    .text-left-xs{ text-align:left !important; }



    .hamburgerbut_div{display: block;text-align: right;}

    .navigasyon_div{

        /* display: none; */

        position: fixed;

        top: 0px;

        margin: 0px;

        padding: 0px;

        z-index: 60;

        top: -500px;

        left: 0px;

        background: #f9f9f9;

        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

    }

    .menu_a,.menu_a :focus{/* border-bottom: 1px solid #a78585; *//* width: 100%; *//* font-size: 20px !important; *//* margin: 6px 10px !important; *//* outline: none !important; */}

    .menu_search{float: none;border-bottom: 1px solid transparent;}

    .menu_x_div{display: block;text-align: right;padding-right: 30px;}

    .menu_x{display: inline-block;border-bottom: 1px solid transparent;font-size: 45px;color: #656565 !important;/* margin-right: -12px; */transition: all .3s;}

    .slider-content-div{ display: none; }


    .login_box .login_itext{ width: 200px; }

    .login_box .ana_label{margin-top: 25px;}
}



@media only screen and (max-width: 516px) {

    .sag-but{ display: none; }

    .text-center-516{ text-align: center !important;  }

    .iletisim-info-box{ width: 100%; }

    .iletisim-info-a{ height:unset; min-height: 100px; text-align: center;  }

    .iletisim-info-a .special_span{ max-width: unset; }

    .panel_info_div div .btn-success{  margin-bottom: 15px; }
    .dt-button{  margin-bottom: 15px; }

    .iletisim-info-a strong{/* display: block; */margin: 15px 0px 0px;/* text-align: center; */width: 100%;display: inline-block;}

}







/*XXS*/

@media only screen and (max-width: 399px) {

    .kolon-1-xxs,.kolon-2-xxs,.kolon-3-xxs,.kolon-4-xxs,.kolon-5-xxs,.kolon-6-xxs{ margin-bottom: 15px; }

    .kolon-1-xxs{ float: left; width: 100%; }

    .kolon-2-xxs{ float: left; width: 50%; }

    .kolon-3-xxs{ float: left; width: 33.33333333333333%; }

    .kolon-4-xxs{ float: left; width: 25%; }

    .kolon-5-xxs{ float: left; width: 20%; }

    .kolon-6-xxs{ float: left; width: 16.66666666666667%; }



    input[class="arama_div_itext"]{ width: 200px; }



    .yap_buyuk_baslik,.section_hizmetler_baslik{font-size: 35px;}
    .icbanner_baslik{ font-size: 35px; }

}





@media only screen and (max-width: 375px) {



}


@media only screen and (min-width: 768px) {
    .girisaniAdef{position:relative;opacity: 0;top: -100px;z-index: 30;}
    .girisaniA{transition: all 1.0s !important;transition-timing-function: ease-in-out !important;top: 0px;opacity: 1;}
    .girisaniA1{ transition-delay: 0s !important; }
    .girisaniA2{ transition-delay: .3s !important; }
    .girisaniA3{ transition-delay: .6s !important; }
    .girisaniA4{ transition-delay: .9s !important; }
    .girisaniA5{ transition-delay: 1.2s !important; }
    .girisaniA6{ transition-delay: 1.5s !important; }
    .girisaniBdef{opacity: 0;}
    .girisaniB{transition: all 1.4s !important;transition-timing-function: ease-in-out !important;opacity: 1;}
    .girisaniB1{ transition-delay: .3s !important; }
    .girisaniCdef{position:relative;opacity: 0;left: 200px;}
    .girisaniC{transition: all 1s !important;transition-timing-function: ease-in-out !important;left: 0px;opacity: 1;}
    .girisaniDdef{position:relative;opacity: 0;right: 200px;}
    .girisaniD{transition: all 0.8s !important;transition-timing-function: ease-in-out !important;right: 0px;opacity: 1;}
    .girisaniFdef{position:relative;opacity: 0; transform: scale(.5);}
    .girisaniF{transition: all 0.8s !important;transition-timing-function: ease-in-out !important;
        transform: scale(1);opacity: 1;}
    .girisaniGdef{position:relative;opacity: 0;right: 200px;}
    .girisaniG{transition: all 1s !important;transition-timing-function: ease-in-out !important;right: 0px;opacity: 1;}
    .girisaniHdef{position:relative;opacity: 0;right: -50% !important;}
    .girisaniH{transition: all 0.6s !important;transition-timing-function: ease-in-out !important;right: 20% !important;opacity: 1;}
    .girisaniIdef{position:relative;opacity: 0;top: 200px !important;}
    .girisaniI{transition: all 0.6s;transition-timing-function: ease-in-out !important;top: 0px !important;opacity: 1;}
    .girisaniJdef{position:relative;opacity: 0;top: -50px;z-index: 30;}
    .girisaniJ{transition: all 0.7s !important;transition-timing-function: ease-in-out !important;top: 0px;opacity: 1;}
}


/***************RESPONSIVE END****************/









/***************ANIMATIONS CLASSES****************/





.popup-aniC{animation-name:popup-ani;animation-duration: .5s;/* animation-delay: 1s; */animation-fill-mode: forwards;opacity: 0;}



.slider-icerik-aniC{animation-name:slider-icerik-ani;animation-duration: 1.3s;animation-delay: 1s;animation-fill-mode: forwards;opacity: 0;}

.slider-icerik-aniC2{animation-name:slider-icerik-ani;animation-duration: 1.3s;animation-delay: 1.3s;animation-fill-mode: forwards;opacity: 0;}

.slider-icerik-aniC3{animation-name:slider-icerik-ani;animation-duration: 1.3s;animation-delay: 1.6s;animation-fill-mode: forwards;opacity: 0;}



.slider-icerik-aniC-C{animation-name:slider-icerik-ani-2;animation-duration: 0.5s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;}

.slider-icerik-aniC-C0{animation-name:slider-icerik-ani-2;animation-delay:0s;animation-duration: 0.3s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;}

.slider-icerik-aniC-C1{animation-name:slider-icerik-ani-2;animation-delay:0.2s;animation-duration: 0.3s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;}

.slider-icerik-aniC-C2{animation-name:slider-icerik-ani-2;animation-delay:0.4s;animation-duration: 0.3s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;}

.slider-icerik-aniC-C3{animation-name:slider-icerik-ani-2;animation-delay:0.6s;animation-duration: 0.3s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;}







.slider-item-in-aniC{animation-name:slider-item-in-ani;animation-duration: 1.5s;  animation-fill-mode: forwards;}

.slider-item-out-aniC{

    animation-name:slider-item-out-ani;

    animation-duration: 1.5s;

    /* right: 100%; */

    animation-fill-mode: forwards;

}



.preloader-fadeout-aniC{ animation-name: fade-out-ani; animation-fill-mode: forwards; animation-duration: 1s;

    animation-timing-function: ease-in-out; }



.hamb-in-aniC{ animation-name:hamb-in-ani; animation-duration:1s; animation-fill-mode: forwards  }

.hamb-out-aniC{animation-name:hamb-out-ani; animation-duration:1s; animation-fill-mode: forwards}



.fade-in-aniC{ animation-name:fade-in-ani; animation-duration:.5s; animation-timing-function: ease-in-out; animation-fill-mode:forwards;   }

.fade-out-aniC{ animation-name:fade-out-ani; animation-duration: .5s;animation-timing-function: ease-in-out; animation-fill-mode:forwards;  }



.sol-in-aniC{animation-name:sol-in-ani;animation-duration: 0.6s;animation-timing-function: ease-in-out;animation-fill-mode:forwards;}

.arama-in-aniC{animation-name:arama-in-ani;animation-delay: 0.1s;animation-duration: 0.3s;animation-timing-function: ease-in-out;animation-fill-mode:forwards;}



/***************ANIMATIONS****************/







@keyframes popup-ani{

    0%{top:-200px; opacity: 0; }

    100%{top:0px; opacity: 1; }

}


@keyframes mobilmenuani {
    0% {transform: scale(.5); opacity: 0; }
    100% {transform: scale(1); opacity: 1; }
}




@keyframes slider-icerik-ani{

    0%{top:200px; opacity: 0; }

    100%{top:0px; opacity: 1; }

}



@keyframes slider-icerik-ani-2{

    0%{top:20px; opacity: 0.5; }

    100%{top:0px; opacity: 1; }

}



@keyframes asagi-in-ani{

    0%{top:-20px; opacity: 0.5; }

    100%{top:0px; opacity: 1; }

}





@keyframes slider-item-in-ani{

    0%{left:100%; }

    100%{left:0%; }

}



@keyframes slider-item-out-ani{

    0%{left:0%; }

    100%{left:-100%;  }

}





@keyframes fade-out-ani{

    0%{opacity:1; }

    100%{opacity:0; }

}



@keyframes fade-in-ani{

    0%{opacity:0; }

    100%{opacity:1; }

}



@keyframes sol-in-ani{

    0%{left:-100%; }

    100%{left:0%; }

}



@keyframes arama-in-ani{

    0%{transform: scale(.3,.3)}

    100%{transform: scale(1,1) }

}



@keyframes hamb-in-ani{

    0%{top:-500px; }

    100%{top:0px; }

}



@keyframes hamb-out-ani{

    0%{top:0px; }

    100%{top:-500px; }

}



/***********************************/


.editindirbuton{margin-top: 11px;font-weight: 600;}
.mb15{ margin-bottom: 15px; }
.mb30{margin-bottom: 30px;}
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.cwhitei{ color:white !important; }


/***********************************/

.digerresimklenewbuton,.digerresimklenewbuton_ns{background: #505d50;border-color: white;padding-right: 9px;}
.digerresimklenewbuton:hover,.digerresimklenewbuton_ns:hover{background: #757575;border-color: white;}

.anahtarkelimeboxgorsel{
    text-align: right;
    max-width: 500px;
    display: inline-block;
    width: 100%;
    /* background: #673AB7; */
    margin-bottom: 30px;
}
.anahtarkelimeboxgorsel .item{
    display: inline-block;
    margin: 10px 5px;
    background: #d88811;
    color: white;
    padding: 1px 7px;
    border-radius: 5px;
    padding-right: 0px;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25);
}
.anahtarkelimeboxgorsel .item .silbut{
    background: #3e3939;
    padding: 9px 6px;
    margin-left: 10px;
    margin-bottom: -1px;
    margin-top: -1px;
    margin-right: -1px;
    border-radius: 0px 5px 5px 0px;
}
.keywordseklebuton:hover{ background: gray;}
.keywordseklebuton{
    background: dimgrey;
    padding: 12px;
    color: #d4d4d4 !important;
    border-radius: 5px;
    margin-left: -2px;
}
.dn{display: none; }

.glyphicon-trash{color: orange !important;}
.glyphicon-search{color: #585856 !important;}

.login_box .iconbox{
    display: inline-block;
    position: absolute;
    left: calc(50% - 40px);
    top: -46px;
    font-size: 50px;
    background: #91bec3;
    border-radius: 50px;
    width: 80px;
    color: #ececec;
    height: 80px;
    text-align: center;
    padding-top: 4px;
}
.login_box .iconbox i{}
.login_bg_div .bg{ position: absolute; background: black; opacity: .5; height: 100%; width: 100%; }
.girislogo{ position: absolute; right: 0px; bottom: 0px; }

.panel_info_div div{ overflow-x: auto; }

.menu_ahamm{display: none;font-size: 27px !important;}

.mobilmenucon{position: absolute;z-index: 100;top: 0px;left: 0px;width: 100%;height: 100%;padding: 0px;}
.mobilmenucon .bg{background: black;opacity: .5;position: absolute;top:0px;width: 100%;height:100%;z-index: -1;}
.mobilmenucon .mobilmenubox{
    display: inline-block;
    background: white;
    padding: 10px 0px 0px;
    text-align: left;
    /* border-radius: 3px; */
    top: 110px;
    left: 0px;
    position: absolute;
    overflow: hidden;
    width: calc(100% - 50px);
    opacity: 0;
    /* transform: scale(.5); */
    /* box-sizing: border-box; */
    margin: 0px 25px;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.65);
    animation-name:mobilmenuani;
    animation-fill-mode: forwards;
    animation-delay: 0.2s;
    animation-duration: 0.7s;
}
.mobilmenucon .mobilmenubox .buton{display: block;color: #353131;font-weight: 600;/* margin-bottom: 10px; */padding: 10px 30px;font-size: 18px;border-bottom: 1px solid #c3c3c3;}
.mobilmenucon .mobilmenubox .buton:hover{  }
.mobilmenucon .mobilmenubox .buttonkapat{float: right;margin-bottom: -36px;display: inline-block;font-size: 33px;/* color: wheat; */padding: 5px 15px;}
.mobilmenucon .mobilmenubox .buttonkapat:hover{}
.mobilmenucon .mobilmenubox .buttonkapat span{    color: #676767;}

.mobilmenucon .mobilmenubox .artibuton{float: right;margin-top: -47px;color: #676767;font-size: 22px;border-left: 1px solid gray;padding: 8px 18px;border-left: 1px solid #c3c3c3;}
.mobilmenucon .mobilmenubox .artibuton .glyphicon{    color: #676767; }
.mobilmenucon .mobilmenubox .subboxmobil{
    background: #464646;
}
.mobilmenucon .mobilmenubox .subboxmobil .submenuamobil{
    display: block;
    padding: 10px 44px;
    color: #e2e2e2;
    font-weight: 600;
    border-bottom: 1px solid #c3c3c3;
}
.panel_header_userstatsbar .bg{
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    opacity: 0.2;
    left: 0px;
    position: absolute;
    background-position: 0px -80px !important;
    background-size: cover !important;
    /* background-repeat: no-repeat !important; */
}


.yukaricikbuton{position: fixed;z-index: 100;transition: background .3s;bottom: 30px;right: 30px;background: #a5a5a5;background: #f5f5f5;padding: 5px;font-size: 20px;/* color: #a01c1c; */border-radius: 50px;cursor: pointer;width: 40px;height: 40px;text-align: center;padding-left: 7px;padding-top: 6px;-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);}
.yukaricikbuton .glyphicon,.yukaricikbuton:active .glyphicon{color: #4c4c4c;transition: color .3s;}
.yukaricikbuton:hover{background-color: #bdbcbc;}
.cikarbut:hover,.sprojearaeklebut:hover{transform: scale(1) !important;}
.sprojearabox .itext{    min-width: 50%; }
.urunsec{border-top: 2px solid #313131;margin-top: 30px;padding-top: 0px;position: relative;}

.urunsec .anabaslikozel{
    display: inline-block;
    background: #313131;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    margin-top: -2px;
    border-radius: 0px 0px 5px 5px;
}
.urunsec .artieksibutbox{
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    /* background: wheat; */
}
.urunsec .artieksibutbox .artius{}
.urunsec .artieksibutbox .eksius{
    /* display: none; */
}
.urunsec .urunsecic{/* display: none; *//**/ height: 1px; overflow: hidden;transition: all 0.7s;}
.urunsec .urunsecicaktif{/* display: initial; *//* display: inline-block; */height: auto;}

.fl{ float: left; }
.fr{ float: right; }

.ozelliksilbuton{background: #bb0101;color: white !important; margin-left: 30px;}
.ozelliklerul{}
.ozelliklerul li{ margin-bottom: 10px; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }

.urunkasakanated{
    display: inline-block !important;
    background: #8ca6b3;
    padding: 15px;
    border-radius: 5px;
}
.kskneklebtn{
    font-size: 16px;
    color: white !important;
    background: #5f7c8a;
    margin-bottom: 5px;
}
.urunkasakanated .boyutlarbox{color: #efefef;margin-top: 10px;}
.urunkasakanated .itext{
    background: #f3f3f3;
    padding-right: 45px;
}

.db{ display: block; }

.dibi{ display: inline-block !important; }
.dib{ display: inline-block; }
.dn{ display: none; }
.dni{ display: none !important; }

.w1180{width: 1180px !important;/* max-width: 100% !important; */}

.videobox{ font-size: 0px; }
.videobox .popvideo{cursor: pointer;width: 100%;max-width: 400px;}
.popvideplay{position: absolute;background: #000000;width: 50px;height: 50px;border-radius: 90px;left: calc(50% - 25px);padding-top: 13px;text-align: center;padding-left: 1px;top: calc(50% - 25px);-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25);}
.popvideplay span{font-size: 20px;color: #dedede;}
.iframebox{    font-size: 0px;}
.iframebox iframe{ max-width: 100%;}

.por{ position: relative; }


.projealturunduzenleme{}
.projealturunduzenleme .itext{    display: none;    max-width: 184px;    font-size: 12px;}
.projealturunduzenlemeon .itext{    display: initial; }
.projealturunduzenleme .itext0{}
.projealturunduzenleme .ituzun{width: 100%;max-width: unset;}
.projealturunduzenleme .ta{  }
.projealturunduzenleme .itext1{
    max-width: 174px;
}
.projealturunduzenleme .itext2{
    max-width: 170px;
}
.projealturunduzenleme .itext3{
    max-width: 125px;
}
.projealturunduzenleme .icerik{
    max-width: 100%;
    word-break: break-word;
}
.projealturunduzenlemeon .icerik{ display: none; }
.projealturunduzenleme .pencilbut{ position: relative;  visibility:hidden;}
.projealturunduzenleme .pencilbut .infobox{display: none;font-size: 13px;position: absolute;background: #2b2a2a;background: #2b2a2aa1;/* border: 1px solid; */color: #cccccc;padding: 5px 13px;border-radius: 5px;left: 10px;top: 30px;width: 180px;text-align: left;max-height: 80px;}
.projealturunduzenleme .pencilbut:hover .infobox{ display: block; }
.projealturunduzenleme .mb5:hover .pencilbut{    visibility: visible;}
.projealturunduzenlemeon .mb5:hover .pencilbut{    visibility: hidden;}
.projealturunduzenleme .submitbut{ display: none; }
.projealturunduzenlemeon .submitbut{ display: initial; }
.projealturunduzenleme .vazgecbut{ display: none; }
.projealturunduzenlemeon .vazgecbut{ display: initial; }

.plduzenlebox{
    /* cursor: pointer; */
    padding: 10px;
    padding-left: 20px;
    min-width: 110px;
    position: relative !important;
}
.plduzenlebox .pencilbut{margin-left: 15px;visibility: hidden;opacity: 0;transition: all 0.8s;right: 20px;border: 1px solid #90a9b5;padding: 3px 4px;color: #607D8B !important;border-radius: 5px;background: #d4d4d4;cursor: default;position: absolute;margin-top: -22px;}
.plduzenlebox:hover .pencilbut{
    visibility: visible;
    opacity: 1;
}
.plduzenleboxON .pencilbut{ display: none !important; }
.plduzenleboxON .icerik{ display: none !important; }
.plduzenlebox .itext{display: none;width: 100%;/* max-width: 50px; */}
.plduzenleboxON .itext{ display:inline-block; }
.plduzenlebox .pencilbut .infobox{display: none;font-size: 13px;position: absolute;background: #2b2a2a;background: #2b2a2aa1;/* border: 1px solid; */color: #cccccc;padding: 5px 13px;border-radius: 5px;left: 10px;top: 30px;width: 180px;text-align: left;max-height: 80px;}


.mb5{    background: #cccccc;    border-radius: 5px;    padding: 10px 10px 5px;}

.mb5cevre{background: #cccccc;border-radius: 5px;padding: 10px 10px 5px;}

.anamenubox{}
.anamenubox{}
.anamenubox i{    width: 30px;}
.anamenuboxon{}
.anamenuboxon .bir{
    transform: rotate(90deg);
}
.anamenua{
    background: #585858;
    color: #cfcfcf !important;
    font-weight: 600 !important;
    /* color: #797979 !important; */
    padding: 10px 28px;
    padding-right: 0px;
    font-size: 14px;
    margin: 0px !important;
    word-break: break-word;
    min-width: 251px;
    display: block;
    transition: all .3s;
}
.anamenua:hover{}
.anamenua .bir{
    float: right;
    margin-right: 10px;
    margin-top: 4px;
    transition: all .3s;
}

.anamenusubbox{border-left: 5px solid #8c4f4b;background: #ededed;display: none;}
.anamenusubbox .menu_a{  background: none;}

.ilgilihaberbox{    background: gray;    margin-bottom: 60px;    padding: 10px;    border-radius: 10px;}
.ilgilihaberbox .imgbox{border-radius: 5px;overflow: hidden;margin-bottom: 15px;}
.ilgilihaberbox .imgbox img{}
.ilgilihaberbox .baslik{    color: #d0d0d0;    margin-bottom: 10px;    font-weight: 600;}
.ilgilihaberbox .cikarbut{
    background: #db0505;
    position: absolute;
    color: #e9e9e9;
    border-radius: 0px 0px 5px 5px;
    padding: 5px 15px;
    /* display: inline-block; */
    right: 22px;
    bottom: -24px;
    cursor: pointer;
}
.ilgilihaberbox .cikarbut:hover{
    background: #ff3030;
}
.ilgilihaberbox .cikarbut i{}

.h5{ height: 5px; }
.h10{ height: 10px; }
.h15{ height: 15px; }
.h20{ height: 20px; }
.h30{ height: 30px; }
.h40{ height: 40px; }
.h50{ height: 50px; }
.h100{ height: 60px; }

.ilgiliurunaraitext{  }
.ilgilurunarai{background: #5959ff;padding: 10px 10px;position: absolute;color: #ddd0b6 !important;right: 2px;border-radius: 5px;top: 3px;}

.ilgliurunsonucaramabox{
    text-align: left;
}
.ilgliurunsonucaramabox .item{
    background: #cfcfcf;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.ilgliurunsonucaramabox .item .imgbox{
    margin-bottom: 5px;
    text-align: left;
}
.ilgliurunsonucaramabox .item .imgbox img{
    max-width: 50px;
    display: inline-block;
    border-radius: 5px;
}
.ilgliurunsonucaramabox .item .itembaslik{
    font-weight: 600;
    margin-bottom: 5px;
    color: #595857;
}
.ilgliurunsonucaramabox .item .itemeklebut{
    background: #6fae25;
    padding: 5px 20px;
    border-radius: 5px;
    color: #ece6e6;
    font-weight: 600;
}
.ilgliurunsonucaramabox .item .itemeklebut:hover{
    background: #8fd043;
}

.ilgiliurunitemkocyalanicak{display: none;}

.dni{ display: none !important; }

.panelvideojsbox{max-width: 300px}

.cogalcikarbut{position: absolute;bottom: -24px;right: 30px;background: #c10202;padding: 5px 10px;border-radius: 0px 0px 5px 5px;}
.cogalcikarbut:hover{background: #e43208;}
.cogalcikarbut i{color: #e8e8e8;}
.cogalcikarbut:hover i{  }

.digerresimeklerow{ margin-bottom: 40px !important;}

.ozelkirpbox{
    background: #9E9E9E;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0px;
}
.ozelkirpbox .anaimg{}
.ozelkirpbox .secilen{font-weight: 600;color: #666563;}
.ozelkirpbox .secilenhizli{}
.ozelkirpbox .secilenozel{}
.ozelkirpbox .secilensecilmedi{    font-weight: 600;    color: #fc2717;}
.ozelkirpbox .secilensecildi{ color: #332423;}
.ozelkirpbox .secilmedisec{padding: 5px 10px;background: #8BC34A;border: 1px solid #9c9d9b;/* border-radius: 5px; */font-weight: 400;color: #f7f7f7;}
.ozelkirpbox .secilmedisec:hover{background: #90e62e;}

.ozelkirpbox .seceneksun{
    position: absolute;
    /* width: 100%; */
    left: 30px;
    top: 50px;
    background: #7a8083;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.ozelkirpbox .seceneksunhizlikirp{
    font-weight: 600;
    padding: 5px;
    color: #706f6f;
    background: #8ac24a;
}
.ozelkirpbox .seceneksunozelkirp{
    font-weight: 600;
    padding: 5px;
    color: #706f6f;
    background: #4CAF50;
}
.seceneksunkapat{
    position: absolute;
    top: -10px;
    right: -8px;
    background: #302f2f;
    border-radius: 50px;
    /* padding: 0px 4px 1px; */
    height: 20px;
    width: 18px;
    text-align: center;
}
.seceneksunkapat:hover{}
.seceneksunkapat i{
    color: #c5c5c5;
    font-size: 11px;
}
.seceneksunkapat:hover i{}


.ozelkirpinput{
    height: 0px;
    width: 0px;
    display: inline-block;
    /* visibility: hidden; */
    opacity: 0;
    position: absolute;
    }

.h0px{ height: 0px; }

.bg1{ background: #eaeaea; }

/*****************************************************************/

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/*****************************************************************/