.c {
    clear: both;
    display: block;
    width: 100%;
}

.c5 {
    clear: both;
    display: block;
    width: 100%;
    height: 5px;
}

.c10 {
    clear: both;
    display: block;
    width: 100%;
    height: 10px;
}

.c15 {
    clear: both;
    display: block;
    width: 100%;
    height: 15px;
}

.c20 {
    clear: both;
    display: block;
    width: 100%;
    height: 20px;
}

.c25 {
    clear: both;
    display: block;
    width: 100%;
    height: 25px;
}

.c30 {
    clear: both;
    display: block;
    width: 100%;
    height: 30px;
}

.c35 {
    clear: both;
    display: block;
    width: 100%;
    height: 35px;
}

.c40 {
    clear: both;
    display: block;
    width: 100%;
    height: 40px;
}

.c45 {
    clear: both;
    display: block;
    width: 100%;
    height: 45px;
}

.c50 {
    clear: both;
    display: block;
    width: 100%;
    height: 50px;
}

.search uform {
    color: #ffffff
}

::-webkit-input-placeholder { /* Edge */
    color: white;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

::placeholder {
    color: white;
}

blockquote li {
    display: block;
    width: 100%; text-align:left;
}

.dropdown {
    position: relative;
    display: inline-block;
}


.dropdown-content {
    display: none;
    position: relative;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        display: block;
        font-weight: 600;
        line-height: 12px;
        padding: 20px 35px;
        text-align: left;
    }

        .dropdown-content a:hover {
            background-color: #000;
            color: #fff !important;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

    .banner-area    {     background-repeat: no-repeat;
    background-position: 50% 50%;
}

.digerbas h3 { background-color:#d02525; color:#fff; padding:10px; font-size:17px}


.boxprdct{
    background: linear-gradient(180deg, #e52d27 0%, #b31217 100%);
    border-radius: 0;
    position: relative;
    overflow: hidden; margin:15px 0px; 
}
.boxprdct:before,
.boxprdct:after,
.boxprdct .boxprdct-content:before,
.boxprdct .boxprdct-content:after{
    content: "";
    background: #fff;
    width: 50%;
    height: 4px;
    transform: scaleX(0);
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    transition: all 600ms ease;
}
.boxprdct:after{
    top: auto;
    bottom: 15px;
    left: auto;
    right: 15px;
}
.boxprdct .boxprdct-content:before,
.boxprdct .boxprdct-content:after{
    width: 4px;
    height: 50%;
    transform: scaleY(0);
}
.boxprdct .boxprdct-content:after{
    left: auto;
    right: 15px;
    top: auto;
    bottom: 15px;
}
.boxprdct:hover:before,
.boxprdct:hover:after,
.boxprdct:hover .boxprdct-content:before,
.boxprdct:hover .boxprdct-content:after{
    transform: scale(1);
}
.boxprdct img{
    width: 100%;
    height: auto;
    transform: scale3d(1.1, 1.1, 1);
    transition: all 0.25s linear;
}
.boxprdct:hover img{
    opacity: 0.25;
    transform: scale(1.25);
}
.boxprdct .inner-content{
    color: #fff;
    text-align: center;
    width: 70%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 70%;
    left: 50%;
    transition: all 600ms ease;
}
.boxprdct:hover .inner-content{
    opacity: 1;
    top: 50%;
}
.boxprdct .title{
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    
    margin: 0 0 3px; color: #fff;
}
.boxprdct .post{
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0 0 12px;
    display: block;
}
.boxprdct .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.boxprdct .icon li{
    display: inline-block;
    margin: 0 4px;
}
.boxprdct .icon li a{
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    height: 35px;
    width: 35px;
    border: 2px solid #fff;
    border-radius: 10px 0 10px 0;
    display: block;
    transition: all 0.3s;
}
.boxprdct .icon li a:hover{
    color: #b31217;
    background: #fff;
    border-radius: 0 10px 0 10px;
}

    .hover-blur  {
 margin-bottom:20px;
    }
    .hover-blur a {
      display: block;
      position: relative;
      overflow: hidden; 
    }
    .hover-blur img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-blur:hover img {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-filter: grayscale(0.6) blur(1px);
      filter: grayscale(0.6) blur(1px);
    }
    .hover-blur a h2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      height: 100%;
      width: 100%;
      padding: 40% 20px;
      text-align: center;
      background-color: rgba(0,0,0,0.5);
      /*background dotted*/
      background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-size: 3px 3px;
      -webkit-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0; font-size:15px;
    }
    .hover-blur:hover a h2 {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .hover-blur .text-white {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-blur:hover .text-white {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      opacity: 1;
    }

.urunortalama { 
    min-height: 185px;
    max-height:185px; overflow:hidden; height:185px;
}
.urundd {
    min-height: 280px
}

.secili {
    background: #e2001c;
    border: 1px solid #ddd;
    color: #FFF !important;
}
.haberlerc { height:415px
}
.haberresim {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px
}

#fixed-social{position:fixed;top:40%; right:0; z-index:999}#fixed-social a{color:#fff;display:block;height:40px;position:relative;text-align:center;line-height:40px;width:40px;margin-bottom:1px;z-index:2}#fixed-social a:hover>span{visibility:visible;left:41px;opacity:1}#fixed-social a span{line-height:40px;left:60px;position:absolute;text-align:center;width:120px;visibility:hidden;transition-duration:.5s;z-index:1;opacity:0}.fixed-twitter{background-color:#00AAE5}.fixed-twitter span{background-color:#00AAE5}.fixed-facebook{background-color:#4267b2}.fixed-facebook span{background-color:#4267b2}.fixed-gplus{background-color:#d02525}.fixed-gplus span{background-color:#d02525}.fixed-linkedin{background-color:#007bb5}.fixed-linkedin span{background-color:#007bb5}.fixed-whatsapp{background-color:#093}.fixed-whatsapp span{background-color:#093} .fixed-instagrem{background-color:#bc1888}.fixed-instagrem span{background-color:#bc1888}.fixed-tumblr{background-color:#EB1471}.fixed-tumblr span{background-color:#EB1471}

.webgizle 	{display:none}


@media screen and (max-width: 1366px) {
	
    .header1 {
        width: 100%;
        text-align: center;
        display: inline-block;
        float: none
    }
	.digerbas h3 { background-color:#d02525; color:#fff; padding:10px; font-size:13px}

    .sl-nav {
        float: right;
        display: inline-block;
        text-align: center; margin-right:60px
    }

        .sl-nav ul {
            display: block
        }

        .sl-nav li:hover ul {
            right: -30px;
        }
    .search { margin:-65px 0px 0px 0px; right:0px; float:right;
    }
    
    .banner-area    {    background-size: cover !important;}
    .digerbas       { padding-top:20px;}
    .urundd {
        min-height: 290px
    }

    .haberlerc {
        height:415px
    }

    .haberresim {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: inherit;
    }
}
@media only screen and (max-width:990px) {
	body, html {overflow-x:hidden !important}
	
	.mobilayarcek	{ padding:0px 0px 25px 0px;}
	.webgizle 	{display:block}
    .boxprdct { margin: 0 0 30px; }
    .urunortalama {
    min-height: inherit;
    max-height: inherit;
    height:inherit;}
	
	.digerbas h3 { background-color:#d02525; color:#fff; padding:10px; font-size:13px}
	

    .specialty-image { padding:0px;
    }
    .urundd {
        min-height: 280px
    }

    .slider-area {
        padding-top: 0px;
    }
	    .urundd {
        min-height:inherit
    }
	
	
    .sl-nav {
        float: right;
        display: inline-block;
        text-align: center;
		margin-right:60px; z-index:99999999 !important
    }	
	    .haberlerc {
        height:auto
    }
}