:focus {outline: none;}

body {color: #000; font-size: 14px; font-family: 'Ubuntu', sans-serif;}

.container {width: 990px; margin: 0 auto;}
.container.wide {width: 1200px;}

.page-top {position: relative; z-index: 700; float: left; width: 100%; height: 110px; background: url('../img/page-top.png');}
.page-top > .container {height: 110px; background: url('../img/page-top-center.png');}


.page-top .logo {position: relative; float: left; width: 202px; height: 73px; margin-top: 20px; overflow: hidden;}
.page-top .logo > a > span {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; display: block; width: 202px; height: 73px; background;}
.page-top .logo > a > i {position: absolute; left: -5px; top: 0; bottom: 0; z-index: 5; width: 0; background: #fff; box-shadow: 0 0 10px 5px rgba(255,255,255,1); transform: rotate(30deg); animation: move 3s linear infinite;}

.page-top .phones {float: right; height: 35px; margin-top: 36px; padding-top: 3px; color: #585858; font-size: 16px; font-weight: 300; line-height: 1;}

.page-top .links {float: right; height: 38px; margin: 36px 0 0; padding: 0; list-style: none;}
.page-top .links li {float: left; width: 38px; height: 38px; margin-right: 10px; background: url('../img/top-icons.png');}
.page-top .links li.location {background-position: 0 -38px;}
.page-top .links li.location:hover {background-position: 0 0;}

.page-top .links li.galeri {background-position: -216px -38px;}
.page-top .links li.galeri:hover {background-position: -216px 0;}

.page-top .links li.mail {background-position: -38px -38px;}
.page-top .links li.mail:hover {background-position: -38px 0;}
.page-top .links li.contact {background-position: -76px -38px;}
.page-top .links li.contact:hover {background-position: -76px 0;}
.page-top .links li.sahibinden {width:102px; background-position: -114px -38px;}
.page-top .links li.sahibinden:hover {background-position: -114px 0;}
.page-top .links li a {width: 100%; height: 100%; float: left; display: block; text-indent: -9999px;}


.navigation {position: relative; z-index: 900; float: left; width: 100%; height: 50px; background: url('../img/navigation.png');}
.navigation .container {height: 50px; background: url('../img/navigation-top-shadow.png') no-repeat center top;}

.navigation ul {margin: 0; padding: 0; list-style: none;}
.navigation .menu {height: 50px; margin: -1px;}
.navigation .menu > li {position: relative; float: left; height: 50px; margin-left: 1px;}
.navigation .menu > li:after {position: absolute; right: -1px; top: 14px; width: 1px; height: 22px; content: " "; background: #c8c8c8;}
.navigation .menu > li.divider:after,
.navigation .menu > li.l:after {display: none;}
.navigation .menu > li.home {width: 30px;}
.navigation .menu > li.divider {width: 180px;}
.navigation .menu > li > a {height: 50px; display: block; padding: 0 20px; color: #000; font-size: 13px; font-weight: 700; text-decoration: none; line-height: 50px;}
.navigation .menu > li:hover > a {color: #fff; background: #1046ba;}
.navigation .menu > li.home > a {width: 30px; padding: 0; background: url('../img/icon-home.png') no-repeat left center;}
.navigation .menu > li.divider > span {position: absolute; left: 7px; top: -90px; width: 166px; height: 233px; display: block; background: url('../img/ico.png');}

.navigation .menu > li > ul {position: absolute; left: 0; top: 50px; width: 180px; display: none;}
.navigation .menu > li > ul > li {float: left; width: 180px;}
.navigation .menu > li > ul > li > a {display: block; padding: 10px; color: #fff; font-size: 14px; font-weight: 400; text-decoration: none; background: #1046ba;}
.navigation .menu > li > ul > li > a:hover {background: #0c3ca4;}

.navigation .menu li:hover > ul {display: block;}

.page-slides {position: relative; z-index: 100; float: left; width: 100%; min-width: 1200px; height: 600px;}
.page-slides.cover {height: 250px; background-position: center 68%; background-size: cover;}
.page-slides .shadow {position: absolute; left: 0; right: 0; top: 0; z-index: 119; height: 20px; background: url('../img/slides-shadow.png') repeat-x 0 0;}
.page-slides ul {margin: 0; padding: 0; list-style: none;}
.page-slides ul li {position: relative; float: left; width: 100%; height: 600px;}
.page-slides .image {position: absolute; width: 100%; height: 600px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.page-slides .text {position: absolute; left: 50%; bottom: 0; width: 586px; height: 169px; margin-left: -293px;}

.page-home {position: relative; z-index: 500; float: left; width: 100%; min-width: 1200px; height: 564px; margin-top: -102px;}

.page-home .repeat {position: absolute; top: 0; z-index: 100; width: 25%; height: 564px; background: url('../img/page-middle-home-repeat.png') repeat-x;}
.page-home .repeat.left {left: 0;}
.page-home .repeat.right {right: 0;}

.page-home > .container.wide {position: relative; z-index: 150; height: 633px; background: url('../img/page-middle-home.png');}
.page-home > .container.wide > .container {position: relative; height: 564px;}

#home-slide-pager {position: absolute; left: 0; top: 42px;}
#home-slide-pager .bx-pager-item {float: left; width: 8px; height: 8px; margin-right: 4px;}
#home-slide-pager .bx-pager-item a {width: 8px; height: 8px; display: block; text-indent: -9999px; background: #fff; border-radius: 4px; opacity: .4;}
#home-slide-pager .bx-pager-item a.active {opacity: 1;}

#home-slide-controls {position: absolute; right: 0; top: -19px; width: 150px; height: 90px; background: url('../img/slide-controls.png');}
#home-slide-controls a {width: 75px; height: 90px; display: block; text-indent: -9999px;}
#home-slide-controls a.bx-prev {float: left;}
#home-slide-controls a.bx-next {float: right;}

.page-home .new-projects {position: relative; float: left; width: 319px; height: 309px; margin: 178px 0 0;}

.page-home .new-projects .image {position: absolute; left: 0; top: 0;}
.page-home .new-projects .image img {display: block;}

.page-home .new-projects .link {position: absolute; left: 23px; bottom: 13px; width: 68px; height: 68px; display: block; text-indent: -9999px; background: url('../img/link-right.png');}

.page-home .soydemir-info {float: left; width: 218px; margin: 300px 0 0 70px; font-size: 15px; font-weight: 300; text-align: center; line-height: 1.4;}

.page-home .completed-projects {position: relative; float: right; width: 309px; height: 309px; margin-top: 178px;}

.page-home .completed-projects .image {position: absolute; left: 0; top: 0;}
.page-home .completed-projects .image img {display: block;}

.page-home .completed-projects .link {position: absolute; right: 13px; bottom: 13px; width: 68px; height: 68px; display: block; text-indent: -9999px; background: url('../img/link-left.png');}

.page-content {position: relative; float: left; width: 100%; min-height: 250px; padding-bottom: 20px; background: #3c3c3c url('../img/page-middle-content.png') repeat-x 0 0;}

.page-content .shadow {position: absolute; left: 0; right: 0; top: 15px; z-index: 50; height: 20px; background: url('../img/content-shadow.png') repeat-x 0 0;}

.page-content .page-title {position: relative; z-index: 100; float: left; width: 100%; height: 50px; margin-top: 15px; background: #1d1d1d; border-radius: 0 0 4px 4px; border-bottom: 3px solid #111;}
.page-content .page-title h2 {margin: 0; padding: 0 20px; color: #fff; font-size: 20px; font-weight: 300; line-height: 40px;}

.page-content .page-text {float: left; width: 660px; margin-top: 20px; color: #fff; font-size: 16px; text-align: justify; line-height: 1.6;}
.page-content .page-text p {margin: 0 0 10px; padding: 0;}
.page-content .page-text a {color: #fff; text-decoration: none;}
.page-content .page-text a:hover {text-decoration: underline;}

.page-content .projects {float: left; width: 660px; margin-top: 20px; color: #fff; font-size: 16px; text-align: justify; line-height: 1.6;}
.page-content .projects ul {margin: 0; padding: 0; list-style: none;}
.page-content .projects ul li {float: left; width: 660px; margin-bottom: 20px;}
.page-content .projects ul li a {width: 660px; display: block; color: #fff; text-decoration: none;}
.page-content .projects ul li a .image {position: relative; width: 660px; height: 300px; display: block; overflow: hidden;}
.page-content .projects ul li a .image img {width: 100%; display: block; border-radius: 4px 4px 0 0;}
.page-content .projects ul li a .image .cover {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; background: url('../img/project-cover.png'); transition: .2s ease;}
.page-content .projects ul li a:hover .image .cover {opacity: 1;}
.page-content .projects ul li a .text {position: relative; width: 620px; height: 40px; display: block; padding: 10px 20px; line-height: 1; background: #1d1d1d; border-radius: 0 0 4px 4px; transition: .2s ease;}
.page-content .projects ul li a:hover .text {background: #1046ba;}
.page-content .projects ul li a .text strong {display: block; padding: 2px 0; text-transform: uppercase;}
.page-content .projects ul li a .text small {opacity: .75;}
.page-content .projects ul li a .text .date {position: absolute; right: 20px; top: 22px; opacity: .5; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase;}

.page-content .project-detail {float: left; width: 100%; min-height: 600px; margin-top: 20px; background: #1d1d1d; border: 1px solid #000; box-shadow: inset 0 0 0 1px rgba(82,82,82,.4);}

.page-content .project-detail .tab-controls {float: left; width: 972px; height: 40px; padding: 10px 10px 0;}
.page-content .project-detail .tab-controls a {position: relative; float: left; width: 323px; height: 40px; margin-right: 1px; color: #fff; font-size: 14px; font-weight: 300; text-align: center; text-decoration: none; line-height: 40px; background: #333;}
.page-content .project-detail .tab-controls a:hover {background: #111;}
.page-content .project-detail .tab-controls a.active {background: #ff0000;}
.page-content .project-detail .tab-controls a.active:after {position: absolute; left: 50%; top: 40px; content: " "; width: 0; height: 0; margin-left: -4px; border-top: 4px solid #ff0000; border-left: 6px solid transparent; border-right: 6px solid transparent;}

.page-content .project-detail .tab-contents {float: left; width: 971px; padding: 0 10px;}
.page-content .project-detail .tab-content {width: 971px; min-height: 540px; display: none; overflow: hidden;}

.page-content .project-detail .tab-content p {margin: 0; padding: 110px 0; color: #fff; font-size: 24px; font-weight: 300; text-align: center; line-height: 1.6;}
.page-content .project-detail .tab-content p span {display: block; line-height: 2.2; border-bottom: 1px solid rgba(255,255,255,.1);}
.page-content .project-detail .tab-content p span:first-child {border-top: 1px solid rgba(255,255,255,.1);}

.page-content .project-detail .tab-content .photos {width: 950px; margin: 0; padding: 20px 0 0 20px; list-style: none;}
.page-content .project-detail .tab-content .photos li {position: relative; float: left; width: 455px; height: 200px; margin-bottom: 20px; margin-right: 20px; overflow: hidden;}
.page-content .project-detail .tab-content .photos li img {width: 100%; display: block; border-radius: 3px;}
.page-content .project-detail .tab-content .photos li .cover {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; background: url('../img/gallery-cover.png'); transition: .2s ease;}
.page-content .project-detail .tab-content .photos li:hover .cover {opacity: 1;}

.page-content .sidebar {float: right; width: 300px; margin-top: 20px;}

.page-content .sidebar .links {width: 300px;}
.page-content .sidebar .links a {float: left; width: 280px; height: 40px; display: block; margin-bottom: 1px; padding: 0 10px; color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; line-height: 40px; background: #0c0c0c; border-radius: 2px;}
.page-content .sidebar .links a.active,
.page-content .sidebar .links a:hover {background: #1046ba;}

.page-bottom {float: left; width: 100%; height: 170px; background: #fff;}

.page-bottom .container {position: relative; z-index: 700; height: 170px;}

.page-bottom .logos {float: left; height: 52px; margin-top: 26px;}
.page-bottom .logos a {float: left; height: 52px; display: block;}
.page-bottom .logos .divider {float: left; width: 1px; height: 37px; margin: 3px 15px 0; background: #dde4dc;}

.page-bottom .phones {position: absolute; left: -10px; bottom: 30px; width: 244px; height: 58px; background: url('../img/page-bottom-phones.png');}
.page-bottom .phones span {position: absolute; left: 115px; top: 25px; color: #585858; font-size: 13px; font-weight: 300;}

.page-bottom .socials-networks {position: absolute; right: 0; top: 30px; margin: 0; padding: 0; list-style: none;}
.page-bottom .socials-networks li {float: left; width: 22px; height: 22px; margin-left: 7px; background: url('../img/social-networks.png');}
.page-bottom .socials-networks li.fb {background-position: 0 0;}
.page-bottom .socials-networks li.tw {background-position: -22px 0;}
.page-bottom .socials-networks li.gp {background-position: -44px 0;}
.page-bottom .socials-networks li a {width: 22px; height: 22px; display: block; text-indent: -9999px;}

.page-bottom .inviva {position: absolute; right: 0; top: 80px; width: 62px; height: 16px; display: block; text-indent: -9999px; background: url('../img/inviva.png');}

.page-bottom .rights {position: absolute; left: 340px; top: 80px; color: #ababab; font-size: 12px; font-weight: 300; text-align: center;}
.page-bottom .rights strong {display: block; padding-bottom: 5px; color: #2d2e2e; font-size: 14px; font-weight: 700;}

hr {
    border: 0;
    height: 1px;
    background: #aaa;
    background-image: linear-gradient(to right, #3c3c3c, #aaa, #3c3c3c);
}

.row {margin: 0 -15px 15px;}
.row:after {content: ""; display: table; clear: both;}
.row .col-2 {float: left; width: 50%; padding: 0 15px; text-align: left; box-sizing: border-box;}

@-webkit-keyframes move {
  0%   { left: 0; }
  100% { left: 100%; }
}
@-moz-keyframes move {
  0%   { left: 0; }
  100% { left: 100%; }
}
@-o-keyframes move {
  0%   { left: 0; }
  100% { left: 100%; }
}
@keyframes move {
  0%   { left: 0; }
  100% { left: 100%; }
}