@charset "UTF-8";
@charest "utf-8";
.slick-slider{
    position:relative;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block
}
.slick-track:after,.slick-track:before{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-slider *{
    outline:none
}
.slick-arrow,.slick-dots li{
    cursor:pointer
}
.fancybox-enabled{
    overflow:hidden
}
.fancybox-enabled body{
    overflow:visible;
    height:100%
}
.fancybox-is-hidden{
    position:absolute;
    top:-9999px;
    left:-9999px;
    visibility:hidden
}
.fancybox-container{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99993;
    -webkit-tap-highlight-color:transparent;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.fancybox-container~.fancybox-container{
    z-index:99992
}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.fancybox-outer{
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.fancybox-bg{
    background:#1e1e1e;
    opacity:0;
    -webkit-transition-duration:inherit;
    -o-transition-duration:inherit;
    transition-duration:inherit;
    -webkit-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity;
    -webkit-transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71);
    -o-transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)
}
.fancybox-is-open .fancybox-bg{
    opacity:.87;
    -webkit-transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)
}
.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{
    position:absolute;
    direction:ltr;
    z-index:99997;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .25s,visibility 0s linear .25s;
    -o-transition:opacity .25s,visibility 0s linear .25s;
    transition:opacity .25s,visibility 0s linear .25s;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-transform:capitalize
}
.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{
    opacity:1;
    visibility:visible;
    -webkit-transition:opacity .25s,visibility 0s;
    -o-transition:opacity .25s,visibility 0s;
    transition:opacity .25s,visibility 0s
}
.fancybox-infobar{
    top:0;
    left:50%;
    margin-left:-79px
}
.fancybox-infobar__body{
    display:inline-block;
    width:70px;
    line-height:44px;
    font-size:13px;
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
    text-align:center;
    color:#ddd;
    background-color:rgba(30, 30, 30, 0.7);
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing:subpixel-antialiased
}
.fancybox-toolbar{
    top:0;
    right:0
}
.fancybox-stage{
    overflow:hidden;
    direction:ltr;
    z-index:99994;
    -webkit-transform:translateZ(0)
}
.fancybox-slide{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow:auto;
    outline:none;
    white-space:normal;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    z-index:99994;
    -webkit-overflow-scrolling:touch;
    display:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition-property:opacity,-webkit-transform;
    -webkit-transition-property:opacity,-webkit-transform;
    -o-transition-property:transform,opacity;
    transition-property:transform,opacity;
    transition-property:transform,opacity,-webkit-transform;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.fancybox-slide:before{
    content:"";
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:0
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{
    display:block
}
.fancybox-slide--image{
    overflow:visible
}
.fancybox-slide--image:before{
    display:none
}
.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{
    background:#000
}
.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{
    background:#e5e3df
}
.fancybox-slide--next{
    z-index:99995
}
.fancybox-slide>*{
    display:inline-block;
    position:relative;
    padding:24px;
    margin:44px 0;
    border-width:0;
    vertical-align:middle;
    text-align:left;
    background-color:#fff;
    overflow:auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.fancybox-slide .fancybox-image-wrap{
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
    border:0;
    z-index:99995;
    background:transparent;
    cursor:default;
    overflow:visible;
    -webkit-transform-origin:top left;
    -ms-transform-origin:top left;
    transform-origin:top left;
    background-size:100% 100%;
    background-repeat:no-repeat;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.fancybox-can-zoomOut .fancybox-image-wrap{
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.fancybox-can-zoomIn .fancybox-image-wrap{
    cursor:-webkit-zoom-in;
    cursor:zoom-in
}
.fancybox-can-drag .fancybox-image-wrap{
    cursor:-webkit-grab;
    cursor:grab
}
.fancybox-is-dragging .fancybox-image-wrap{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.fancybox-image,.fancybox-spaceball{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    max-width:none;
    max-height:none
}
.fancybox-spaceball{
    z-index:1
}
.fancybox-slide--iframe .fancybox-content{
    padding:0;
    width:80%;
    height:80%;
    max-width:calc(100% - 100px);
    max-height:calc(100% - 88px);
    overflow:visible;
    background:#fff
}
.fancybox-iframe{
    display:block;
    padding:0;
    border:0;
    height:100%
}
.fancybox-error,.fancybox-iframe{
    margin:0;
    width:100%;
    background:#fff
}
.fancybox-error{
    padding:40px;
    max-width:380px;
    cursor:default
}
.fancybox-error p{
    margin:0;
    padding:0;
    color:#444;
    font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif
}
.fancybox-close-small{
    position:absolute;
    top:0;
    right:0;
    width:44px;
    height:44px;
    padding:0;
    margin:0;
    border:0;
    border-radius:0;
    outline:none;
    background:transparent;
    z-index:10;
    cursor:pointer
}
.fancybox-close-small:after{
    content:"×";
    position:absolute;
    top:5px;
    right:5px;
    width:30px;
    height:30px;
    font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
    color:#888;
    font-weight:300;
    text-align:center;
    border-radius:50%;
    border-width:0;
    background:#fff;
    -webkit-transition:background .25s;
    -o-transition:background .25s;
    transition:background .25s;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:2
}
.fancybox-close-small:focus:after{
    outline:1px dotted #888
}
.fancybox-close-small:hover:after{
    color:#555;
    background:#eee
}
.fancybox-slide--iframe .fancybox-close-small{
    top:0;
    right:-44px
}
.fancybox-slide--iframe .fancybox-close-small:after{
    background:transparent;
    font-size:35px;
    color:#aaa
}
.fancybox-slide--iframe .fancybox-close-small:hover:after{
    color:#fff
}
.fancybox-caption-wrap{
    bottom:0;
    left:0;
    right:0;
    padding:60px 30px 0;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
    background:-webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
    background:-o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
    background:linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
    pointer-events:none
}
.fancybox-caption{
    padding:30px 0;
    border-top:1px solid rgba(255, 255, 255, 0.4);
    font-size:14px;
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
    color:#fff;
    line-height:20px;
    -webkit-text-size-adjust:none
}
.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{
    pointer-events:all
}
.fancybox-caption a{
    color:#fff;
    text-decoration:underline
}
.fancybox-button{
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    border:0;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
    background:transparent;
    color:#ddd;
    border-radius:0;
    cursor:pointer;
    vertical-align:top;
    outline:none
}
.fancybox-button[disabled]{
    cursor:default;
    pointer-events:none
}
.fancybox-button,.fancybox-infobar__body{
    background:rgba(30, 30, 30, 0.6)
}
.fancybox-button:hover:not([disabled]){
    color:#fff;
    background:rgba(0, 0, 0, 0.8)
}
.fancybox-button:after,.fancybox-button:before{
    content:"";
    pointer-events:none;
    position:absolute;
    background-color:currentColor;
    color:currentColor;
    opacity:.9;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block
}
.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{
    opacity:.3
}
.fancybox-button--left:after,.fancybox-button--right:after{
    top:18px;
    width:6px;
    height:6px;
    background:transparent;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor
}
.fancybox-button--left:after{
    left:20px;
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.fancybox-button--right:after{
    right:20px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.fancybox-button--left{
    border-bottom-left-radius:5px
}
.fancybox-button--right{
    border-bottom-right-radius:5px
}
.fancybox-button--close:after,.fancybox-button--close:before{
    content:"";
    display:inline-block;
    position:absolute;
    height:2px;
    width:16px;
    top:calc(50% - 1px);
    left:calc(50% - 8px)
}
.fancybox-button--close:before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.fancybox-button--close:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.fancybox-arrow{
    position:absolute;
    top:50%;
    margin:-50px 0 0;
    height:100px;
    width:54px;
    padding:0;
    border:0;
    outline:none;
    background:none;
    cursor:pointer;
    z-index:99995;
    opacity:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transition:opacity .25s;
    -o-transition:opacity .25s;
    transition:opacity .25s
}
.fancybox-arrow:after{
    content:"";
    position:absolute;
    top:28px;
    width:44px;
    height:44px;
    background-color:rgba(30, 30, 30, 0.8);
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:24px 24px
}
.fancybox-arrow--right{
    right:0
}
.fancybox-arrow--left{
    left:0;
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1)
}
.fancybox-arrow--left:after,.fancybox-arrow--right:after{
    left:0
}
.fancybox-show-nav .fancybox-arrow{
    opacity:.6
}
.fancybox-show-nav .fancybox-arrow[disabled]{
    opacity:.3
}
.fancybox-loading{
    border:6px solid rgba(99, 99, 99, 0.4);
    border-top:6px solid rgba(255, 255, 255, 0.6);
    border-radius:100%;
    height:50px;
    width:50px;
    -webkit-animation:a .8s infinite linear;
    animation:a .8s infinite linear;
    background:transparent;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-25px;
    margin-left:-25px;
    z-index:99999
}
@-webkit-keyframes a{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes a{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.fancybox-animated{
    -webkit-transition-timing-function:cubic-bezier(0, 0, 0.25, 1);
    -o-transition-timing-function:cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function:cubic-bezier(0, 0, 0.25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous{
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    opacity:0
}
.fancybox-fx-slide.fancybox-slide--next{
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0);
    opacity:0
}
.fancybox-fx-slide.fancybox-slide--current{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{
    opacity:0;
    -webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)
}
.fancybox-fx-fade.fancybox-slide--current{
    opacity:1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{
    -webkit-transform:scale3d(1.5, 1.5, 1.5);
    transform:scale3d(1.5, 1.5, 1.5);
    opacity:0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next{
    -webkit-transform:scale3d(0.5, 0.5, 0.5);
    transform:scale3d(0.5, 0.5, 0.5);
    opacity:0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current{
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1);
    opacity:1
}
.fancybox-fx-rotate.fancybox-slide--previous{
    -webkit-transform:rotate(-1turn);
    -ms-transform:rotate(-1turn);
    transform:rotate(-1turn);
    opacity:0
}
.fancybox-fx-rotate.fancybox-slide--next{
    -webkit-transform:rotate(1turn);
    -ms-transform:rotate(1turn);
    transform:rotate(1turn);
    opacity:0
}
.fancybox-fx-rotate.fancybox-slide--current{
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    opacity:1
}
.fancybox-fx-circular.fancybox-slide--previous{
    -webkit-transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity:0
}
.fancybox-fx-circular.fancybox-slide--next{
    -webkit-transform:scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform:scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity:0
}
.fancybox-fx-circular.fancybox-slide--current{
    -webkit-transform:scaleX(1) translateZ(0);
    transform:scaleX(1) translateZ(0);
    opacity:1
}
.fancybox-fx-tube.fancybox-slide--previous{
    -webkit-transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next{
    -webkit-transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current{
    -webkit-transform:translateZ(0) scale(1);
    transform:translateZ(0) scale(1)
}
@media (max-width:800px){
    .fancybox-infobar{
        left:0;
        margin-left:0
    }
    .fancybox-button--left,.fancybox-button--right{
        display:none!important
    }
    .fancybox-caption{
        padding:20px 0;
        margin:0
    }
}
.fancybox-button--fullscreen:before{
    width:15px;
    height:11px;
    left:calc(50% - 7px);
    top:calc(50% - 6px);
    border:2px solid;
    background:none
}
.fancybox-button--pause:before,.fancybox-button--play:before{
    top:calc(50% - 6px);
    left:calc(50% - 4px);
    background:transparent
}
.fancybox-button--play:before{
    width:0;
    height:0;
    border-top:6px inset transparent;
    border-bottom:6px inset transparent;
    border-left:10px solid;
    border-radius:1px
}
.fancybox-button--pause:before{
    width:7px;
    height:11px;
    border-style:solid;
    border-width:0 2px
}
.fancybox-button--thumbs,.fancybox-thumbs{
    display:none
}
@media (min-width:800px){
    .fancybox-button--thumbs{
        display:inline-block
    }
    .fancybox-button--thumbs span{
        font-size:23px
    }
    .fancybox-button--thumbs:before{
        width:3px;
        height:3px;
        top:calc(50% - 2px);
        left:calc(50% - 2px);
        -webkit-box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;
        box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0
    }
    .fancybox-thumbs{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:auto;
        width:220px;
        margin:0;
        padding:5px 5px 0 0;
        background:#fff;
        word-break:normal;
        -webkit-tap-highlight-color:transparent;
        -webkit-overflow-scrolling:touch;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        z-index:99995
    }
    .fancybox-show-thumbs .fancybox-thumbs{
        display:block
    }
    .fancybox-show-thumbs .fancybox-inner{
        right:220px
    }
    .fancybox-thumbs>ul{
        list-style:none;
        position:absolute;
        position:relative;
        width:100%;
        height:100%;
        margin:0;
        padding:0;
        overflow-x:hidden;
        overflow-y:auto;
        font-size:0
    }
    .fancybox-thumbs>ul>li{
        float:left;
        overflow:hidden;
        max-width:50%;
        padding:0;
        margin:0;
        width:105px;
        height:75px;
        position:relative;
        cursor:pointer;
        outline:none;
        border:5px solid transparent;
        border-top-width:0;
        border-right-width:0;
        -webkit-tap-highlight-color:transparent;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
    li.fancybox-thumbs-loading{
        background:rgba(0, 0, 0, 0.1)
    }
    .fancybox-thumbs>ul>li>img{
        position:absolute;
        top:0;
        left:0;
        min-width:100%;
        min-height:100%;
        max-width:none;
        max-height:none;
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none
    }
    .fancybox-thumbs>ul>li:before{
        content:"";
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        border-radius:2px;
        border:4px solid #4ea7f9;
        z-index:99991;
        opacity:0;
        -webkit-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }
    .fancybox-thumbs>ul>li.fancybox-thumbs-active:before{
        opacity:1
    }
}
[data-fancybox],[data-fancybox] *{
    outline:0
}
.hamburger{
    float:right;
    display:inline-block;
    cursor:pointer;
    -webkit-transition-property:opacity, -webkit-filter;
    transition-property:opacity, -webkit-filter;
    -o-transition-property:opacity, filter;
    transition-property:opacity, filter;
    transition-property:opacity, filter, -webkit-filter;
    -webkit-transition-duration:0.15s;
    -o-transition-duration:0.15s;
    transition-duration:0.15s;
    -webkit-transition-timing-function:linear;
    -o-transition-timing-function:linear;
    transition-timing-function:linear;
    font:inherit;
    color:inherit;
    text-transform:none;
    background-color:transparent;
    border:0;
    margin:0;
    overflow:visible
}
.hamburger-box{
    width:40px;
    height:24px;
    display:inline-block;
    position:relative
}
.hamburger-inner{
    display:block;
    top:50%;
    margin-top:-2px
}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{
    width:40px;
    height:4px;
    background-color:#9c1d60;
    border-radius:4px;
    position:absolute;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    -webkit-transition-duration:0.15s;
    -o-transition-duration:0.15s;
    transition-duration:0.15s;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease
}
.hamburger-inner:after,.hamburger-inner:before{
    content:"";
    display:block
}
.hamburger-inner:before{
    top:-10px
}
.hamburger-inner:after{
    bottom:-10px
}
.hamburger--spin .hamburger-inner{
    -webkit-transition-duration:0.22s;
    -o-transition-duration:0.22s;
    transition-duration:0.22s;
    -webkit-transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spin .hamburger-inner:before{
    -webkit-transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    -o-transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in
}
.hamburger--spin .hamburger-inner:after{
    -webkit-transition:bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition:bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spin.is-active .hamburger-inner{
    -webkit-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg);
    -webkit-transition-delay:0.12s;
    -o-transition-delay:0.12s;
    transition-delay:0.12s;
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--spin.is-active .hamburger-inner:before{
    top:0;
    opacity:0;
    -webkit-transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    -o-transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out
}
.hamburger--spin.is-active .hamburger-inner:after{
    bottom:0;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transition:bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0;
    border:0;
    list-style:none;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    word-wrap:break-word
}
body,html{
    overflow-x:hidden
}
a{
    color:inherit;
    font-weight:inherit;
    text-decoration:none
}
button,form *{
    outline:0
}
address{
    font-style:normal;
    text-transform:none
}
@-webkit-keyframes ust-photo{
    0%{
        top:90px
    }
    to{
        top:35px
    }
}
@keyframes ust-photo{
    0%{
        top:90px
    }
    to{
        top:35px
    }
}
@-webkit-keyframes dallar{
    0%{
        top:-77px
    }
    to{
        top:0
    }
}
@keyframes dallar{
    0%{
        top:-77px
    }
    to{
        top:0
    }
}
header{
    position:relative;
    background-color:#fff;
    border-top:5px solid red;
    -webkit-box-shadow:0px 1px 0px 0px #116528;
    box-shadow:0px 1px 0px 0px #116528;
    z-index:50;
    -webkit-border-image:url(../img/header-border.jpg) 30 round;
    -o-border-image:url(../img/header-border.jpg) 30 round;
    border-image:url(../img/header-border.jpg) 30 round
}
header>div{
    max-width:1170px;
    position:relative;
    margin-left:auto;
    margin-right:auto
}
header>div:after{
    content:"";
    display:block;
    clear:both
}
@media (max-width:1190px){
    header>div{
        margin-left:10px;
        margin-right:10px
    }
}
header>div>*{
    float:left;
    height:100px
}
header>div .logo{
    width:33%;
    background-image:url(../img/logo.png);
    background-position:left center;
    font-family:'Barlow Semi Condensed', sans-serif;
    text-align:right;
    padding:32px;
    font-size:19px;
    color:#c3a471;
    font-weight:500
}
header>div .logo span{
    display:block;
    letter-spacing:1.35px
}
header>div ul.menu{
    width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
header>div ul.menu:after{
    content:"";
    display:block;
    clear:both
}
header>div ul.menu li{
    width:100%;
    border-left:1px solid #eaeaea
}
header>div ul.menu li a{
    display:block;
    height:100px;
    line-height:100px;
    font-family:'Barlow Semi Condensed', sans-serif;
    font-weight:400;
    color:#5f5f5f;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer
}
header>div ul.menu li a:before{
    content:"";
    display:inline-block;
    width:19px;
    height:17px;
    margin-right:7px
}
header>div ul.menu li a.anasayfa:before{
    background-image:url(../img/anasayfa-icon.png)
}
header>div ul.menu li a.insta:before{
    background-image:url(../img/instagram-icon.png)
}
header>div ul.menu li a.twitter:before{
    background-image:url(../img/twitter-icon.png)
}
header>div ul.menu li a.face:before{
    background-image:url(../img/Facebook-icon.png)
}
header>div ul.menu li.dil{
    width:63%;
    border-right:1px solid #eaeaea
}
header>div ul.menu li.dil>a{
    height:100px!important;
    line-height:100px!important
}
header>div ul.menu li.dil>a:after{
    content:"";
    display:inline-block;
    width:6px;
    height:10px;
    background-image:url(../img/diller-ok.png);
    margin-left:5px
}
header>div ul.menu li.dil a{
    height:40px;
    line-height:40px
}
header>div ul.menu li.dil a:before{
    width:25px;
    height:25px;
    -webkit-transform:translate(0, 8px);
    -moz-transform:translate(0, 8px);
    -o-transform:translate(0, 8px);
    -ms-transform:translate(0, 8px);
    transform:translate(0, 8px);
    margin-right:1px
}
header>div ul.menu li.dil a.tr:before{
    background-image:url(../img/turkce.png)
}
header>div ul.menu li.dil a.ar:before{
    background-image:url(../img/arabic.png)
}
header>div ul.menu li.dil a.en:before{
    background-image:url(../img/english.png)
}
header>div ul.menu li.dil ul{
    display:none
}
header>div ul.menu li.dil ul li{
    border-left:0;
    border-top:1px solid #eaeaea;
    background-color:#fff
}
header>div a.tel{
    font-family:'Barlow Semi Condensed', sans-serif;
    font-weight:400;
    color:#37a735;
    width:17%;
    padding:25px 70px 0 0;
    text-align:right;
    background-image:url(../img/haber-hatti-icon.png);
    background-position:right 15px center;
    border-right:1px solid #eaeaea
}
header>div a.tel p{
    font-family:'Barlow Semi Condensed', sans-serif;
    font-weight:700;
    font-size:26px
}
header>div a.tel p>span{
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:.4px;
    display:block;
    font-weight:300
}
header>div a.tel p>span span{
    font-weight:600
}
nav{
    position:absolute;
    width:100%;
    z-index:40
}
nav>div{
    max-width:1170px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding:0 15px;
    z-index:40
}
@media (max-width:1190px){
    nav>div{
        margin-left:10px;
        margin-right:10px
    }
}
nav>div>div{
    display:none
}
nav>div>ul{
    border-radius:0 0 10px 10px;
    background-image:-moz-linear-gradient(-179deg, #00762a 0%, #3bb639 100%);
    background-image:-webkit-linear-gradient(-179deg, #00762a 0%, #3bb639 100%);
    background-image:-ms-linear-gradient(-179deg, #00762a 0%, #3bb639 100%);
    -webkit-box-shadow:0px 1px 0px 0px #186f27, inset 0px -1px 0px 0px rgba(61, 179, 72, 0.52);
    box-shadow:0px 1px 0px 0px #186f27, inset 0px -1px 0px 0px rgba(61, 179, 72, 0.52);
    padding:5px 0 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
nav>div>ul:after{
    content:"";
    display:block;
    clear:both
}
nav>div>ul>li{
    float:left;
    width:100%;
    text-align:center;
    position:inherit;
    z-index:2
}
nav>div>ul>li:hover>a{
    color:#e6ff5a
}
nav>div>ul>li>a{
    display:block;
    position:relative;
    font-family:'Barlow Semi Condensed', sans-serif;
    font-weight:500;
    font-size:16px;
    color:#f5f7fb;
    text-transform:uppercase;
    padding:2px;
    text-shadow:0 1px 0 rgba(48, 48, 49, 0.56);
    padding:10px 0 15px;
    border-radius:5px 5px 0 0
}
nav>div>ul>li+li>a:before{
    content:"";
    position:absolute;
    left:0;
    width:1px;
    height:23px;
    background-color:rgba(255, 255, 255, 0.21)
}
nav>div>ul>li.drop{
    z-index:1
}
nav>div>ul>li.drop>a{
    z-index:2
}
nav>div>ul>li.drop.drophover>a,nav>div>ul>li.drop:hover>a{
    background-color:#055024
}
.urunler-drop{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(255, 236, 24, 0.7);
    z-index:9;
    font-family:'Barlow Semi Condensed', sans-serif;
    display:none
}
.urunler-drop>div{
    border-bottom:4px solid #33ad37;
    background-image:url(../img/drop-zemin.jpg);
    background-size:cover
}
.urunler-drop>div>div{
    max-width:1170px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding:65px 15px 20px
}
@media (max-width:1190px){
    .urunler-drop>div>div{
        margin-left:10px;
        margin-right:10px
    }
}
.urunler-drop>div>div .ic:after{
    content:"";
    display:block;
    clear:both
}
.urunler-drop>div>div .ic .buttonlar{
    float:left;
    width:29%;
    margin-right:1%
}
.urunler-drop>div>div .ic .buttonlar a{
    display:block;
    position:relative;
    font-weight:600;
    font-size:20px;
    text-transform:capitalize;
    margin-bottom:5px;
    border:1px solid;
    padding:21px 0 21px 85px;
    background-size:cover;
    border-radius:5px;
    -webkit-transition:width .4s ease-out;
    -moz-transition:width .4s ease-out;
    -o-transition:width .4s ease-out;
    transition:width .4s ease-out;
    width:100%
}
.urunler-drop>div>div .ic .buttonlar a:before{
    content:"";
    position:absolute;
    width:7px;
    height:14px;
    left:90%;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.urunler-drop>div>div .ic .buttonlar a div{
    position:absolute;
    left:23px;
    top:10px;
    bottom:10px;
    width:45px;
    background-size:contain
}
.urunler-drop>div>div .ic .buttonlar a.active{
    background-image:none!important;
    background-color:#fff;
    border-color:#fff!important;
    text-shadow:none!important;
    width:110%;
    -webkit-transition:width .3s ease-out;
    -moz-transition:width .3s ease-out;
    -o-transition:width .3s ease-out;
    transition:width .3s ease-out
}
.urunler-drop>div>div .ic .icerik{
    float:left;
    width:70%;
    position:relative
}
.urunler-drop>div>div .ic .icerik>div{
    background-color:#fff;
    padding:34px 270px 35px 18px;
    position:absolute;
    width:100%;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-position:right 6px bottom 4px
}
.urunler-drop>div>div .ic .icerik>div:first-of-type{
    z-index:2
}
.urunler-drop>div>div .ic .icerik>div ul{
    width:100%
}
.urunler-drop>div>div .ic .icerik>div ul li a{
    display:block;
    position:relative;
    padding:6px 50px;
    font-weight:400;
    font-size:19px;
    color:#7f7f7f;
    text-transform:uppercase;
    border-top:1px solid #eee
}
.urunler-drop>div>div .ic .icerik>div ul li a div{
    position:absolute;
    top:2px;
    bottom:2px;
    left:9px;
    width:30px;
    background-size:contain
}
.urunler-drop>div>div .ic .icerik>div ul li a:hover{
    background-color:#f6f6f6
}
.urunler-drop>div>div .ic .icerik>div ul li:last-of-type a{
    border-bottom:1px solid #eee
}
section{
    font-family:'Barlow Semi Condensed', sans-serif
}
section .ust{
    background-image:url(../img/alt-sayfa-ust.png);
    background-position:center bottom;
    position:relative
}
section .ust:after{
    content:"";
    display:block;
    background-image:url(../img/alt-sayfa-ust-golge.png);
    height:75px;
    position:absolute;
    width:100%;
    bottom:-2px
}
section .ust>div{
    max-width:1170px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding:110px 0 85px
}
@media (max-width:1190px){
    section .ust>div{
        margin-left:10px;
        margin-right:10px
    }
}
section .ust>div:after,section .ust>div:before{
    content:"";
    width:157px;
    height:77px;
    background-image:url(../img/ust-dal.png);
    position:absolute;
    top:-77px;
    -webkit-animation:dallar 2s cubic-bezier(0.075, 0.82, 0.165, 1) 1s forwards;
    animation:dallar 2s cubic-bezier(0.075, 0.82, 0.165, 1) 1s forwards
}
section .ust>div:before{
    left:-150px
}
section .ust>div:after{
    right:-150px;
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1)
}
section .ust>div h1{
    font-weight:800;
    font-size:45px;
    color:#31ab36;
    text-transform:capitalize;
    margin-bottom:5px
}
section .ust>div h1 span{
    font-weight:400;
    color:#8d8e87
}
section .ust>div ul li{
    display:inline-block
}
section .ust>div ul li a{
    font-weight:300;
    font-size:15px;
    color:#6f7265;
    text-transform:uppercase
}
section .ust>div ul li+li a:before{
    content:" / "
}
section .ust>div div{
    position:absolute;
    right:100px;
    top:35px;
    bottom:0;
    width:50%;
    background-position:center top;
    -webkit-animation:ust-photo 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    animation:ust-photo 1s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
section .ust+div{
    max-width:1170px;
    position:relative;
    margin-left:auto;
    margin-right:auto
}
@media (max-width:1190px){
    section .ust+div{
        margin-left:10px;
        margin-right:10px
    }
}
section .ust+div:after{
    content:"";
    display:block;
    clear:both
}
section .ust+div aside{
    float:left;
    width:265px;
    margin-right:25px;
    margin-bottom:50px
}
section .ust+div aside h2,section .ust+div aside ul li a{
    padding:0 20px;
    line-height:66px
}
section .ust+div aside h2:after,section .ust+div aside ul li a:after{
    content:"";
    display:block;
    clear:both
}
section .ust+div aside h2:before,section .ust+div aside ul.iconlu li a:before{
    content:"";
    height:66px;
    width:45px;
    float:left
}
section .ust+div aside h2{
    background-color:#32ac37;
    border-bottom:1px solid #186f27;
    border-radius:5px;
    font-weight:600;
    font-size:24px;
    color:#fff;
    position:relative;
    margin-bottom:-1px;
    text-shadow:0 1px #259328;
    text-transform:uppercase
}
section .ust+div aside h2:before{
    background-image:url(../img/sidebar-icon.png)
}
section .ust+div aside ul{
    margin-bottom:50px
}
section .ust+div aside ul li.urun-kategori a:before{
    background-image:url(../img/urun-kategori-icon.png)
}
section .ust+div aside ul li.urun-kategori a.active:before{
    background-image:url(../img/urun-kategori-icon-active.png)
}
section .ust+div aside ul li.sezon-bilgileri a:before{
    background-image:url(../img/sezon-bilgileri-icon.png)
}
section .ust+div aside ul li.sezon-bilgileri a.active:before{
    background-image:url(../img/sezon-bilgileri-icon-active.png)
}
section .ust+div aside ul li.satis-noktalari a:before{
    background-image:url(../img/satis-noktalari-icon.png)
}
section .ust+div aside ul li.satis-noktalari a.active:before{
    background-image:url(../img/satis-noktalari-icon-active.png)
}
section .ust+div aside ul li.kalite-hikayesi a:before{
    background-image:url(../img/kalite-hikayesi-icon.png)
}
section .ust+div aside ul li.kalite-hikayesi a.active:before{
    background-image:url(../img/kalite-hikayesi-icon-active.png)
}
section .ust+div aside ul li.tesisimiz a:before{
    background-image:url(../img/tesisimiz-icon.png)
}
section .ust+div aside ul li.tesisimiz a.active:before{
    background-image:url(../img/tesisimiz-active.png)
}
section .ust+div aside ul li.duyurular a:before{
    background-image:url(../img/duyurular-icon.png)
}
section .ust+div aside ul li.duyurular a.active:before{
    background-image:url(../img/duyurular-icon-active.png)
}
section .ust+div aside ul li:last-of-type a{
    border-radius:0 0 10px 10px;
    color:transparent;
    cursor:auto
}
section .ust+div aside ul li:last-of-type a:hover{
    background-color:#f6f7f2
}
section .ust+div aside ul li a{
    display:block;
    border-bottom:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    background-color:#f6f7f2;
    font-weight:400;
    font-size:20px;
    color:#828282;
    text-transform:uppercase
}
section .ust+div aside ul li a:hover{
    background-color:#fff
}
section .ust+div aside ul li a.active{
    background-color:#ffef3e;
    color:#484200
}
section .ust+div aside ul.iconlu li a{
    text-transform:capitalize
}
section .ust+div aside+div{
    float:left;
    width:880px;
    position:relative
}
section .ust+div aside+div h3{
    font-weight:500;
    font-size:24px;
    color:#585858;
    text-transform:uppercase;
    padding:0 12px;
    border-bottom:1px solid #e8e8e8;
    margin:29px 0 18px;
    padding-bottom:5px
}
section .ust+div aside+div h3 span{
    font-weight:300;
    font-size:17px;
    color:#c3c3c3
}
a.urun-standart{
    display:block;
    background-color:#f5f7f6;
    border:1px solid #e9e9e9;
    border-radius:10px;
    padding-top:170px;
    overflow:hidden;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
a.urun-standart:hover{
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
a.urun-standart:hover{
    -webkit-box-shadow:0 1px 24px 0 rgba(0, 0, 0, 0.24);
    box-shadow:0 1px 24px 0 rgba(0, 0, 0, 0.24)
}
a.urun-standart div{
    background-color:#fff;
    border-top:1px solid #e6e6e6;
    border-radius:10px 10px 0 0;
    padding-bottom:30px
}
a.urun-standart div figure{
    height:190px;
    margin-top:-125px;
    margin-bottom:30px;
    background-position:center bottom
}
a.urun-standart div p{
    font-weight:500;
    font-size:30px;
    color:#525252;
    text-transform:capitalize
}
a.urun-standart div span{
    display:block;
    font-weight:400;
    font-size:12px;
    color:#b4b4b4;
    text-transform:capitalize;
    letter-spacing:1.5px;
    margin-top:5px
}
footer{
    padding:0 0 25px;
    border-top:5px solid red;
    -webkit-border-image:url(../img/footer-ust.jpg) 30 round;
    -o-border-image:url(../img/footer-ust.jpg) 30 round;
    border-image:url(../img/footer-ust.jpg) 30 round;
    background-image:-moz-linear-gradient(-179deg, #00762a 0%, #3bb639 100%);
    background-image:-webkit-linear-gradient(-179deg, #00762a 0%, #3bb639 100%);
    background-image:-ms-linear-gradient(-179deg, #00762a 0%, #3bb639 100%);
    font-family:'Barlow Semi Condensed', sans-serif
}
footer>div{
    max-width:1170px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px
}
@media (max-width:1190px){
    footer>div{
        margin-left:10px;
        margin-right:10px
    }
}
footer>div:after{
    content:"";
    display:block;
    clear:both
}
footer>div>div{
    float:left
}
footer>div>div h6{
    font-weight:600;
    font-size:16px;
    color:#c8ffb2;
    text-transform:uppercase;
    padding-bottom:10px;
    border-bottom:1px solid #53c857;
    margin-top:23px
}
footer>div>div:first-of-type{
    width:19%;
    margin-right:5%
}
footer>div>div:first-of-type > a{
    background-image:url(../img/footer-logo.png);
    background-position:center top;
    display:block;
    height:120px;
    border-bottom:1px solid #53c857
}
footer>div>div:first-of-type p, footer>div>div:nth-of-type(4) p{
    font-weight:600;
    font-size:17px;
    color:#c9ffb3;
    text-transform:uppercase;
    margin:10px 0
}
footer>div>div:first-of-type div:after{
    content:"";
    display:block;
    clear:both
}
footer>div>div:first-of-type div a, footer>div>div:nth-of-type(4) .social a{
    float:left;
    padding-left:25px;
    height:21px;
    background-position:left center;
    font-weight:400;
    font-size:9px;
    color:#c5fdc9;
    text-transform:capitalize;
    line-height:21px;
    margin-right:9px
}
footer>div>div:first-of-type div a, footer>div>div:nth-of-type(4) .social a.face{
    background-image:url(../img/footer-facebook-icon.png)
}
footer>div>div:first-of-type div a, footer>div>div:nth-of-type(4) .social a.twitter{
    background-image:url(../img/footer-twitter-icon.png)
}
footer>div>div:first-of-type div a, footer>div>div:nth-of-type(4) .social a.insta{
    background-image:url(../img/footer-instagram-icon.png)
}
footer>div>div:nth-of-type(2),footer>div>div:nth-of-type(3){
    width:13.25%;
    margin-right:5%
}
footer>div>div:nth-of-type(4){
    width:39.5%
}
footer>div>div:nth-of-type(4) h6{
    margin-bottom:10px
}
footer>div>div:nth-of-type(4) .photo:after{
    content:"";
    display:block;
    clear:both
}
footer>div>div:nth-of-type(4) .photo a{
    float:left;
    border:1px solid #3bb639;
    border-radius:10px;
    width:19.2%;
    height:89px;
    padding-top:25px;
    position:relative;
    overflow:hidden
}
footer>div>div:nth-of-type(4) .photo a span{
    font-weight:500;
    font-size:18px;
    color:#fff;
    text-align:center;
    text-transform:capitalize;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:1;
    top:60%;
    opacity:0;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
footer>div>div:nth-of-type(4) .photo a span:hover{
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
footer>div>div:nth-of-type(4) .photo a:after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    top:0;
    background-color:#000;
    opacity:0;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
footer>div>div:nth-of-type(4) .photo a:after:hover{
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
footer>div>div:nth-of-type(4) .photo a:hover span{
    top:50%;
    opacity:1
}
footer>div>div:nth-of-type(4) .photo a:hover:after{
    opacity:.7
}
footer>div>div:nth-of-type(4) .photo a+a{
    margin-left:.9%
}
footer>div>div:nth-of-type(4) .iletisim{
    margin-top:8px;
    border-top:1px solid #53c857;
    padding-top:10px
}
footer>div>div:nth-of-type(4) .iletisim:after{
    content:"";
    display:block;
    clear:both
}
footer>div>div:nth-of-type(4) .iletisim a{
    float:left;
    font-weight:400;
    font-size:13px;
    color:#c5fdc9;
    line-height:30px
}
footer>div>div:nth-of-type(4) .iletisim a:after{
    content:"";
    display:block;
    clear:both
}
footer>div>div:nth-of-type(4) .iletisim a>*{
    float:left
}
footer>div>div:nth-of-type(4) .iletisim a p{
    font-weight:400;
    font-size:11px;
    color:#c5fdc9;
    text-transform:uppercase;
    line-height:1.3
}
footer>div>div:nth-of-type(4) .iletisim a span{
    width:25px;
    height:25px;
    margin:0 8px 0 11px
}
footer>div>div:nth-of-type(4) .iletisim a.tel{
    font-weight:700;
    font-size:26px
}
footer>div>div:nth-of-type(4) .iletisim a.mail{
    margin-left:16px
}
footer>div>div ul li a{
    display:block;
    margin-top:10px;
    font-weight:300;
    font-size:14px;
    color:#c5fdc9;
    text-transform:uppercase
}
footer>div>div ul li a:before{
    content:"> "
}
.alt-footer{
    background-image:url(../img/footer-alt.jpg);
    background-repeat:repeat;
    padding:17px 0
}
.alt-footer>div{
    max-width:1170px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    font-family:'Barlow Semi Condensed', sans-serif;
    color:#c5fdc9
}
@media (max-width:1190px){
    .alt-footer>div{
        margin-left:10px;
        margin-right:10px
    }
}
.alt-footer>div:after{
    content:"";
    display:block;
    clear:both
}
.alt-footer>div p{
    float:left;
    font-size:11px;
    font-weight:400
}
.alt-footer>div a{
    float:right;
    font-size:13px;
    font-weight:500
}
@media (max-width:1190px){
    @-webkit-keyframes dallar{
        0%{
            top:-77px
        }
        to{
            top:50px
        }
    }
    @keyframes dallar{
        0%{
            top:-77px
        }
        to{
            top:50px
        }
    }
    header>div .logo{
        width:35%;
        background-size:97%
    }
    header>div ul.menu{
        display:block;
        width:45%
    }
    header>div ul.menu>li{
        width:-moz-calc(50% - 40px);
        width:-webkit-calc(50% - 40px);
        width:-o-calc(50% - 40px);
        width:calc(50% - 40px);
        float:left
    }
    header>div ul.menu>li:nth-of-type(3),header>div ul.menu>li:nth-of-type(4){
        border-top:1px solid #eaeaea
    }
    header>div ul.menu>li.dil{
        width:80px;
        margin-top:-50px
    }
    header>div ul.menu>li a{
        height:49px;
        line-height:50px
    }
    header>div a.tel{
        width:20%
    }
    nav>div{
        margin:0;
        padding:0;
        max-width:none
    }
    nav>div>div{
        display:block;
        height:60px;
        background-image:-moz-linear-gradient(-179deg, #00762a 0%, #3bb639 100%);
        background-image:-webkit-linear-gradient(-179deg, #00762a 0%, #3bb639 100%);
        background-image:-ms-linear-gradient(-179deg, #00762a 0%, #3bb639 100%);
        -webkit-box-shadow:0px 1px 0px 0px #186f27, inset 0px -1px 0px 0px rgba(61, 179, 72, 0.52);
        box-shadow:0px 1px 0px 0px #186f27, inset 0px -1px 0px 0px rgba(61, 179, 72, 0.52)
    }
    nav>div>div button{
        background-color:transparent;
        width:40px;
        height:40px;
        background-image:url(../img/menu.png);
        background-size:cover;
        margin:10px
    }
    nav>div ul{
        display:none;
        padding:0;
        overflow:hidden;
        background-image:none;
        background-color:#1d9332
    }
    nav>div ul li{
        padding:15px 0;
        border-bottom:1px solid #2aa135
    }
    nav>div ul li a{
        padding:0
    }
    nav>div ul li.drop .drophover a,nav>div ul li.drop:hover a{
        background-color:transparent
    }
    section .ust>div:before{
        left:0
    }
    section .ust>div:after{
        right:0
    }
    section .ust>div>div{
        background-size:contain;
        background-position:center bottom
    }
    section .ust+div aside{
        margin-right:0;
        width:100%
    }
    section .ust+div aside h2{
        cursor:pointer
    }
    section .ust+div aside ul{
        display:none
    }
    section .ust+div aside+div{
        width:100%;
        margin-bottom:50px
    }
    footer>div>div{
        width:48%!important;
        min-height:190px;
        margin-right:2%!important
    }
    footer>div>div:nth-of-type(2){
        margin-right:0
    }
}
@media (max-width:1000px){
    header>div ul.menu{
        width:40%
    }
    header>div a.tel{
        width:25%
    }
    footer>div>div{
        width:48%!important;
        min-height:190px
    }
    footer>div>div:nth-of-type(2){
        margin-right:0
    }
}
@media (max-width:910px){
    footer>div>div{
        min-height:auto
    }
    footer>div>div:first-of-type,footer>div>div:nth-of-type(4){
        width:100%!important;
        margin-right:0!important
    }
}
@media (max-width:750px){
    header>div .logo{
        width:-moz-calc(100% - 280px);
        width:-webkit-calc(100% - 280px);
        width:-o-calc(100% - 280px);
        width:calc(100% - 280px);
        background-size:90%
    }
    header>div ul.menu{
        width:80px
    }
    header>div ul.menu>li{
        display:none
    }
    header>div ul.menu>li.dil{
        display:block;
        margin-top:0
    }
    header>div a.tel{
        width:200px
    }
}
@media (max-width:600px){
    header>div{
        text-align:center;
        height:210px
    }
    header>div .logo{
        width:100%;
        background-size:contain;
        background-position:center center;
        margin-bottom:10px
    }
    header>div a.tel,header>div ul.menu{
        display:inline-block;
        float:none
    }
    header>div a.tel{
        -webkit-transform:translate(0, -30px);
        -moz-transform:translate(0, -30px);
        -o-transform:translate(0, -30px);
        -ms-transform:translate(0, -30px);
        transform:translate(0, -30px)
    }
}
@media (max-width:450px){
    footer>div>div:nth-of-type(4) .photo a{
        width:24.2%
    }
    footer>div>div:nth-of-type(4) .photo a:last-of-type{
        display:none
    }
    footer>div>div:nth-of-type(4) .iletisim a.mail{
        width:100%;
        margin:10px 0
    }
    footer>div>div:nth-of-type(4) .iletisim a.mail span{
        margin-left:0
    }
    .alt-footer>div a,.alt-footer>div p{
        width:100%;
        text-align:center
    }
}
@media (min-width:1190px){
    nav>div>ul{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    section .ust+div aside ul{
        display:block!important
    }
}
section .ust+div aside+div.kategori:after{
    content:"";
    display:block;
    clear:both
}
section .ust+div aside+div.kategori a{
    float:left;
    width:32.2%;
    padding:12px;
    border-radius:5px;
    border:1px solid;
    margin-right:1.7%;
    margin-bottom:25px;
    transition:0.4s;
}
section .ust+div aside+div.kategori a:hover{
-webkit-box-shadow: 0 3px 24px 0 rgb(0 0 0 / 24%);
    box-shadow: 0 3px 24px 0 rgb(0 0 0 / 24%);
}
section .ust+div aside+div.kategori a:nth-of-type(3n+0){
    margin-right:0
}
section .ust+div aside+div.kategori a>div{
    border-radius:5px;
    height:243px;
    background-size:cover;
    text-align:center;
    text-transform:capitalize;
    border:1px solid
}
section .ust+div aside+div.kategori a>div div{
    height:135px;
    background-position:center bottom;
    margin-bottom:25px
}
section .ust+div aside+div.kategori a>div h4{
    font-weight:300;
    font-size:25px
}
section .ust+div aside+div.kategori a>div h5{
    font-weight:600;
    font-size:25px
}
section .ust+div aside+div.kategori.galeri a{
    width:49.15%
}
section .ust+div aside+div.kategori.galeri a:nth-of-type(2n+0){
    margin-right:0
}
section .ust+div aside+div.kategori.galeri a:first-of-type{
    border-color:#a4d942;
    transition:0.4s;
}
section .ust+div aside+div.kategori.galeri a{
    transition:0.4s;
}
section .ust+div aside+div.kategori.galeri a:hover{
    -webkit-box-shadow: 0 3px 24px 0 rgb(0 0 0 / 24%);
    box-shadow: 0 3px 24px 0 rgb(0 0 0 / 24%);
}
section .ust+div aside+div.kategori.galeri a:first-of-type > div{
    border-color:#8bcc4d;
    background-image:url(../img/fotogaleri-zemin.jpg)
}
section .ust+div aside+div.kategori.galeri a:first-of-type > div div{
    background-image:url(../img/fotogaleri-icon.png)
}
section .ust+div aside+div.kategori.galeri a:first-of-type > div h4,section .ust+div aside+div.kategori.galeri a:first-of-type > div h5{
    color:#42681e;
    text-shadow:0 1px #c7ff92
}
section .ust+div aside+div.kategori.galeri a:nth-of-type(2){
    border-color:#d5f36a
}
section .ust+div aside+div.kategori.galeri a:nth-of-type(2)>div{
    border-color:#bdd562;
    background-image:url(../img/videogaleri-zemin.jpg)
}
section .ust+div aside+div.kategori.galeri a:nth-of-type(2)>div div{
    background-image:url(../img/videogaleri-icon.png)
}
section .ust+div aside+div.kategori.galeri a:nth-of-type(2)>div h4,section .ust+div aside+div.kategori.galeri a:nth-of-type(2)>div h5{
    color:#606a3b;
    text-shadow:0 1px #f0ffb9
}
section .ust+div aside+div.kategori.galeridetay .geri{
    position:absolute;
    right:15px;
    top:17px
}
section .ust+div aside+div.kategori.galeridetay .geri a{
    display:block;
    width:auto;
    margin:0;
    padding:9px 18px 9px 40px;
    border:1px solid #d8d8d8!important;
    border-radius:5px;
    font-weight:500;
    font-size:16px;
    color:#989898;
    text-transform:uppercase;
    background-image:url(../img/detay-geri.png);
    background-position:13px center;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
section .ust+div aside+div.kategori.galeridetay .geri a:hover{
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
section .ust+div aside+div.kategori.galeridetay .geri a:hover{
    padding-left:50px
}
section .ust+div aside+div.kategori.galeridetay.fotos a{
    border-color:#a4d942
}
section .ust+div aside+div.kategori.galeridetay.fotos a>div{
    border-color:#8bcc4d
}
section .ust+div aside+div.kategori.galeridetay.fotos a>div>div{
    background-color:#99fc3a
}
section .ust+div aside+div.kategori.galeridetay.fotos a>div span{
    background-image:url(../img/fotos-icon.png)
}
section .ust+div aside+div.kategori.galeridetay.videos a{
    border-color:#d5f36a
}
section .ust+div aside+div.kategori.galeridetay.videos a>div{
    border-color:#8bcc4d
}
section .ust+div aside+div.kategori.galeridetay.videos a>div>div{
    background-color:#e3ff7d
}
section .ust+div aside+div.kategori.galeridetay.videos a>div span{
    background-image:url(../img/videos-icon.png)
}
section .ust+div aside+div.kategori.galeridetay>a{
    position:relative;
    margin-bottom:55px
}
section .ust+div aside+div.kategori.galeridetay>a>div{
    position:relative
}
section .ust+div aside+div.kategori.galeridetay>a>div>div{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    top:0;
    height:100%;
    opacity:0;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
section .ust+div aside+div.kategori.galeridetay>a>div>div:hover{
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
section .ust+div aside+div.kategori.galeridetay>a>div span{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:52px;
    height:52px;
    top:60%;
    opacity:0;
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out
}
section .ust+div aside+div.kategori.galeridetay>a>div span:hover{
    -webkit-transition:all 0.3s ease-out;
    -moz-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out
}
section .ust+div aside+div.kategori.galeridetay>a h4{
    position:absolute;
    width:100%;
    left:0;
    margin-top:30px;
    font-weight:400;
    font-size:17px;
    color:#586037;
    text-align:center;
    text-transform:capitalize
}
section .ust+div aside+div.kategori.galeridetay>a:hover>div>div{
    opacity:.55
}
section .ust+div aside+div.kategori.galeridetay>a:hover>div span{
    top:50%;
    opacity:1
}
section .ust+div aside+div.urunler .filter{
    position:absolute;
    width:100%
}
section .ust+div aside+div.urunler .filter:after{
    content:"";
    display:block;
    clear:both
}
section .ust+div aside+div.urunler .filter *{
    float:right;
    height:38px;
    line-height:38px;
    border-radius:4px;
    border:1px solid;
    margin:0 0 0 8px;
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out
}
section .ust+div aside+div.urunler .filter :hover{
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out
}
section .ust+div aside+div.urunler .filter a{
    font-weight:500;
    font-size:16px;
    color:#fff;
    text-transform:uppercase;
    width:auto!important;
    padding:0 20px 0 40px!important;
    background-color:#acca1d!important;
    border-color:#9ab614;
    background-image:url(../img/geri-ok.png);
    background-position:14px center
}
section .ust+div aside+div.urunler .filter a:hover{
    padding-left:50px!important
}
section .ust+div aside+div.urunler .filter button{
    width:38px;
    background-color:#e2e2e2;
    border-color:#cbcbcb;
    cursor:pointer
}
section .ust+div aside+div.urunler .filter button:hover{
    opacity:.8
}
section .ust+div aside+div.urunler .filter button.active{
    background-color:#2ca635;
    border-color:#208d28
}
section .ust+div aside+div.urunler .filter button.kare{
    background-image:url(../img/kare-button.png)
}
section .ust+div aside+div.urunler .filter button.liste{
    background-image:url(../img/liste-button.png)
}
section .ust+div aside+div.urunler a{
    float:left;
    width:32%;
    margin:0 2% 20px 0;
    text-align:center
}
section .ust+div aside+div.urunler a:nth-of-type(3n+0){
    margin-right:0
}
section .ust+div aside+div.urunler a.liste{
    width:49%;
    padding-top:0;
    padding-left:15%;
    text-align:left;
    background-color:#fff
}
section .ust+div aside+div.urunler a.liste:nth-of-type(3n+0){
    margin-right:2%
}
section .ust+div aside+div.urunler a.liste:nth-of-type(2n+0){
    margin-right:0
}
section .ust+div aside+div.urunler a.liste div{
    border-radius:10px 0 0 10px;
    border-top:0;
    border:0;
    padding:0
}
section .ust+div aside+div.urunler a.liste div:after{
    content:"";
    display:block;
    clear:both
}
section .ust+div aside+div.urunler a.liste div figure{
    width:160px;
    height:140px;
    float:left;
    margin:10px 30px 10px -29%;
    background-size:contain;
    background-position:center center
}
section .ust+div aside+div.urunler a.liste div p{
    padding-top:50px
}
section .ust+div aside+div.urundetay .geri{
    position:absolute;
    right:15px;
    top:17px;
    padding:9px 18px 9px 40px;
    border:1px solid #d8d8d8;
    border-radius:5px;
    font-weight:500;
    font-size:16px;
    color:#989898;
    text-transform:uppercase;
    background-image:url(../img/detay-geri.png);
    background-position:13px center;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
section .ust+div aside+div.urundetay .geri:hover{
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
section .ust+div aside+div.urundetay .geri:hover{
    padding-left:50px
}
section .ust+div aside+div.urundetay .ust-bolum:after{
    content:"";
    display:block;
    clear:both
}
section .ust+div aside+div.urundetay .ust-bolum .slider{
    border:1px solid #e3e3e3;
    border-radius:10px;
    float:left;
    width:370px;
    margin-right:30px
}
section .ust+div aside+div.urundetay .ust-bolum .slider a{
    height:410px;
    background-size:cover
}
section .ust+div aside+div.urundetay .ust-bolum .slider .slick-dots{
    position:absolute;
    right:-395px;
    bottom:0
}
section .ust+div aside+div.urundetay .ust-bolum .slider .slick-dots:after{
    content:"";
    display:block;
    clear:both
}
section .ust+div aside+div.urundetay .ust-bolum .slider .slick-dots li{
    float:left;
    margin-right:6px
}
section .ust+div aside+div.urundetay .ust-bolum .slider .slick-dots li a{
    width:85px;
    height:85px;
    border:1px solid #e3e3e3;
    border-radius:5px;
    background-size:cover;
    display:block
}
section .ust+div aside+div.urundetay .ust-bolum .slider .slick-dots li.slick-active a{
    border-color:#77b144
}
section .ust+div aside+div.urundetay .ust-bolum .slider:after{
    content:"";
    position:absolute;
    right:10px;
    bottom:10px;
    width:20px;
    height:20px;
    z-index:2;
    background-image:url(../img/detay-buyut.png);
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out
}
section .ust+div aside+div.urundetay .ust-bolum .slider:after:hover{
    -webkit-transition:all 0.1s ease-out;
    -moz-transition:all 0.1s ease-out;
    -o-transition:all 0.1s ease-out;
    transition:all 0.1s ease-out
}
section .ust+div aside+div.urundetay .ust-bolum .slider:hover:after{
    opacity:.5
}
section .ust+div aside+div.urundetay .ust-bolum .ozellikler{
    float:left;
    width:480px
}
section .ust+div aside+div.urundetay .ust-bolum .ozellikler p{
    font-weight:400;
    font-size:15px;
    color:#666;
    line-height:1.4
}
section .ust+div aside+div.urundetay .ust-bolum .ozellikler p span{
    font-weight:600;
    text-transform:capitalize;
    width:175px;
    display:inline-block;
    position:relative
}
section .ust+div aside+div.urundetay .ust-bolum .ozellikler p span:after{
    content:":";
    position:absolute;
    right:5px
}
section .ust+div aside+div.urundetay .sezon{
    border:1px solid #e4e5ea
}
section .ust+div aside+div.urundetay .sezon>div:after{
    content:"";
    display:block;
    clear:both
}
section .ust+div aside+div.urundetay .sezon>div div{
    float:left;
    font-weight:400;
    font-size:14px;
    color:#4d4e48;
    text-transform:capitalize;
    padding:13px 0;
    width:6.91%;
    text-align:center
}
section .ust+div aside+div.urundetay .sezon>div div+div{
    border-left:1px solid #e4e5ea
}
section .ust+div aside+div.urundetay .sezon>div div:first-of-type{
    border-left:0;
    width:17%;
    font-weight:300;
    font-size:22px
}
section .ust+div aside+div.urundetay .sezon>div:first-of-type{
    background-color:#f1f2f4
}
section .ust+div aside+div.urundetay .sezon>div:nth-of-type(2) div{
    padding:22px 0;
    color:transparent;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
section .ust+div aside+div.urundetay .sezon>div:nth-of-type(2) div:hover{
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out
}
section .ust+div aside+div.urundetay .sezon>div:nth-of-type(2) div:hover{
    color:#4d4e48
}
section .ust+div aside+div.urundetay .sezon>div:nth-of-type(2) div:first-of-type{
    padding:17px 0;
    color:#4d4e48
}
section .ust+div aside+div.urundetay .paragraf{
    font-weight:400;
    font-size:16px;
    color:#666;
    line-height:1.5
}
section .ust+div aside+div.urundetay .paragraf p{
    margin-bottom:20px
}
@media (max-width:900px){
    section .ust+div aside+div.urunler a{
        width:49%
    }
    section .ust+div aside+div.urunler a:nth-of-type(3n+0){
        margin-right:2%
    }
    section .ust+div aside+div.urunler a:nth-of-type(2n+0){
        margin-right:0
    }
    section .ust+div aside+div.urundetay .ust-bolum .slider{
        margin:0 auto 125px auto;
        float:none
    }
    section .ust+div aside+div.urundetay .ust-bolum .slider .slick-dots{
        right:auto;
        bottom:-100px
    }
    section .ust+div aside+div.urundetay .ust-bolum .ozellikler{
        float:none;
        margin:0 auto;
        width:370px
    }
    section .ust+div aside+div.urundetay .sezon{
        border-bottom:0
    }
    section .ust+div aside+div.urundetay .sezon>div:first-of-type{
        display:none
    }
    section .ust+div aside+div.urundetay .sezon>div:nth-of-type(2) div{
        padding:2px 0 42px;
        background-position:center top 20px;
        color:#4d4e48!important;
        width:16.66%;
        border-bottom:1px solid #e4e5ea
    }
    section .ust+div aside+div.urundetay .sezon>div:nth-of-type(2) div:first-of-type{
        width:100%
    }
}
@media (max-width:600px){
    section .ust+div aside+div.kategori a{
        width:49.15%
    }
    section .ust+div aside+div.kategori a:nth-of-type(3n+0){
        margin-right:1.7%
    }
    section .ust+div aside+div.kategori a:nth-of-type(2n+0){
        margin-right:0
    }
    section .ust+div aside+div.urunler a{
        width:100%;
        margin-right:0!important
    }
    section .ust+div aside+div.urunler .filter{
        position:relative
    }
}
@media (max-width:450px){
    section .ust+div aside+div.kategori a{
        width:100%!important;
        margin-right:0!important
    }
    section .ust+div aside+div.urundetay .ust-bolum .slider{
        width:320px
    }
    section .ust+div aside+div.urundetay .ust-bolum .slider a{
        height:320px
    }
    section .ust+div aside+div.urundetay .ust-bolum .slider .slick-dots li a{
        width:73px;
        height:73px
    }
    section .ust+div aside+div.urundetay .ust-bolum .ozellikler{
        width:320px
    }
    section .ust+div aside+div.urundetay .sezon{
        border-bottom:0
    }
    section .ust+div aside+div.urundetay .sezon>div:nth-of-type(2) div{
        width:25%
    }
}
/*# sourceMappingURL=urunler.css.map */