@charest "utf-8";
/* author Fuba Image == FrameWorkV2 */

@import url("master.css");

section .ana-banner .slider {
    background-color: #001925;
    height: 100vh;
    position: relative;
    padding: 40vh 100px 0;
    font-size: 10px;
    text-align: center
}

section .ana-banner .slider div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .48;
    background-size: cover
}

section .ana-banner .slider h2,
section .ana-banner .slider p,
section .ana-banner .slider a {
    position: relative;
    font-family: 'Roboto';
    color: #fff;
    text-shadow: 0px 5px 4px rgba(19, 19, 19, 0.32)
}

section .ana-banner .slider h2 {
    font-weight: 500;
    font-size: 8.2em;
    text-transform: uppercase
}

section .ana-banner .slider p {
    font-weight: 300;
    font-size: 2.7em
}

section .ana-banner .slider a {
    display: inline-block;
    padding: 10px;
    border: 1px solid #fff;
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 15px;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .ana-banner .slider a:hover {
    background-color: rgba(0, 0, 0, .5);
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .ana-banner ul {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px
}

section .ana-banner ul li {
    font-size: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .83;
    margin: 5px 0;
    cursor: pointer
}

section .ana-banner ul li.slick-active {
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    background-color: transparent;
    transform: translateX(-2px)
}

section .haber {
    background-color: #022b3f;
    border-top: 1px solid #0b5070
}

section .haber h2 {
    background-image: url(../img/haberler-zemin.jpg);
    background-size: cover;
    background-position: right center;
    text-align: right;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 26px;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(17, 18, 18, 0.28);
    text-transform: uppercase;
    padding: 59px 54px 37px 54px;
    width: 1000px;
    margin-left: -715px;
    position: relative;
    float: left
}

section .haber h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 36px;
    height: 35px;
    right: 100px;
    top: 14px;
    background-image: url(../img/avci-icon.png);
    background-position: -245px center
}

section .haber h2 span {
    text-transform: lowercase;
    font-size: 22px
}

section .haber .haber-sliders {
    float: left;
    width: 885px
}

section .haber .haber-sliders .slick-list {
    width: 833px;
    float: left
}

section .haber .haber-sliders .slick-arrow {
    float: left;
    width: 52px;
    height: 78px;
    background-color: transparent;
    font-size: 0;
    border-left: 1px solid #093a52;
    border-right: 1px solid #093a52;
    position: relative;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .haber .haber-sliders .slick-arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-image: url(../img/avci-icon.png);
    background-position: -300px center
}

section .haber .haber-sliders .slick-arrow:hover {
    background-color: #01324a;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .haber .haber-sliders .slick-arrow:hover:after {
    background-position: -311px center
}

section .haber .haber-sliders .slick-prev {
    border-top: 1px solid #093a52;
    transform: rotate(180deg)
}

section .haber .haber-sliders .haber-slider {
    display: block;
    padding: 21px
}

section .haber .haber-sliders .haber-slider div {
    float: left;
    width: 207px;
    height: 114px;
    border: 4px solid #b9a374;
    background-image: url(../img/haberler/haberler-spot1.jpg);
    background-size: cover;
    margin-right: 28px
}

section .haber .haber-sliders .haber-slider h3 {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 18px;
    color: #b39d6e;
    text-transform: capitalize;
    margin: 19px 0 11px
}

section .haber .haber-sliders .haber-slider p {
    font-family: arial;
    font-size: 14px;
    color: #b19b6c
}

section .haber .haber-sliders .haber-slider span {
    margin-top: 3px;
    font-family: arial;
    font-size: 11px;
    color: #59635c;
    text-transform: capitalize
}

section .haber .haber-sliders .haber-slider span:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 13px;
    background-image: url(../img/avci-icon.png);
    background-position: -281px center;
    margin-left: 6px;
    transform: translateY(3px);
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .haber .haber-sliders .haber-slider span:hover:after {
    margin-left: 10px;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .projeler {
    padding: 111px 0;
    position: relative
}

section .projeler .zemin-1 {
    width: 510px;
    height: 468px;
    position: absolute;
    top: -40px;
    right: -75px;
    background-image: url(../img/projeler-zemin-1.png);
    z-index: 1
}

section .projeler .zemin-2 {
    width: 506px;
    height: 425px;
    position: absolute;
    top: -20px;
    right: -165px;
    background-image: url(../img/projeler-zemin-2.png);
    z-index: 2
}

section .projeler .projeler-sliders {
    z-index: 3
}

section .projeler .projeler-sliders .slick-list {
    width: 1000px;
    float: right
}

section .projeler .projeler-sliders .projeler-slider .foto {
    width: 570px;
    height: 384px;
    position: relative;
    float: right;
    margin-left: 40px;
    background-size: cover
}

section .projeler .projeler-sliders .projeler-slider .foto:before {
    content: "";
    position: absolute;
    top: 13px;
    bottom: 13px;
    left: 13px;
    right: 13px;
    border: 1px solid #fff;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .projeler .projeler-sliders .projeler-slider .foto:hover:before {
    background-color: rgba(255, 255, 255, .2);
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .projeler .projeler-sliders .projeler-slider .icon {
    float: right;
    margin: 37px 0 15px 210px;
    width: 60px;
    height: 60px;
    background-image: url(../img/yeniprojelericon.png)
}

section .projeler .projeler-sliders .projeler-slider h4 {
    float: right;
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 40px;
    color: #022b3f;
    text-transform: uppercase;
    line-height: 1
}

section .projeler .projeler-sliders .projeler-slider h5 {
    float: right;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 17px;
    color: #b6a071;
    text-transform: uppercase;
    margin: 20px 0 15px 80px
}

section .projeler .projeler-sliders .projeler-slider p {
    float: right;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 15px;
    color: #75878e;
    width: 340px;
    text-align: right
}

section .projeler .projeler-sliders .projeler-slider a {
    float: right;
    font-family: arial;
    font-size: 12px;
    color: #d7caaf;
    text-transform: capitalize;
    margin: 25px 0 0 60px
}

section .projeler .projeler-sliders .projeler-slider a:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 14px;
    background-image: url(../img/avci-icon.png);
    background-position: -1431px center;
    margin-left: 6px;
    transform: translate(0, 2px);
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .projeler .projeler-sliders .projeler-slider a:hover:after {
    transform: translate(5px, 2px);
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .projeler .projeler-sliders ul {
    float: left;
    padding-top: 40px
}

section .projeler .projeler-sliders ul li {
    margin-bottom: 8px;
    cursor: pointer
}

section .projeler .projeler-sliders ul li div {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 25px;
    color: #b6a071;
    text-decoration: underline;
    padding: 36px 43.079px;
    border: 1px solid #ebebeb
}

section .projeler .projeler-sliders ul li.slick-active div {
    border-color: #b6a071
}

section .tum-projeler {
    padding-top: 40px;
    background-image: url(../img/tumprojeler-zemin.jpg);
    background-size: cover;
    position: relative
}

section .tum-projeler .baslik {
    width: 300px;
    position: absolute;
    top: 40px;
    z-index: 1
}

section .tum-projeler .baslik h2 {
    font-family: 'Roboto';
    font-weight: 900;
    font-size: 40px;
    color: #e6f7ff;
    text-transform: uppercase
}

section .tum-projeler .baslik p {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 15px;
    color: #6a8a9a;
    margin: 22px 0
}

section .tum-projeler .baslik a {
    font-family: arial;
    font-size: 11px;
    color: #b6a071;
    text-transform: capitalize;
    display: block;
    margin-bottom: 30px
}

section .tum-projeler .baslik a:after {
    content: "";
    display: inline-block;
    transform: translate(6px, 3px);
    width: 18px;
    height: 14px;
    background-image: url(../img/avci-icon.png);
    background-position: -1451px center;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .tum-projeler .baslik a:hover:after {
    transform: translate(11px, 3px);
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .tum-projeler .projes .slick-list {
    width: 900px;
    float: right;
    right: -30px;
    margin: 0 0 53px 270px
}

section .tum-projeler .projes .slick-arrow {
    width: 65px;
    height: 78px;
    background-color: transparent;
    font-size: 0;
    border: 1px solid #245065;
    position: relative
}

section .tum-projeler .projes .slick-arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 16px;
    background-image: url(../img/avci-icon.png);
    background-position: -1472px center
}

section .tum-projeler .projes .slick-prev:before {
    transform: rotate(180deg) translate(50%, 50%)
}

section .tum-projeler .projes .slick-prev {
    float: left
}

section .tum-projeler .projes .slick-next {
    float: right
}

section .tum-projeler .projes ul {
    float: left;
    position: relative;
    left: 50%;
    margin-left: -65px;
    transform: translate(-50%);
    padding-top: 33px
}

section .tum-projeler .projes ul li {
    float: left;
    font-size: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #20495d;
    cursor: pointer;
    margin: 0 3px
}

section .tum-projeler .projes ul li.slick-active {
    background-color: transparent;
    border: 1px solid #20495d
}

section .tum-projeler .projes .proje {
    float: left;
    width: 270px;
    position: relative;
    margin-right: 30px;
    padding-left: 10px
}

section .tum-projeler .projes .proje:before {
    content: "";
    display: block;
    position: absolute;
    height: 305px;
    border: 1px solid #55605a;
    left: 0;
    right: 10px;
    top: 10px
}

section .tum-projeler .projes .proje .photo {
    height: 305px;
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
    background-size: cover
}

section .tum-projeler .projes .proje h3 {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 18px;
    color: #e6f7ff;
    text-transform: capitalize
}

section .tum-projeler .projes .proje h4,
section .tum-projeler .projes .proje h5 {
    font-family: arial;
    font-size: 13px;
    color: #59635c;
    text-transform: capitalize;
    margin: 5px 0
}

section .tum-projeler .projes .proje h5 {
    color: #b6a071;
    margin: 0
}

section .tum-projeler .alt-cizgi {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #245065;
    bottom: 77px
}

section .video-neden {
    padding: 70px 0
}

section .video-neden h2 {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 25px;
    color: #022b3f;
    text-transform: uppercase;
    padding-bottom: 22px;
    border-bottom: 1px solid #dedede;
}

section .video-neden .grid > * {
    float: left;
    width: 50%;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    padding-left: 30px
}

section .video-neden .video-galeri .videos {
    padding: 36px 30px 0 0
}

section .video-neden .video-galeri .videos .video .photo {
    height: 300px;
    position: relative;
    cursor: pointer;
    background-size: cover
}

section .video-neden .video-galeri .videos .video .photo:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(2, 43, 63, .5);
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .video-neden .video-galeri .videos .video .photo span {
    display: block;
    border: 1px solid rgba(255, 255, 255, .49);
    padding: 15px 30px;
    min-width: 210px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    z-index: 1;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .video-neden .video-galeri .videos .video .photo span:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 12px;
    background-image: url(../img/avci-icon.png);
    background-position: -322px center;
    margin-left: 16px
}

section .video-neden .video-galeri .videos .video .photo:hover:after {
    background-color: rgba(2, 43, 63, .8);
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .video-neden .video-galeri .videos .video .photo:hover span {
    border-color: #fff;
    letter-spacing: 3px;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .video-neden .video-galeri .videos .video p {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px;
    color: #b6a071;
    text-transform: uppercase;
    text-align: center;
    margin: 60px 0 45px
}

section .video-neden .video-galeri .videos .slick-dots {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

section .video-neden .video-galeri .videos .slick-dots li {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #bababa;
    float: left;
    margin: 0 8px;
    cursor: pointer
}

section .video-neden .video-galeri .videos .slick-dots li:hover,
section .video-neden .video-galeri .videos .slick-dots .slick-active {
    background-color: #b6a071
}

section .video-neden .neden-biz {
    border-left: 0
}

section .video-neden .neden-biz .neden {
    padding-top: 25px
}

section .video-neden .neden-biz a {
    display: block;
    border-top: 1px solid #dedede;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    color: #adadad;
    text-align: center;
    text-transform: uppercase;
    padding-top: 18px;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .video-neden .neden-biz a:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 8px;
    margin-left: 5px;
    background-image: url(../img/avci-icon.png);
    background-position: -1484px center;
    -wekit-transition: margin-left .2s ease-in-out;
    -moz-transition: margin-left .2s ease-in-out;
    transition: margin-left .2s ease-in-out
}

section .video-neden .neden-biz a:hover {
    color: #b6a071;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .video-neden .neden-biz a:hover:after {
    background-position: -336px center;
    margin-left: 10px;
    -wekit-transition: margin-left .2s ease-in-out;
    -moz-transition: margin-left .2s ease-in-out;
    transition: margin-left .2s ease-in-out
}

section .hizli-menu {
    background-color: #022b3f;
    padding: 45px 0
}

section .hizli-menu .hizli-slider .hizli {
    display: block;
    border: 1px solid #b6a071;
    float: left;
    width: 22.40%;
    height: 275px;
    text-align: center;
    margin-right: 3.3333%;
    padding: 0 30px
}

section .hizli-menu .hizli-slider .hizli:last-of-type {
    margin-right: 0
}

section .hizli-menu .hizli-slider .hizli div {
    height: 141px;
    background-position: center bottom;
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

section .hizli-menu .hizli-slider .hizli:hover div {
    transform: translateY(-10px);
    -wekit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@keyframes iconlar {
    0% {
        transform: translateY(-10px)
    }
    50% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-10px)
    }
}

section .hizli-menu .hizli-slider .hizli h4 {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 20px;
    color: #b6a071;
    text-transform: uppercase;
    margin: 20px 0 15px
}

section .hizli-menu .hizli-slider .hizli p {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14px;
    color: #59635c
}

@media (max-width: 1280px) {
    section .haber h2 {
        margin: 0;
        width: 100%;
        text-align: center
    }
    
    section .haber h2:before {
        right: 50%;
        transform: translateX(50%)
    }
    
    section .haber .haber-sliders {
        width: 100%
    }
    
    section .haber .haber-sliders .slick-list {
        width: 85%
    }
    
    section .haber .haber-sliders .haber-slider {
        padding: 20px 0
    }
    
    section .haber .haber-sliders .slick-arrow {
        width: 15%
    }
    
    section .projeler {
        padding: 50px 0
    }
    
    section .projeler .projeler-sliders ul {
        position: relative;
        left: 50%;
        padding-top: 0;
        transform: translateX(-50%);
        margin-bottom: 20px
    }
    
    section .projeler .projeler-sliders ul li {
        float: left;
        margin: 0 5px
    }
    
    section .projeler .projeler-sliders .slick-list {
        width: 100%
    }
    
    section .tum-projeler .baslik {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        position: static
    }
    
    section .tum-projeler .baslik p {
        margin: 22px 0
    }
    
    section .tum-projeler .projes .slick-list {
        float: left;
        margin-left: 50%;
        transform: translateX(-50%)
    }
    
    section .projeler .zemin-1,
    section .projeler .zemin-2 {
        display: none
    }
}

@media (max-width: 1170px) {
    section .projeler .projeler-sliders .projeler-slider .foto {
        margin-left: 20px;
        width: 500px
    }
    
    section .video-neden .grid > * {
        width: 100%;
        margin-bottom: 25px;
        border: 0;
        padding: 0
    }
    
    section .video-neden {
        padding: 40px 0
    }
    
    section .video-neden .video-galeri .videos {
        padding: 30px 0 0
    }
    
    section .video-neden .video-galeri .videos .video p {
        margin: 40px 0 25px
    }
}

@media (max-width: 1060px) {
    section .projeler .projeler-sliders .projeler-slider h4 {
        font-size: 30px
    }
    
    section .projeler .projeler-sliders .projeler-slider p {
        width: 250px
    }
    
    section .tum-projeler .projes .slick-list {
        width: 600px
    }
    
    section .hizli-menu .hizli-slider .hizli {
        margin-right: 20px
    }
}

@media (max-width: 975px) {
    section .haber .haber-sliders {
        padding: 0
    }
    
    section .haber .haber-sliders .slick-list {
        width: 100%
    }
    
    section .haber .haber-sliders .slick-arrow {
        width: 50%;
        border-top: 1px solid #093a52
    }
    
    section .haber .haber-sliders .slick-prev {
        border-left: 0;
        border-top: 0;
        border-bottom: 1px solid #093a52
    }
    
    section .projeler .projeler-sliders .projeler-slider .icon {
        margin-left: 100px
    }
    
    section .projeler .projeler-sliders .projeler-slider .foto {
        width: 100%;
        height: 350px;
        margin: 0 0 10px 0;
        background-size: cover
    }
    
    section .projeler .projeler-sliders .projeler-slider .icon,
    section .projeler .projeler-sliders .projeler-slider h4,
    section .projeler .projeler-sliders .projeler-slider h5,
    section .projeler .projeler-sliders .projeler-slider p,
    section .projeler .projeler-sliders .projeler-slider a {
        float: left;
        margin: 5px 0;
        width: 100%;
        text-align: center
    }
    
    section .ana-banner .slider {
        font-size: 8px
    }
}

@media (max-width: 750px) {
    section .tum-projeler .projes .slick-list {
        width: 270px;
        right: auto
    }
    
    section .tum-projeler .projes .proje {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width: 700px) {
    section .haber h2 {
        padding: 50px 0 10px
    }
    
    section .haber h2:before {
        top: 12px
    }
    
    section .haber .haber-sliders .slick-list {
        width: 100%;
        margin: 0
    }
    
    section .haber .haber-sliders .haber-slider div {
        margin: 0 0 10px;
        width: 100%;
        height: 150px
    }
    
    section .ana-banner .slider {
        font-size: 6px
    }
}

@media (max-width: 650px) {
    section .projeler .projeler-sliders .projeler-slider .foto {
        height: 300px
    }
    
    section .hizli-menu .hizli-slider .hizli {
        margin-right: 0
    }
    
    section .ana-banner .slider {
        font-size: 5px
    }
}
@media (max-width: 500px) {
    section .ana-banner ul {
        left: 20px
    }
}
@media (max-width: 465px) {
    section .projeler .projeler-sliders ul li div {
        padding: 21px 28.079px
    }
    
    section .projeler .projeler-sliders .projeler-slider .foto {
        height: 250px
    }
}

@media (min-width: 1325px) {
    section .hizli-menu .hizli-slider .hizli {
        width: 22.40% !important;
        margin-right: 3.3333% !important
    }
    
    section .hizli-menu .hizli-slider .hizli:last-of-type {
        margin-right: 0 !important
    }
}