@import url('btn-hover.css');
.content-width{
    width:100%;
     height:auto;
     float:left;
}
.content-center,.container{
    width:1500px;
     height:auto;
     margin:auto;
}
.contact_img{
    transition: all 0.5s ease-in-out;
     height:600px !important;
     background-position:center center;
     background-size:auto 100%;
     background-repeat:no-repeat;
     background-color:red;
}
.contact_img:hover{
    background-size:auto 110%;
}
.product-area{
    padding:20px 0;
}
.header-logins{
    float:right;
     margin:3px 0 0 30px;
}
.header-logins a{
    line-height:34px;
     background-color: rgb(175,175,175,0.25);
    /* border:1px solid #b9b9b9;
     */
     color:#fff;
     float:left;
     padding-right:20px;
     border-radius:50px;
     text-decoration:none;
}
/*.header-logins a:first-child{
    margin-right:7px;
}
*/
.header-logins a:hover{
    background-color:#6ca079;
     color:#000;
}
.header-logins a i{
    line-height:34px;
     background-color:#6ca079;
     color:#000;
     padding:0 15px;
     border-radius:50px;
     margin-right:10px;
}
.portal_giris{
    font-size:14px !important;
}
#haberListe{
    width:100%;
     height:auto;
     display:block;
     float:left;
}
#haberListe div.haber-blok{
    width:100%;
     float:left;
     padding: 5px 10px;
    border-top:none !important;
     border: 1px solid #F0F1F5;
     background: rgba(255,255,255,1);
     background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(72%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
     background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
     background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
     background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
     background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
}
#haberListe div.haber-blok:first-child{
    border-top: 1px solid #F0F1F5 !important;
}
#haberListe div.haber-blok:nth-child(even){
    background-color:#f7f4f4;
}
#haberListe div.haber-blok>div{
    float:left;
}
#haberListe div.haber-blok div.icon{
    width:3%;
}
#haberListe div.haber-blok div.baslik{
    width:90%;
}
#haberListe div.haber-blok div.baslik a{
    width:100%;
     float:left;
     color:#333;
}
#haberListe div.haber-blok div.detay{
    width:7%;
     color:#6ca079;
}
.new-box{
    width:32%;
     float: left;
     cursor: pointer;
     margin: 0.5%;
     background-color:#f5f5f5;
}
.new-box:hover{
    background-color:#f1f1f1;
}
.new-box .new-box-image{
    background-repeat: no-repeat;
     height: 200px;
     background-position: center center;
     background-size: 100% auto;
     transition:all 2s ease-in-out;
}
.new-box .new-name{
    height: 50px;
     font-weight: 500;
     color: #313131;
     font-size: 16px;
     margin: 10px 0;
}
.new-box .new-description{
    height: 150px;
}
.new-box:hover .new-box-image{
     background-size:110% auto;
     -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
     filter: grayscale(0%);
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.new-box:not( :hover ) .new-box-image{
     background-size:100% auto;
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.whatsap-icon i{
    color:#20b517 !important;
     font-size:24px;
     float: left;
}
.neredeyim ul{
    list-style:none;
     float:left;
     margin:0;
     padding:0;
}
.neredeyim ul li{
    float:left;
     margin-right:10px;
     position: relative;
     box-sizing: border-box;
     padding: 0 15px 0 0;
}
.neredeyim ul li a{
    float:left;
     text-decoration:none;
     color:#2d2d2d;
     font-weight:600;
     padding:0;
     font-size:18px;
}
.neredeyim ul li:not(:last-child)::after{
    content:">";
     position: absolute;
     right:0px;
     top:0;
}
/*.neredeyim ul li a:after{
    content:'>>';
     margin-left:10px;
}
.neredeyim ul li:last-child a:after{
    content:"";
}
*/
#product-images{
    width:100%;
     float:left;
}
#product-images > a.thumb-link{
     width: 23%;
     height: 85px;
     float: left;
     display: flex;
     align-items: center;
     justify-content: center;
     float: left;
     border: 1px solid #ccc;
}
#product-images > a.thumb-link img{
    width:auto;
     max-width:85%;
     float:left;
     border:none !important;
}
#product-features{
    width:58%;
     float:left;
     margin-left:2%;
     color:#000;
}
#product-features .urun-satir{
    padding:7px 0;
}
#product-features .urun-satir:nth-child(odd){
    background-color:#f1f1f1;
}
#product-features .urun-satir span{
    width:auto;
     height:auto;
     float:left;
}
#product-features .urun-satir span:nth-child(1){
    width:39%;
     font-weight:600;
     margin-left:3%;
}
#product-features .urun-satir span:nth-child(2){
    width:2%;
     font-weight:600;
     text-align:center;
}
#product-features .urun-satir span:nth-child(3){
    width:56%;
     font-weight:500;
     text-align:left;
}
.teknik-cizim{
    margin:20px 0;
}
.teknik-cizim img{
    width:auto;
     max-width:20%;
     float:left;
     margin:0 20px 20px 0;
}
.product-files{
    width:100%;
     height:auto;
     float:left;
     margin:20px 0;
}
.product-files ul{
    width:100%;
     height:auto;
     float:left;
     list-style: none;
     margin: 0;
     padding: 0;
}
.product-files ul li{
    width:100%;
     height:auto;
     float:left;
     box-sizing: border-box;
     position: relative;
}
.product-files ul li:before{
    position: absolute;
     left: 0;
     top:0;
    background: url('../images/pdf.png') no-repeat center;
     content: "";
     display: inline-block;
     width: 20px;
     height: 20px;
     margin-right: 4px;
     vertical-align: middle;
}
.product-files ul li a{
    width:100%;
     height:auto;
     float:left;
     padding-left: 30px;
     color:#4d4d4d;
     font-weight: 400;
     font-size:16px;
}
.urun-renkleri .title{
    border-bottom:2px solid #6ca079;
     padding:5px 0;
     font-size:14px;
     color:#6ca079;
     font-weight:600;
}
.urun-renkleri ul{
    list-style:none;
     float:left;
     margin:0;
     padding:0;
}
.urun-renkleri ul li{
    width:30%;
     height:auto;
     float:left;
     margin-bottom:5px;
}
.urun-renkleri ul li:nth-child(3n-1){
    margin:0 4%;
}
.urun-renkleri ul li a{
    text-decoration:none;
     color:#000;
     width:100%;
     float:left;
}
.urun-renkleri ul li a span{
    color:#000;
     width:100%;
     float:left;
     font-weight:600;
}
.urun-renkleri ul li a img{
    width:100%;
     float:left;
     border: 1px solid #ddd;
}
div.genel_baslik{
    border-bottom: 1px solid #EDEDDE;
     padding:0 0 10px 0;
     margin:0 0 10px 0;
     overflow:hidden;
}
div.genel_baslik div.baslik{
    float:left;
     font-size:1.4em;
     color:#171717;
}
div.genel_baslik div.geri{
    float:right;
     font-size:1.2em;
     color:#171717;
     margin-right: 15px;
}
div.genel_baslik div.baslik ul{
    list-style:none;
     float:left;
     margin:0;
     padding:0;
}
div.genel_baslik div.baslik ul li{
    float:left;
     margin-right:5px;
}
div.genel_baslik div.baslik ul li a{
    float:left;
     text-decoration:none;
     font-size:18px !important;
     color:#171717 !important;
}
div.genel_baslik div.baslik ul li a:after{
    content:'>';
     margin-left:5px;
}
div.genel_baslik div.baslik ul li:last-child a:after{
    content:"";
}
.main-category{
     width:49%;
     height:300px;
     float:left;
     background-position:center left;
     background-repeat:no-repeat;
     position:relative;
     background-size:100% auto;
     margin:0.5% 0;
     cursor:pointer;
     transition:all 2s ease-in-out;
     overflow:hidden;
}
.anasayfa-kategoriler .main-category{
     margin:0.5%;
}
.anasayfa-kategoriler .main-category:nth-child(6){
     width: 49%;
     margin: 0.5% !important;
}
.anasayfa-kategoriler.anasayfa-uretim .main-category:nth-child(5){
     width: 49%;
     margin: 0.5% !important;
}
/*.anasayfa-kategoriler .main-category:nth-child(n+6){
     width: 32.3%;
     margin: 0.5% !important;
}
*/
.main-category:hover{
     background-size:110% auto;
     -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
     filter: grayscale(0%);
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.main-category:not( :hover ){
     background-size:100% auto;
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.main-category div.orange{
    width:25%;
     height:100%;
     position:absolute;
     right:0;
     border-color: #6ca079 transparent transparent transparent;
     border-style: solid;
     border-width: 300px 0 0px 50px;
     z-index:1;
     transition:all 0.5s ease-in-out;
}
.main-category div.black{
    width:25%;
     height:100%;
     position:absolute;
     right:0;
     border-color: #333 transparent transparent transparent;
     border-style: solid;
     border-width: 300px 0 0px 50px;
     z-index:1;
     transition:all 0.5s ease-in-out;
}
.main-category:hover div.orange,.main-category:hover div.black{
     right:-100%;
}
.main-category div.shadow{
    width:100%;
     height:100%;
     position:absolute;
     left:0;
     top:0;
     border-color: #333 transparent transparent transparent;
     -webkit-box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
     box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
     z-index:2;
}
.main-category div.product-img{
     width:18%;
     height:auto;
     position:absolute;
     right:5px;
     top:20px;
     transition:all 0.5s ease-in-out;
     z-index:5;
}
.main-category div.product-img img{
     width:75%;
     float:left;
}
.main-category div.name{
    width:100%;
     height:50px;
     position:absolute;
     left:0;
     bottom:0;
     background:rgba(27,106,51,0.7);
     color:#fff;
     z-index:3;
     padding:7px 15px;
     transition:all 0.5s ease-in-out;
}
.main-category div.name span{
    width:100%;
     height:auto;
     float:left;
     font-weight:500;
     padding:0;
     margin:0;
     line-height:initial !important;
     font-size:18px;
     text-shadow: 1px 1px #222
}
.main-category div.name span:last-child{
    font-style:italic;
     font-weight:normal;
     font-size:11px;
}
.main-category div.desc{
    line-height: 18px;
     margin-top:40px;
}
.main-category:hover div.name{
     height:100%;
     transition:all 0.5s ease-in-out;
}
.main-category .category-logo{
     width:100px;
     height:29px;
     position:absolute;
     left:10px;
     bottom:-50%;
     background-image:url('../img/logo-white.png');
     background-size:100% auto;
     background-repeat:no-repeat;
     z-index:4;
}
.main-category:hover div.category-logo{
     bottom:10px;
     transition:all 0.5s ease-in-out;
}
.main-categories-title{
     font-size: 22px;
     color:#333;
     margin-bottom: 30px;
     position: relative;
}
.main-categories-title:before{
     background-color:#272727;
     width:98%;
     height: 1px;
     position: absolute;
     left:0;
     top:0;
     content: " ";
}
.main-categories-title span{
     background-color: #e7ebee;
     position: absolute;
     left: 50px;
     top: -10px;
     padding: 0 25px;
}
div#arama{
    display:none;
    background:#ededed;
    padding:20px 0;
}
div#arama input{
    width:92%;
    float:left;
}
div#arama a.urun_arama_kapat{
    margin-left:3px;
}
div.sonuclar{
    width:100%;
    height:auto;
    position:absolute;
    z-index:100;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    -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);
}
div.sonuclar ul{
    width:100%;
    height:auto;
    padding:0;
    margin:0;
    list-style:none;
}
div.sonuclar ul li{
    width:100%;
    height:auto;
    float:left;
    padding:0;
}
div.sonuclar ul li a{
    width:100%;
    height:auto;
    float:left;
    text-decoration:none;
    border:none;
    padding:5px 2%;
    background-color:#fff;
    color:#000;
}
div.sonuclar ul li a:hover{
    background-color:#333;
    color:#fff;
}
div.sonuclar ul li:nth-child(even) a{
    background-color:#f1f1f1;
}
div.sonuclar ul li:nth-child(even) a:hover{
    background-color:#333;
    color:#fff;
}
div.sonuclar ul li:last-child,div.sonuclar ul li:last-child a{
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
}
div.mobileResult{
    display: none;
}
div.mobileResult ul{
    width:100%;
    height:auto;
    padding:0;
    margin:0;
    list-style:none;
}
div.mobileResult ul li{
    width:100%;
    height:auto;
    float:left;
    padding:0;
}
div.mobileResult ul li a{
    width:100%;
    height:auto;
    float:left;
    text-decoration:none;
    border:none;
    padding:5px 2%;
    background-color:#fff;
    color:#000;
}
div.mobileResult ul li a:hover{
    background-color:#333;
    color:#fff;
}
div.mobileResult ul li:nth-child(even) a{
    background-color:#f1f1f1;
}
div.mobileResult ul li:nth-child(even) a:hover{
    background-color:#333;
    color:#fff;
}
ul.language{
    float:right;
    list-style:none;
    padding:0;
    margin:3px 0 0 5px;
}
ul.language li{
    float:left;
    margin:0 10px 0 0;
}
ul.language li a{
    color:#333;
    font-size:12px;
    font-weight:700;
}
div.main_category{
    padding-left:5px;
    padding-right:5px;
    margin:0 0 10px 0;
}
div.main_haber{
    padding:3px;
}
div.main_haber div.haber_ust{
    width:100%;
    float:left;
    position:relative;
}
div.main_haber div.haber_ust div.front{
    position:absolute;
    z-index:2;
    background:rgba(0,0,0,0.8);
    color:#fff;
    bottom:0;
    font-size:13px;
    padding:0;
    height:50px;
}
div.main_haber div.haber_ust div.front span{
    width:auto;
    height:auto;
    display:block;
    float:left;
    margin:5px;
}
div.section_ayrac{
    margin:0 !important;
    padding:0 !important;
}
div.section_ayrac div.icon{
    float:left;
}
div.section_ayrac div.icon img{
    height:25px;
}
div.urun_detay_video{
    padding:0;
    margin:0;
}
div.urun_detay_pdf{
    padding:0;
    margin:0;
}
div.urun_detay_video a{
     width: 90%;
     margin: 0 5%;
     float: left;
     text-align: center;
     color: #000;
    /* border: 1px dashed #000;
     */
     border-radius: 100px;
     padding: 12px 0;
     text-decoration: none;
     font-size: 14px;
     gap: 10px;
     background-color: #e30c1b;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
}
div.urun_detay_pdf a{
    width:100%;
    float:left;
    background-color:#333333;
    color:#fff;
    text-align:center;
    padding:10px 5px;
    border:1px solid #ddd;
}
div.teklif_sepeti_big{
    width:100px;
    height:100px;
    position:fixed;
    right:20px;
    bottom:50px;
    z-index:2;
     background-image:url('../images/teklif.png');
     background-repeat:no-repeat;
     background-position:top left;
     background-color:#fff;
     border-radius:100%;
     -moz-border-radius:100%;
     -webkit-border-radius:100%;
     -o-border-radius:100%;
}
div.teklif_sepeti_big a{
    width:100%;
    height:100%;
    float:left;
}
div.teklif_sepeti_big a span{
     width:40px;
     height:40px;
     position:absolute;
     top:-17px;
     right:-5px;
     line-height:40px;
     text-align:center;
     border-radius:100%;
     -moz-border-radius:100%;
     -webkit-border-radius:100%;
     -o-border-radius:100%;
     color:#fff !important;
     font-weight:700;
     font-size:18px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3281+0,00adef+100 */
     background: #6ca079 !important;
    /* Old browsers */
     background: -moz-linear-gradient(left, #6ca079 0%, #f7817d 100%) !important;
    /* FF3.6-15 */
     background: -webkit-linear-gradient(left, #6ca079 0%,#f7817d 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right, #6ca079 0%,#f7817d 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=1 ) !important;
    /* IE6-9 */
}
div#loading{
    width:100%;
    left:0;
    text-align:center;
    z-index:2;
    display:none;
}
div#loading i{
    color:#c10e25;
    font-size:120pt;
    text-shadow:1px 1px #000;
    margin:100px 0 0 0;
}
div.teklif_sepeti_sidebar{
    padding:0;
    margin:0 0 10px 0;
}
div.teklif_sepeti_sidebar a{
    width:100%;
    height:auto;
    display:block;
    float:left;
    background-color:#6ca079;
    color:#fff;
    text-align:center;
    padding:10px 0;
}
ul.footer-belgeler{
    width:100%;
    height:auto;
    display:block;
    float:left;
    margin:20px 0 0 0;
    padding:0;
    list-style:none;
}
ul.footer-belgeler li{
    width:auto;
    height:auto;
    display:block;
    float:left;
    margin:0 10px 0 0;
}
ul.footer-belgeler li:last-child{
    margin:0;
}
ul.footer-belgeler li img{
    width:auto;
    height:30px;
    display:block;
    float:left;
    border:none
}
a.mobil_menu_icon{
    color:#777;
    width:auto;
    float:right;
    height:auto;
    display:none;
    margin:30px 5px 10px 0;
    padding:5px 10px;
    text-decoration:none;
    font-size:14pt;
}
a.mobil_menu_icon i{
    margin:0 0 0 10px;
    background-color:#777;
    padding:10px;
    border-radius:5px;
    color:#fff;
}
a.mobil_yan_menu_link{
    left:0;
    top:0;
    background-color:#6ca079;
    color:#fff;
    padding:10px 0;
    text-decoration:none;
    display:none;
    float:left;
    width:100%;
    text-align:center;
    margin:0 0 5px 0;
}
div.mobil-navigation{
    position:absolute;
    background-color:#46535b;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:101;
    display:block;
}
div.mobil-navigation > div.mobil-navigation-buton{
    width:10%;
    height:100%;
    float:left;
}
div.mobil-navigation > div.mobil-navigation-buton > a{
    width:100%;
    float:left;
    text-align:center;
    font-size:22pt;
    text-decoration:none;
    color:#777;
}
div.mobil-navigation > div.mobil-navigation-buton > a > i{
    margin:10px 0 0 0;
}
div.mobil-navigation > div.mobil-navigation-content{
    width:90%;
    height:100%;
    float:left;
    padding:0;
}
.iletisim_liste li{
    float:left;
    height:auto;
    display:block;
    width:100%;
}
.iletisim_liste li span{
    float:left;
    height:auto;
    display:block;
}
.iletisim_liste li span i{
    float:left;
    height:auto;
    display:block;
    overflow:hidden;
}
.iletisim_liste li span:first-child{
    width:15%;
}
.iletisim_liste li span:last-child{
    width:85%;
}
.iletisim_liste li span:last-child a{
    color:#e6242c;
}
.drop_language{
    display:none !important;
}
.urun_adi{
    font-size:1.1em;
    font-weight:700;
    margin:0 0 20px 0 !important;
    float:left;
}
.buton-kapsayici:first-child div.butonlar{
    float:right;
     margin-left:20px;
}
.buton-kapsayici:last-child div.butonlar{
    float:left;
     margin-right:20px;
}
div.butonlar{
    width:auto;
     height:auto;
     display:block;
     margin:0;
}
div.butonlar a{
    color:#fff;
     font-weight:600;
     font-size:14px !important;
}
div.home-intro div.butonlar div.buton i{
    float:left;
     font-size:1em;
     color:#579bd8;
}
div.home-intro div.butonlar div.baslik{
    float:left;
     margin:2px 0 0 10px;
}
#left-sidebar{
    height:auto;
     float:left;
     margin:20px 0;
}
#left-sidebar ul{
    width:100%;
     height:auto;
     float:right;
     margin:0;
     padding:0;
     list-style:none;
     border-right:1px solid #ddd;
}
#left-sidebar ul > li{
    width:100%;
     height:auto;
     float:left;
     margin:0;
     padding:0;
     list-style:none;
     border-bottom:1px solid #ddd;
     text-align:right;
}
#left-sidebar ul > li:last-child{
    border-bottom:none;
}
#left-sidebar ul > li a{
    width:100%;
     padding:10px 5%;
     color:#333;
     font-size:14px;
     text-decoration:none;
     float:right;
}
#left-sidebar > ul > li.active > a,#left-sidebar ul > li:hover > a{
    background-color:#6ca079;
     color:#fff;
    /* font-weight:600;
     border-left:10px solid #000;
     */
}
#left-sidebar ul > li ul{
    border-right:none;
     display:none;
}
#left-sidebar ul > li.active ul{
    display:block;
}
#left-sidebar ul > li ul > li{
    width:100%;
     float:left;
}
#left-sidebar ul > li ul > li > a{
    width:75%;
     padding:7px 20% 7px 0;
     position:relative;
}
#left-sidebar ul > li ul > li > a:before{
    width:15px;
     height:15px;
     position:absolute;
     background-color:#6ca079;
     right:10px;
     top:10px;
     content:" ";
     border-radius:100px;
     -moz-border-radius:100px;
     -webkit-border-radius:100px;
     -o-border-radius:100px;
}
#left-sidebar ul > li ul > li > a:hover::before{
    background-color:#000;
}
#left-sidebar ul > li ul > li.active > a:before{
    background-color:#fff;
}
#left-sidebar ul > li ul > li.active > a{
    background-color:#6ca079;
     color:#fff !important;
}
/* Main Section */
section.main-section{
     width:100%;
     padding:0 0 0 0;
     float:left;
     background-color:#eeeeee;
    /*margin: 0 0 75px 0;
    */
}
section.main-section:nth-child(even){
     background-color:#fff;
}
section.main-section .blok{
     width:33%;
     float:left;
     margin-top: 50px;
}
section.main-section .blok:nth-child(1){
}
section.main-section .blok:nth-child(2){
}
section.main-section .blok:nth-child(3){
}
/*section.main-section .blok:nth-child(even){
     margin:0 2%;
}
*/
section.main-section .blok .icon{
     float:left;
     background-repeat:no-repeat;
     background-position:0 0;
}
section.main-section .blok .haber-icon{
     width:38px;
     height:31px;
     float:left;
     margin:0 11px;
     background-image:url('../images/haberler-icon.png');
}
section.main-section .blok .baslik{
     font-size:24px;
     color:#54565a;
     margin:0 0 10px -8px;
     font-weight: 300;
    /* background: -moz-linear-gradient(left, rgba(231,235,238,1) 0%, rgba(125,185,232,0) 100%);
     background: -webkit-linear-gradient(left, rgba(231,235,238,1) 0%,rgba(125,185,232,0) 100%);
     background: linear-gradient(to right, rgba(231,235,238,1) 0%,rgba(125,185,232,0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebee', endColorstr='#007db9e8',GradientType=1 );
     */
     padding: 5px 0 5px 15px;
}
section.main-section .blok .baslik a.tumu{
     font-size:12px;
     color:#000;
     float:right;
}
section.main-section .blok .baslik a.tumu:hover{
     font-weight:bold;
     color:#6ca079;
}
section.main-section .ulus{
     width:43%;
}
section.main-section .blok .content{
     width:80%;
     height:auto;
     float:left;
     padding-left:10px;
     min-height:110px;
     background-image:url('../images/main-line.png');
     background-repeat:no-repeat;
     background-position:top left;
}
section.main-section .ulus .content{
     width:88%;
}
section.main-section .blok .ulus-icon{
     width:38px;
     height:38px;
     float:left;
     margin:0 11px;
     background-image:url('../images/ulus-icon.png');
}
section.main-section .ulus:hover .ulus-icon{
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
     background-position:0 -38px;
}
section.main-section .ulus .ulus-haber{
     line-height:initial !important;
     color:#222;
}
section.main-section .ulus .ulus-haber .news-image{
     width:40%;
     height:120px;
     float: left;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100% auto;
}
section.main-section .ulus .ulus-haber .news-content{
     width:58%;
     min-height:110px;
     float: left;
     margin-left: 2%;
}
section.main-section .ulus .ulus-haber a:last-child{
     line-height:initial !important;
     color:#54565a;
     margin-top:10px;
     float:left;
}
section.main-section a.detail-btn{
     background-image: -webkit-linear-gradient(top,#54565a 0,#aaaaaa 100%);
     background-image: -o-linear-gradient(top,#54565a 0,#aaaaaa 100%);
     background-image: -webkit-gradient(linear,left top,left bottom,from(#54565a),to(#aaaaaa));
     background-image: linear-gradient(to bottom,#54565a 0,#aaaaaa 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#579cda', endColorstr='#ffe0e0e0', GradientType=0);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
     background-repeat: repeat-x;
     border-color: #dbdbdb;
     border-color: #ccc;
     padding: 8px 20px;
     border-radius: 100px;
     background-color: #274f73 !important;
     color:#fff !important;
}
section.main-section .dergi{
     line-height:initial !important;
     font-size:13px;
     color:#222;
     width: 24%;
}
section.main-section .blok .dergi-icon{
     width:38px;
     height:45px;
     float:left;
     margin:0 11px;
     background-image:url('../images/dergi-icon.png');
}
section.main-section .dergi:hover .dergi-icon{
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
     background-position:0 -45px;
}
section.main-section .dergi ul{
     width:100%;
     height:auto;
     display:block;
     float:left;
     list-style:none;
     margin:0;
     padding:0;
}
section.main-section .dergi ul li{
     width:100%;
     height:auto;
     display:block;
     float:left;
     margin-bottom: 7px;
}
section.main-section .dergi ul li:first-child{
     margin-bottom:7px;
}
section.main-section .dergi ul li a{
     width:100%;
     height:auto;
     display:block;
     float:left;
     line-height:initial !important;
     color:#000;
}
section.main-section .dergi ul li a div.pdf-icon{
     width:7%;
     height:auto;
     display:block;
     float:left;
     color:#333;
     font-size:1.3em;
}
section.main-section .dergi ul li:hover a div.pdf-icon{
     color:#6ca079;
}
section.main-section .dergi ul li a div.pdf-yazi{
     width:87%;
     height:auto;
     display:block;
     float:left;
     margin-top:2px;
}
section.main-section .isyerleri img{
     width:100%;
     height:auto;
     float:left;
}
section.main-section .toleyis_ebulten{
     line-height:initial !important;
     font-size:13px;
     color:#222;
}
section.main-section .blok .ebulten-icon{
     width:38px;
     height:38px;
     float:left;
     margin:0 11px;
     background-image:url('../images/bulten-icon.png');
}
section.main-section .toleyis_ebulten:hover .ebulten-icon{
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
     background-position:0 -38px;
}
section.main-section .toleyis_ebulten form{
     width:95%;
     margin:20px 0 0 0;
     border:1px solid #a5a6a8;
     background-color:#fff;
     overflow:hidden;
     border-radius:100px;
}
section.main-section .toleyis_ebulten form input{
     border:none;
     background:none;
     height:30px;
     padding:5px;
     float:left;
}
section.main-section .toleyis_ebulten form button{
     border:none;
     background:#54565a;
     color:#fff;
     height:30px;
     padding:5px 17px;
     float:right;
     border-radius:100px;
}
section.main-section .haber-title{
     font-size:16px;
     font-family: sans-serif;
     color:#000;
    /*margin-top:20px;
    */
}
section.main-section .haber-date{
     font-size:14px;
     font-family: sans-serif;
     color:#6ca079;
     margin:5px 0 15px 0;
     font-weight: bolder;
}
section.main-section .haber-content{
     font-size:14px;
     font-family: sans-serif;
     color:#555;
     margin-bottom: 20px;
     height:60px;
     overflow: hidden;
}
/* Main Section */
.blue-label{
     background: rgba(39,79,115,0.8);
     padding:20px 30px !important;
}
.black-label{
     background: rgba(0,0,0,0.6);
     padding:20px 30px !important;
}
@media only screen and (max-width:480px){
     .blue-label{
         padding:10px 20px !important;
         margin-top:-25px !important;
    }
     .black-label{
         padding:10px 20px !important;
    }
}
/* Anasayfa Kategoriler */
.anasayfa-kategoriler{
     padding:15px 0;
    /* padding:0 0 50px 0;
    */
     position:relative;
    /*background-color:#e7ebee;
    */
}
.main-categories-header{
    color:#102945;
     margin: 0 0 15px 0;
     padding: 0 0 15px 0;
     border-bottom: 1px solid #ddd;
}
.main-categories-header .title{
    font-weight: 500;
     font-size: 26px;
}
.main-categories-header .desc{
    font-weight: 300;
     font-size: 18px
}
.anasayfa-kategoriler .sub-title{
    color:#102945;
     margin: 0 0 10px 0;
     padding: 8px 0;
     border-bottom: 1px solid #ddd;
     font-weight: 500;
     font-size: 18px;
}
.anasayfa-kategoriler::after{
     position:absolute;
     height:28px;
     width:100%;
     background-image:url('../images/white-border.png');
     background-repeat:no-repeat;
     background-position:top center;
     content: ' ';
     bottom:-28px;
}
/**/
.anasayfa-kategoriler a.tumu{
     position:absolute;
     right:0;
     padding-left:20px;
     font-weight:bold;
}
.anasayfa-kategoriler:nth-child(odd) a.tumu{
     background-color:#fff;
}
.anasayfa-kategoriler:nth-child(even) a.tumu{
     background-color:#e7ebee;
}
.anasayfa-kategoriler .container{
    padding-left:0;
     padding-right:0;
}
.anasayfa-kategoriler div.icon{
    width:6%;
     height:80px;
     float:left;
     margin:0 2% 0 0;
    background-image:url('images/icon.png');
     background-size:auto 100%;
     background-repeat:no-repeat;
}
.anasayfa-kategoriler div.baslik{
    width:90%;
     height:auto;
     float:left;
}
.anasayfa-kategoriler div.baslik div.ust_baslik{
    font-size:26px;
     font-weight:500;
}
.anasayfa-kategoriler div.baslik div.baslik_sub{
    font-size:14px;
     font-weight:500;
    color:#6ca079;
}
.anasayfa-kategoriler div.kategori-grup{
    width:24%;
     float:left;
     padding:5px;
     margin-top:10px;
     margin-left:10px;
    box-shadow:1px 1px 1px 1px rgba(221,221,221, 0.6);
}
.anasayfa-kategoriler div.kategori-grup div.arkaplan{
    width:100%;
     height:165px;
     margin:0 0 5px 0;
    background-size:100% auto;
     background-position:center center;
     background-repeat:no-repeat;
    position:relative;
     overflow:hidden;
}
.anasayfa-kategoriler div.kategori-grup div.arkaplan div.transparan{
    width:100%;
     height:100%;
    background:rgba(0,0,0,0.2);
    position:absolute;
    z-index:1;
}
.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan{
    background-size:120% auto;
     -webkit-transition:background .3s ease;
    -ms-transition:background .3s ease;
    transition:background .3s ease;
}
.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan{
    background-size:100% auto;
     -webkit-transition:background .3s ease;
    -ms-transition:background .3s ease;
    transition:background .3s ease;
}
.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan div.transparan{
    background:rgba(0,0,0,0.6);
     transition: all 0.5s ease;
}
.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan div.transparan{
    background:rgba(0,0,0,0.3);
     transition: all 0.5s ease;
}
.anasayfa-kategoriler div.kategori-grup div.arkaplan div.tur-tarih{
    width:auto;
     height:auto;
    /*background:rgba(0,0,0,0.7);
    */
     color:#fff;
     padding:3px 8px;
     background-color:#00a0c4;
    position:absolute;
    z-index:2;
     top:0;
     right:0;
}
.anasayfa-kategoriler div.kategori-grup div.arkaplan div.detay-git{
    width:auto;
     height:auto;
    /*background:rgba(0,0,0,0.7);
    */
     color:#fff;
     border:1px solid #fff;
     padding:7px 20px;
     left:37%;
    position:absolute;
    z-index:2;
     bottom:-200px;
}
.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan div.detay-git{
    bottom:20px;
     transition: all 0.5s ease;
}
.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan div.detay-git{
    bottom:-200px;
     transition: all 0.5s ease;
}
.anasayfa-kategoriler div.kategori-grup div.arkaplan div.e_icon{
    width:100%;
     height:auto;
     overflow:hidden;
    text-align:center;
    position:absolute;
    z-index:2;
     top:-200px;
}
.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan div.e_icon{
    top:30px;
     transition: all 0.5s ease;
}
.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan div.e_icon{
    top:-200px;
     transition: all 0.5s ease;
}
.anasayfa-kategoriler div.kategori-grup div.arkaplan div.e_icon img{
    width:30%;
     height:auto;
}
.anasayfa-kategoriler div.kategori-grup div.kategori-grup-baslik{
    font-size:16px;
     color:#0f70b7;
     font-weight:600;
     padding:5px 0;
     height:auto;
}
.anasayfa-kategoriler div.kategori-grup div.kategori-grup-aciklama{
    font-size:12px;
     color:#333;
     font-weight:500;
     padding:5px 0;
     height:auto;
     min-height:80px;
}
/* Anasayfa Kategoriler */
footer div.ebulten{
     width: 100%;
     height: auto;
     line-height: initial !important;
     background-color: #9e9e9e;
     font-size: 14px;
     color: #fff;
     float: left;
     background-image: url('../images/pattern2.png');
}
footer i{
    color:#fff !important;
}
.footer_baslik{
    color:#fff;
     font-size:16px;
     margin:0 0 15px 0;
}
div.hizli_erisim{
    padding:0;
}
div.hizli_erisim ul{
    list-style:none;
     margin:0;
     padding:0;
     float:left;
     width:100%;
}
div.hizli_erisim ul li{
    width:50%;
     float:left;
     padding:2px 0;
}
div.hizli_erisim ul li a{
    color:#fff !important;
     font-size:14px;
     float:left;
}
div.hizli_erisim ul li i{
    float:left;
     margin:7px 5px 0 0;
}
ul.contact{
    list-style:none;
     margin:0;
     padding:0;
     float:left;
     width:100%;
}
ul.contact li{
    width:100%;
     float:left;
     color:#fff;
     font-size:14px;
     line-height:initial !important;
}
ul.contact li a{
    color:#fff !important;
     padding:5px 0;
     float:left;
}
footer:before{
    /*content: "";
     background-image: url('../images/breaker-bottom.svg);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center -40px;
     position: absolute;
     top: -20px;
     left: 0;
     z-index: 3;
     width: 100%;
     height: 90px;
    */
}
.footer_iletisim_bg{
     background-image:url('../images/emailbg.png');
     background-repeat:no-repeat;
     background-position:bottom right;
}
.sub_banner{
    height:400px;
     position:relative;
     background-position:center center;
     background-size: cover;
     background-repeat:no-repeat;
     box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0;
}
.sub_banner .pattern {
     position: absolute;
     width: 100%;
     height: 100%;
     background: url('../images/slider-pattern.png');
     left: 0;
     top: 0;
     z-index:1;
}
.sub_banner .name{
     position:absolute;
     right:0;
     bottom:0;
     width:50%;
     height:50px;
     border-color: transparent transparent #54565a transparent;
     border-style: solid;
     border-width: 50px 0 50px 100px;
     z-index:2;
     color:#fff;
     font-size:22px;
}
.sub_banner .name span{
     float:left;
     margin:10px 0 0 0;
     font-weight: 300;
}
.iletisim_content{
    height:auto !important;
    background-color:#fff;
}
.iletisim_sag{
    width:50%;
    height:auto;
    float:left;
    display:block;
    background-color:#fff;
}
.iletisim_sag .harita{
    border:none;
     left:0;
     top:0;
}
.iletisim_sag .form-group{
    margin-bottom:0 !important;
}
.iletisim_sag .padding_sifirla{
    padding:0 10px !important;
}
.yarim{
    width:50%;
    float:left;
     position: relative;
}
.harita{
    border:none;
     width: 100% !important;
     height: auto;
     min-height: 600px;
}
.birinci_parca{
     float:left;
     width:45%;
}
.ikinci_parca{
     float:left;
     width:55%;
}
.form_group{
    padding:5px 0;
     float:left;
     width:100%;
}
.form_group .icon{
    width:13%;
    float:left;
    background-color:#3c3c3b;
    color:#fff;
    text-align:center;
    height:40px;
    display:table;
     border: 1px solid #ddd;
     border-right: none;
}
.form_group .icon i{
    display:table-cell;
    vertical-align:middle;
}
.form_group .form_element{
    width:85%;
    height:40px;
    float:left;
    color:#fff;
}
.form_group .form_element input{
    outline:none;
     width:95%;
    height:40px;
    float:left;
    color:#000;
    border:1px solid #ddd;
    border-left:none;
    padding-left:10px;
}
.form_group .form_element select{
    outline:none;
     width:95%;
    height:40px;
    float:left;
    color:#000;
    border:1px solid #ddd;
    border-left:none;
    padding-left:10px;
}
.form_group .form_element2 input[type=submit]{
     width:70px;
     height:30px;
     background:none;
    color:#000;
    border:1px solid #ddd;
    border-left:none;
}
.form_group .form_element2 input[type=submit]:hover{
    background:#393938;
    color:#fff;
}
.form_group .icon2{
    width:13%;
    float:left;
    background-color:#3c3c3b;
    color:#fff;
    text-align:center;
    height:150px;
    display:table;
}
.form_group .icon2 i{
    display:table-cell;
    vertical-align:middle;
}
.form_group .form_element2{
    width:85%;
    height:150px;
    float:left;
    color:#fff;
}
.form_group .form_element2 textarea{
    width:95%;
    height:150px;
    float:left;
    color:#000;
    border:1px solid #ddd;
    border-left:none;
    padding-left:10px;
    resize:none;
}
.iletisim_bilgisi_satir{
    padding:1px 0;
    color:#000;
}
.iletisim_bilgisi_satir .baslik{
    width:15%;
    float:left;
    text-align:left;
}
.iletisim_bilgisi_satir .nokta{
    width:5%;
    float:left;
    text-align:center;
}
.iletisim_bilgisi_satir .icerik{
    width:80%;
    float:left;
}
.iletisim_bilgisi_satir .icerik a{
    color:#000;
    text-decoration:none;
}
div.menu-box-bg{
    position:relative;
     height:210px;
}
div.menu-box-bg span{
    width:100%;
     top:0;
     margin-top:0 !important;
     height:30px;
     float:left;
     z-index:3;
     transition: all 0.5s ease;
     font-size:1.1em !important;
     color:#222;
     text-align:center;
}
div.menu-box-bg-image{
    position:absolute;
     width:100%;
     height:180px;
     bottom:0;
     float:left;
     z-index:1;
     background-size:100% auto;
     background-repeat:no-repeat;
     background-position:center center;
     transition: all 0.5s ease;
}
div.menu-box-bg:hover div.menu-box-bg-image{
    background-size:120% auto;
     height:210px;
}
div.menu-box-bg:hover span{
    position:absolute;
     top:10px;
     color:#fff !important;
}
div.menu-box-bg .transparan{
    position:absolute;
     width:100%;
     height:100%;
     background:rgba(0,0,0,0);
     z-index:2;
     left:0;
     top:0;
     transition: all 0.5s ease;
}
div.menu-box-bg:hover .transparan{
    background-color:rgba(0,0,0,0.5);
     background-image:url('../img/logo.png');
     background-repeat:no-repeat;
     background-size:15% auto;
     background-position:10px 120px;
}
div#sizi-arayalim{
    /*background-color:#fff;
     color:#777;
    */
     background-color:#6ca079;
     color:#000;
     font-weight: 300;
     position:fixed;
     right:-56px;
     top:55%;
     padding:10px;
     z-index:100;
     -ms-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -webkit-transform: rotate(270deg);
     transform: rotate(270deg);
     box-shadow: 0 1px 3px rgba(0,0,0,.7);
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,.7);
     -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.3);
     -webkit-border-top-left-radius: 2px;
     -webkit-border-top-right-radius: 2px;
     -moz-border-radius-topleft: 2px;
     -moz-border-radius-topright: 2px;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
}
 div#sizi-arayalim a{
     color:#fff;
     font-size:18px;
     padding:0 15px;
     font-weight: 300;
}
 div#sizi-arayalim-form{
     background-color:#fff;
     box-shadow: 1 1px 3px rgba(0,0,0,.7);
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,.7);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.7);
     -webkit-border-top-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-bottomleft: 5px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     padding:10px;
     position:fixed;
     right:-500px;
     top:40%;
     z-index:5;
     width:200px;
}
 div#sizi-arayalim-form a.form-kapat{
     float:right;
     color:#666;
     position: absolute;
     right:5px;
     top: -30px;
     width: 30px;
     height: 30px;
     background-color: #fff;
     text-align: center;
     display:table;
}
 div#sizi-arayalim-form a.form-kapat i{
     display:table-cell;
     vertical-align:middle;
}
 div#sizi-arayalim-form div.block{
     width:100%;
     height:auto;
     display:block;
     float:left;
}
 div#sizi-arayalim-form div.block input, div#sizi-arayalim-form div.block select, div#sizi-arayalim-form div.block textarea{
     width:85%;
     height:auto;
     display:block;
     float:left;
     border:none;
     border-bottom:1px solid #999;
     padding:5px;
     margin:0 0 10px 0;
     font-size:14px;
     outline: none;
}
 div#sizi-arayalim-form div.block textarea{
     height: 50px;
     resize: none;
}
 div#sizi-arayalim-form div.block i{
     display:block;
     float:left;
     margin:10px 10px 0 0;
}
 div#sizi-arayalim-form button[type=submit]{
     width:100%;
     display:block;
     float:left;
     background-color:#6ca079;
     color:#fff;
     padding:7px 0;
     cursor:pointer;
     border:none;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}

div#social_media{
    width:40px;
     height:auto;
     position:fixed;
     right:0;
     top:25%;
     padding:0;
     z-index:100;

div#social_media ul{
    width:100%;
     height:auto;
     float:left;
     margin:0;
     padding:0;
     list-style:none;
}
div#social_media ul li{
    width:100%;
     height:auto;
     float:left;
     margin-bottom:2px;
}
div#social_media ul li a{
    width:100%;
     height:auto;
     float:left;
     background-color:#505050;
     color:#fff;
     text-align:center;
     padding:8px 0;
     font-size:18px;
}
} 

.urun-kutu{
     width:23%;
     height:auto;
     display:block;
     float:left;
     border:1px solid #ddd;
     padding:10px;
     margin:0 10px 10px 0;
     position:relative;
}
/*.urun-kutu:nth-child(4n+5){
     margin:0 0 10px 0;
}
*/
.urun-kutu a{
     text-decoration:none;
     color:#2d2d2d;
}
.urun-kutu .urun-adi{
     font-size:14px;
     text-align:center;
     font-weight:600;
     color:#000;
     padding-bottom:10px;
}
.urun-kutu .urun-resim{
     height:200px;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100% auto;
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
     position:relative;
}
.urun-kutu .urun-resim img{
     position:absolute;
     width:100%;
     opacity:0;
}
.urun-kutu:hover .urun-resim{
     background-size: 120% auto;
}
.urun-kutu .checkBot{
     font-size:14px;
     text-align:center;
     font-weight:600;
     color:#fff;
     padding-bottom:10px;
     position:absolute;
     right:0;
     top:3px;
}
.urun-kutu .checkBot span,.urun-kutu .checkBot a{
     padding:5px 10px;
     font-weight:300;
     background-color:darkred;
     color:#fff;
}
.katalog_kapak{
     width:35% !important;
     height:auto;
     float:left;
     border:none;
     text-decoration:none;
     margin:0 20px 20px 0;
}
.katalog_kapak img{
     width:100% !important;
     height:auto !important;
     float:left;
     border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     -o-border-radius:5px;
}
/* Header */
header{
    transition: all 0.5s ease-in-out;
     background:rgba(255,255,255,1);
     float: left;
}
header#header{
    transition: all 0.5s ease-in-out;
}
.header-line{
    /*background-color:#274f73;
    */
     position:relative;
}
.header-line .left{
    width:33%;
     float:left;
     padding:5px 0;
     position:relative;
}
.header-line .left a{
    width:auto;
     height:auto;
     display:block;
     float:left;
     color:#000;
     margin-right:25px;
}
.header-line .left a i{
    margin-right:5px;
     color:#e8d026;
}
.header-line .left:after{
     border-color: transparent transparent #1b6a33 transparent;
     border-style: solid;
     border-width: 0px 17px 44px 17px;
     width: 0px;
     height: 0px;
     position:absolute;
     content: ' ';
     right:-17px;
     top:0;
}
.header-line .right{
    width:67%;
     float:left;
     background-color: #1b6a33;
     padding:0 0 0 20px;
     line-height: 44px;
     position:relative;
     color:#fff;
}
.header-line .right > a{
    width:auto;
     height:auto;
     display:block;
     float:right;
     color:#fff;
     font-size:13px;
     font-weight: 400;
     margin-left: 20px;
}
.header-line .right > a i{
    margin-right:10px;
     color: #6ca079;
}
.header-line .right:after{
     background-color:#1b6a33;
     width: 50%;
     height: 44px;
     position:absolute;
     content: ' ';
     right:-50%;
     top:0;
}
.header-line .right .social-icons{
     float:right;
     margin:0 0 0 25px;
}
.header-line .right .social-icons a{
     float:left;
     color:#fff;
     font-size:18px;
     margin-right:10px;
}
.header-line .right .langs{
     float:right;
     margin:0 25px;
}
.header-line .right .langs a{
     float:left;
     color:#afafaf;
     font-size:16px;
     margin-right:10px;
     position:relative;
}
.header-line .right .langs a:after{
     width:1px;
     height:15px;
     position:absolute;
     right:-5px;
     top:15px;
     content: '';
     background-color:#afafaf;
}
.header-line .right .langs a:last-child::after{
     display:none;
}
.header-line .right .langs a.active{
     color:#fff;
}
.capital-logo{
    width:22%;
     float:left;
     top:-50px;
     position:absolute;
}
.capital-logo img{
    width:80%;
     float:left;
}
.header-content{
     line-height: 80px;
     height: 80px;
     display: flex;
}
.sticky_header{
     position:fixed !important;
     top:-40px;
     transition: all 0.5s ease-in-out;
     top: 0;
     z-index: 40 !important;
     background-color:#fff;
     -webkit-box-shadow: 0 1px 4px 2px rgb(42 42 40 / 30%);
     box-shadow: 0 1px 4px 2px rgb(42 42 40 / 30%);
}
/* İlkelerimiz */
.ilkelerimiz{
     height:auto;
     max-height:400px;
     padding:80px 0;
     background-image:url('../images/ilke.png');
     background-repeat:no-repeat;
     background-position:bottom center;
     background-size:100% auto;
     cursor: pointer;
}
.ilkelerimiz-heading{
     text-align:left;
     color:#fff;
     font-size:40px;
     font-weight:400;
}
.ilkelerimiz ul{
    width:100%;
     list-style:none;
     margin:50px 0;
     padding:0;
     float:left;
}
.ilkelerimiz ul li{
     line-height:40px;
     height:40px;
     padding-left:40px;
     margin-bottom:10px;
     float:left;
     color:#fff;
     background-image:url('../images/ilkelerimiz-icon.png');
     background-repeat:no-repeat;
     background-position:left center;
     font-size:18px;
     letter-spacing:0;
}
.ilkelerimiz ul li:nth-child(odd){
    width:40%;
}
.ilkelerimiz ul li:nth-child(even){
    width:60%;
}
.ilkelerimiz .detail a{
     float:left;
     background-color:#634a35;
     color:#fff;
     text-decoration:none;
     padding:10px 50px 10px 25px;
     font-size:18px;
}
/* Main Section */
.main-section-left{
    width:32%;
     float:left;
     margin-top: 50px;
}
.main-section-left:first-child{
    width:68%;
     float:left;
}
.main-section-left:last-child{
}
.main-section-left > a{
    width:100%;
     height:auto;
     position:relative;
     float:left;
     background-size:auto 100%;
     background-position:center center;
     transition: all 0.5s ease-in-out;
}
.main-section-left div.transparent{
    width:100%;
     height:100%;
     position:absolute;
     background:rgba(0,0,0,0.2)
}
.main-section-left > a:first-child{
    /*background-image:url('http://www.euromedya.com.tr/capital/tasarim/g.png');
    */
     margin:0;
     height:350px;
}
.main-section-left > a:first-child span{
     position:absolute;
     left:50px;
     color:#fff;
     top:50px;
     font-size:30px;
}
.main-section-left > a:first-child::before{
     position:absolute;
     width:1px;
     height:160px;
     background-color:#fff;
     content:' ';
     left:20px;
     top:10px;
}
.main-section-left > a:first-child::after{
     position:absolute;
     width:90%;
     height:1px;
     background-color:#fff;
     content:' ';
     left:10px;
     top:20px;
}
.main-section-right{
    width:67%;
     float:left;
     margin-left:3%;
}
.main-section-left > a:hover{
     background-size:auto 120%;
     text-decoration:none;
}
/* Useful Links */
.useful-links-title{
     text-align: center;
     font-size: 32px;
     font-family: sans-serif;
     color: #555;
     margin-bottom: 50px;
     position: relative;
     display: flex;
     align-content: center;
     vertical-align: center;
}
.useful-links-title span{
     position: absolute;
     background-color: #e7ebee;
     left:40%;
     top:-10px;
     padding: 0 20px;
}
.useful-links-title:before{
     width: 100%;
     height: 1px;
     border-bottom: 1px solid #333;
     position: absolute;
     content: '';
     left: 0;
     top:50%;
}
/* Sertifikalar */
table.sertifikalar,table.sertifikalar tbody,table.sertifikalar thead,table.sertifikalar tbody tr{
    width: 100%;
     height: auto;
     display: block;
     float: left;
}
table.sertifikalar tbody tr td{
    width: 24%;
     height: auto;
     display: block;
     float: left;
     margin: 10px 0;
     text-align: center;
}
table.sertifikalar tbody tr td a{
    width: 80%;
     height: auto;
     display: block;
     float: left;
     margin: 0 10%;
     text-align: center;
     border: none;
     text-decoration: none
}
table.sertifikalar tbody tr td img{
    width: 100% !important;
     height: auto !important;
     display: block;
     float: left;
     text-align: center;
     border: none;
     text-decoration: none
}
.uretim-resim{
     background-size: auto 100%;
     background-position: center center;
     background-repeat: no-repeat;
     width: 15%;
     height: 150px;
     border-radius: 4px;
     position: relative;
     float: left;
}
/* Mobile Sidebar */
div.pc{
    width:100%;
     float:left;
}
div.mobil-sidebar{
    display:none;
     position:fixed;
     width:6%;
     height:100%;
     right:0;
     background-color:#373d40;
     z-index:45;
}
div.mobil-sidebar .box-glow{
    text-align:center;
    color:#fff;
}
div.mobil-sidebar .mobil-nav-ikon{
    padding-bottom:50px;
     float:left;
     background-color:#6ca079;
}
div.mobil-sidebar .mobil-nav-ikon .close{
    opacity: 1 !important;
     text-shadow: none;
}
div.mobil-sidebar .mobil-nav-ikon a{
    width:100%;
     height:auto;
     display:block;
     float:left;
     text-decoration:none;
     text-align:center;
     cursor:pointer;
     color:#fff;
}
div.mobil-sidebar .mobil-nav-ikon a span{
    width:70%;
     height:5px;
     margin-left:15%;
     margin-top:20px;
     display:block;
     background-color:#46535b;
     border-radius:10px;
     float:left;
     -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
     -o-transition-duration: 1s;
     transition-duration: 1s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
div.mobil-sidebar .mobil-nav-ikon a span:before{
    content:' ';
    width:100%;
     height:5px;
     margin-top:-10px;
     display:block;
     background-color:#46535b;
     border-radius:10px;
     float:left;
     -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
     -o-transition-duration: 1s;
     transition-duration: 1s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
div.mobil-sidebar .mobil-nav-ikon a span:after{
    content:' ';
    width:100%;
     height:5px;
     margin-top:-10px;
     display:block;
     background-color:#46535b;
     border-radius:10px;
     float:left;
     -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
     -o-transition-duration: 1s;
     transition-duration: 1s;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     -o-transition-property: -o-transform;
     transition-property: transform;
}
div.mobil-sidebar .mobil-nav-ikon a label{
    font-size:18px;
     float:left;
     margin-top:50px;
     -ms-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -webkit-transform: rotate(270deg);
     transform: rotate(270deg);
}
div.mobil-sidebar .mobil-nav-ikon a.open span:after{
     background-color:#6ca079;
}
div.mobil-sidebar .mobil-nav-ikon a.open span:before{
    transform: rotate(-90deg);
     margin-top:0;
}
div.mobil-sidebar .mobil-nav-ikon a.open span{
    transform: rotate(45deg);
}
div.mobil-sidebar .mail{
    color:#d8bba3;
     height:45px;
}
div.mobil-sidebar .mail a{
    color:#d8bba3;
     font-size:28px;
}
.mobil-sidebar .quick-buttons ul{
    width:100%;
     float:right;
     margin:20px 0 0 0;
     padding:0;
     list-style:none;
}
.mobil-sidebar .quick-buttons ul li{
    float:left;
     margin:0;
     margin:7px 0;
     width:100%;
}
.mobil-sidebar .quick-buttons ul li a{
    width:100%;
     float:left;
     color:#fff;
     border:none;
     text-decoration:none;
     padding:4px 0;
     border-radius:4px;
     text-align:center;
}
.mobil-sidebar .quick-buttons ul li a i{
    font-size:1.5em;
}

.mobil-sidebar .social{
    bottom:15px;
     position:absolute;
}

.mobil-sidebar .social ul{
    float:right;
     margin:0;
     padding:0;
     list-style:none;
     bottom:0;
}
.mobil-sidebar .social ul li{
    float:left;
     margin:0;
     margin:7px 0;
     width:100%;
}
.mobil-sidebar .social ul li a{
    color:#fff;
     border:none;
     text-decoration:none;
     padding:4px 7px;
     border-radius:4px;
}
.mobil-sidebar .social ul li a i{
    font-size:1.7em;
}
/*div.pc header{
    display:none;
}
*/
div#mobil-nav{
    position:fixed;
     width:30%;
     right:-100%;
     height:100%;
     background-color:#49565b;
    display:none;
     z-index:42;
     -webkit-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
     -moz-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
     box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
div#mobil-nav ul{
    list-style:none;
     margin:0;
     padding:0;
}
div#mobil-nav ul li{
    width:100%;
     height:auto;
     float:left;
     border-bottom:1px dashed #a0b3b3;
}
div#mobil-nav ul li:last-child{
    border-bottom:none;
}
div#mobil-nav ul li a{
    width:100%;
     height:auto;
     float:left;
     text-decoration:none;
     color:#e8e7dd;
    /*font-size:18px;
    */
     text-align:center;
     padding:10px 0;
}
div#mobil-nav ul li:hover > a,div#mobil-nav ul li a.active{
    background-color:#6ca079;
    color:#fff;
}
div#mobil-search-page{
    position:fixed;
     width:94%;
     right:-100%;
     height:100%;
     background-color:#49565b;
    display:none;
     z-index:42;
     -webkit-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
     -moz-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
     box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
     transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
     color:#fff;
}
div#mobil-search-page .inner{
    width:80%;
     float:left;
}
div#mobil-search-page .inner p{
    color:#fff;
}
div#mobil-search-page .urun-arama input{
     width:95%;
     border-radius: 20px;
     font-size: 0.9em;
     height: 35px;
     margin: 0;
     border: 1px solid #fff;
     background: none;
     padding: 6px 12px;
     color:#fff;
     outline: none;
}
div#mobil-search-page .urun-arama button{
    float: right;
     line-height: 35px;
}
div#mobil-search-page .title{
    color:#6ca079;
     font-size:22px;
     border-bottom:1px dashed #6ca079;
     padding:0 0 10px 0;
     margin:0 0 10px 0;
}
div#mobil-search-page .kapat{
    color:#6ca079;
     font-size:18px;
     margin:20px 0 0 0;
     text-decoration:none;
     float:left;
}
.mobil-horizantal-bar{
    display: none;
}
.sliderLinkActive *{
     cursor: pointer !important;
}
.main-references{
     padding: 50px 0 !important;
}
div#headerLang{
     color:#fff;
     font-weight:300;
     font-size: 16px;
     line-height:36px;
     position:relative;
     cursor:pointer;
     z-index:100;
     float: right;
     margin: 0 0 0 20px;
}
div#headerLang:after{
     font-family: FontAwesome;
     content: "\f0d7";
     font-size: 10px;
     position: absolute;
     top: 0;
     right: -10px;
}
div#headerLang ul{
     position: absolute;
     width:100px;
     height:auto;
     left:0;
     top:0;
     list-style:none;
     margin:0;
     padding:0;
     border-radius:10px;
     -moz-border-radius:10px;
     -webkit-border-radius:10px;
     -o-border-radius:10px;
     transition: 250ms all;
     visibility:hidden;
}
div#headerLang:hover ul{
     visibility:visible;
     top:36px;
}
div#headerLang ul:after{
     content: '';
     position:absolute;
     left: 15px;
     top:-7px;
     border-style: solid;
     border-width: 0 10px 10px 10px;
     border-color: transparent transparent #fff transparent;
}
div#headerLang ul li{
     width:100%;
     height:auto;
     display:block;
     float:left;
     border-bottom:1px solid #ddd;
}
div#headerLang ul li:first-child,div#headerLang ul li:first-child a{
     -webkit-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topleft: 10px;
     -moz-border-radius-topright: 10px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
}
div#headerLang ul li:last-child,div#headerLang ul li:last-child a{
     -webkit-border-bottom-right-radius: 10px;
     -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-bottomright: 10px;
     -moz-border-radius-bottomleft: 10px;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
}
div#headerLang ul li a{
     width:100%;
     height:auto;
     display:block;
     float:left;
     background-color:#f1f1f1;
     color:#666;
     padding:2px 10px;
     text-decoration:none;
     font-weight: 500;
}
div#headerLang ul li:nth-child(odd) a{
     background-color:#fff;
}
div#headerLang ul li a:hover{
     background-color:#ddd;
}
ul.other_product_list{
    margin: 0;
     padding: 0;
     list-style-type: none;
}
ul.other_product_list_two{
    width:50%;
     float:left;
}
ul.other_product_list > li{
    display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     color:#333;
     border-bottom:1px solid #ddd;
     height: 40px;
     box-sizing: border-box;
     padding-left: 10px;
}
ul.other_product_list > li:nth-child(even){
    background-color:#f9f9f9;
}
ul.other_product_list > li:hover{
    background-color:#ececec;
}
ul.other_product_list > li a{
    color:#333;
}
ul.other_product_list > li > .product_list_other{
    display: flex;
     flex-direction: row;
     gap:10px;
}
ul.other_product_list > li > .product_list_other > div{
    display: flex;
     flex-direction: row;
     justify-items: center;
     gap:10px;
}
ul.other_product_list > li > .product_list_other > div a{
    border-radius:100px;
    border:1px dashed #333;
     padding: 0 15px;
     height: fit-content;
}
ul.other_product_list > li > .product_list_other > div.sepete_ekle a{
    border-color:#f44336;
     color:#f44336;
}
ul.other_product_list > li > .product_list_other > div.docs a{
    border:none;
     color:#f44336;
     font-size: 30px;
     padding:0 5px;
}
ul.product_list{
    margin: 0;
     padding: 0;
     list-style-type: none;
}
ul.product_list > li{
    display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     color:#333;
     border-bottom:1px solid #ddd;
     height: 40px;
     box-sizing: border-box;
     padding-left: 10px;
}
ul.product_list > li:nth-child(even){
    background-color:#f9f9f9;
}
ul.product_list > li:hover{
    background-color:#ececec;
}
ul.product_list > li a{
    color:#333;
}
ul.product_list > li > .product_list_other{
    display: flex;
     flex-direction: row;
     gap:10px;
}
ul.product_list > li > .product_list_other > div{
    display: flex;
     flex-direction: row;
     justify-items: center;
     gap:10px;
}
ul.product_list > li > .product_list_other > div a{
    border-radius:100px;
    border:1px dashed #333;
     padding: 0 15px;
     height: fit-content;
}
ul.product_list > li > .product_list_other > div.sepete_ekle{
    width:190px;
     justify-content: flex-end;
}
ul.product_list > li > .product_list_other > div.sepete_ekle a{
    border-color:#f44336;
     color:#f44336;
}
ul.product_list > li > .product_list_other > div.docs a{
    border:none;
     color:#f44336;
     font-size: 30px;
     padding:0 5px;
}
div#bilgi_formlari div{
    margin:10px 0;
}
div#bilgi_formlari div a{
    width:90%;
     margin:0 5%;
     float:left;
     text-align:center;
     color:#000;
    /*border:1px dashed #000;
    */
     border-radius:100px;
     padding:12px 0;
     text-decoration:none;
     font-size:14px;
     gap:10px;
}
div#bilgi_formlari div a:hover{
    color:#6ca079;
     border:1px dashed #6ca079;
}
.product-files a i{
    color:red;
     font-size:20px;
}
.menu_html_content{
    width:30%;
     height: 100%;
     float: left;
     background: #f7f8f8;
     position: absolute;
     right: 0;
     top: 0;
     box-sizing: border-box;
     padding: 10px;
     color:#333;
     font-size:12px;
     line-height: 14px !important;
}
.menu_html_content ul{
     list-style: none;
     margin: 0;
     padding: 0;
     float: left;
     width:100%;
     height: auto;
}
.menu_html_content img{
    width: auto;
     height: auto;
     max-width: 100%;
     float: left;
     margin:20px 0;
}
.menu_html_content ul li{
    float: left;
     width:100%;
     height: auto;
     border:none !important;
     font-size:13px !important;
     font-weight: 400 !important;
     margin-bottom: 10px;
}
.menu_html_content ul li a{
    float: left;
     width:100%;
     height: auto;
     position: relative;
     box-sizing: border-box;
     border:none !important;
     padding: 0 0 0 10px !important;
     font-size:13px !important;
     font-weight: 400 !important;
     color:#777 !important;
     line-height: 19px;
}
.menu_html_content ul li a:before{
    content: "\f0da";
     color: #005E9E;
     font: normal normal normal 14px/1 FontAwesome;
     margin-right:10px;
     border:none !important;
     position: absolute;
     left: 0;
     top: 5px;
}
.menu_html_content h3{
     box-sizing: border-box;
     font-family: Roboto, sans-serif;
     line-height: 1.1;
     color: rgb(73, 150, 209);
     margin-top: 20px;
     margin-bottom: 10px;
     font-size: 20px;
     border-bottom: 1px solid rgb(73, 150, 209);
     padding-bottom: 7px;
}
.menuler_liste{
    width: 70%;
     float: left;
}
.kategori_aciklama{
     font-family: Roboto, sans-serif;
     font-size:18px;
     line-height: 24px;
     color: #3c3c3c;
     font-weight: 400;
}
.kategori_aciklama p{
     font-size:13px !important;
}
.yarim_table{
     width: 50%;
     float:left;
     font-size:13px !important;
}
/* .kategori_aciklama .page-title{
    font-size:30px;
     color:#6ca079;
}
 .kategori_aciklama h2.seoh3, .kategori_aciklama h3{
    font-size:26px;
     color:#6ca079;
     margin: 0;
     font-weight: 400;
     text-transform: initial !important;
}
 .kategori_aciklama div, .kategori_aciklama img{
    max-width: 100% !important;
}
 .kategori_aciklama .row{
     margin-right: 0 !important;
     margin-left: 0 !important;
}
 .kategori_aciklama .frame-type-html iframe{
    margin-right: 200px;
     float: left;
}
 .kategori_aciklama ul.list-checks{
    list-style: none;
     width: 100%;
     height: auto;
     float: left;
     padding: 0 !important;
}
 .kategori_aciklama ul.list-checks::marker{
    display: none;
}
 .kategori_aciklama ul.list-checks li{
    width: 100%;
     height: auto;
     float: left;
     position: relative;
     box-sizing: border-box;
     padding-left: 20px;
     margin-bottom:5px;
}
 .kategori_aciklama ul.list-checks li::before{
    content: "\f0da";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     left: 0;
     top: 5px;
     color:#6ca079;
     font-size:20px;
}
 .kategori_aciklama .frame.frame-default{
    float:left;
     width:100%;
}
 .kategori_aciklama .row-list h3{
    font-size:20px !important;
     font-weight: 500;
     margin-bottom: 10px;
}
 .kategori_aciklama .frame.frame-default.frame-type-text.frame-layout-0 h4{
    font-size:20px !important;
     font-weight: 500;
     margin:15px 0;
}
 */
.referans_img{
    width:24%;
     float: left;
     margin: 5px;
     border:0px solid #ddd;
     box-sizing: border-box;
     padding: 5px;
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-position: top center;
     filter: grayscale(100%);
}
.referans_img img{
    width:60%;
     float: left;
}
.referans_img a{
    border:none;
     background-color:transparent !important;
}
.teklif-box{
    width:48%;
     float:left;
     height: 500px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
}
.teklif-box::before{
    position: absolute;
     left: 0;
     top:0;
     width: 100%;
     height: 100%;
     background:rgba(0,0,0,0.7);
     content:" ";
     z-index:1;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -o-border-radius: 10px;
     -moz-border-radius: 10px;
}
.teklif-box a{
    z-index:2;
     color:rgba(255,255,255,0.8);
     font-family: 'Roboto',sans-serif;
     font-size:36px;
     line-height: 44px;
     text-align: center;
}
.teklif-box.tek-cam{
    background-image: url('../images/teklif/bg/tek-cam.jpg');
}
.teklif-box.lamine-cam{
    background-image: url('../images/teklif/bg/lamine-cam.jpg');
}
.teklif-box:first-child{
    margin-right:2%;
}
.main-tanitim-filmi{
    /*background-image: url('https://www.camglass.com.tr/assets/frontend/uploads/3cc7993d2dd7908ac5db9432e99c39b1.jpg');
    */
     background-image: url('../images/film_bg.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     position: relative;
     height: 400px;
     overflow: hidden;
}
.main-tanitim-filmi .content-center{
    height: 400px;
     z-index: 2;
     position: relative;
}
.main-tanitim-filmi::before{
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top:0;
     background:rgba(0,0,0,0.6);
     content: ' ';
     z-index: 1;
}
.main-tanitim-filmi::after{
     clip-path: polygon(0 60%, 0 100%, 100% 100%);
     content: ' ';
     position: absolute;
     left: 0;
     bottom:0;
     z-index: 10;
     width: 50%;
     height: 75%;
    /* background-color: #eee;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ca079+0,00ede5+50,00a099+100 */
    /* background: #6ca079;*/
    /* Old browsers */
  /*background: -moz-linear-gradient(left, #6ca079 0%, #00ede5 50%, #6ca079 100%); */
    /* FF3.6-15 */
  /*background: -webkit-linear-gradient(left, #6ca079 0%,#00ede5 50%,#6ca079 100%);/*
    /* Chrome10-25,Safari5.1-6 */
   /* background: linear-gradient(to right, #6ca079 0%,#00ede5 50%,#6ca079 100%);/*
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca079', endColorstr='#6ca079',GradientType=1 );*/
    /* IE6-9 */
}
.main-tanitim-filmi .play_icon{
     width: 500px;
     height: 500px;
     position: absolute;
     top:-50px;
     right:10%;
     background-image: url('../images/play.png');
     background-repeat: no-repeat;
     background-position: center center;
     background-size: auto 100%;
}
div.main-tanitim-filmi:hover .play_icon{
     transition: all 0.5s ease-in-out;
     background-size: auto 80%;
}
div.main-tanitim-filmi:not( :hover ) .play_icon{
     background-size: auto 100%;
     transition: all 0.5s ease-in-out;
}
div.main-tanitim-filmi .main-tanitim-filmi-icerik{
     width: 50%;
     height: auto;
     float: left;
     margin-top:5%;
     padding-left: 100px;
     box-sizing: border-box;
}
div.main-tanitim-filmi .baslik{
     font-family: 'Roboto',sans-serif;
     font-weight: 500;
     font-size: 5vw;
     letter-spacing: -0.2vw;
     line-height: 5vw;
     color: rgba(255, 255, 255, 0.8);
     float:left;
     margin-bottom:30px;
}
div.main-tanitim-filmi .desc{
     font-family: 'Roboto',sans-serif;
     font-weight: 400;
     font-size: 1vw;
     color:#fff;
     float:left;
     width: 80%;
}
.table_camglass {
     width: fit-content;
     font-size: 14px;
}