html {scroll-behavior: smooth;}
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58m-xDwxUD22FNZc.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58i-xDwxUD22FNZc.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58a-xDwxUD22FA.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58m-xDwxUD22FNZc.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58i-xDwxUD22FNZc.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-xDwxUD22FA.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58m-xDwxUD22FNZc.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58i-xDwxUD22FNZc.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/quicksand/v30/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58a-xDwxUD22FA.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4VrMDr4fJh1Zyc6FYxlG.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4VrMDrcfJh1Zyc6FYxlG.woff) format('woff');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4VrMDrwfJh1Zyc6FYxlG.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4VrMDr0fJh1Zyc6FYxlG.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4VrMDrMfJh1Zyc6FYw.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrcVIT9d4cydYA.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrcVIT9d4cydYA.woff) format('woff');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrcVIT9d4cydYA.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrcVIT9d4cydYA.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrcVIT9d4cw.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCFPrcVIT9d4cydYA.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCMPrcVIT9d4cydYA.woff) format('woff');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCHPrcVIT9d4cydYA.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCGPrcVIT9d4cydYA.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrcVIT9d4cw.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html,
body {
height: 100%;
background: #000;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
outline: none;
text-decoration: none;
list-style-type: none;
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body {
padding-top:15vh;
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 1.7;
overflow-x: hidden;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
nav .logo {
background: url(../img/web-logo0.png) no-repeat;
width: 264px;
height: 100px;
position: relative;
line-height: 43px;
padding-left: 55px;
font-size: 14px;
margin-left: 20px;
}
.navbar-dark .navbar-nav .nav-link {color:#ffedd9}
header {position:relative;}
.bg-nuans li.nav-item {padding: 0 5px;}
.bg-nuans {
background-color: rgba(0,0,0,0.5);
height: 15vh;
min-height:80px; height:80px;
}
.bg-nuans0 {
background: url(../img/head_pattern.png);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-position-x: center;
background-position-y: bottom;
width: 100%;
position: absolute;
bottom: -25px;
z-index: 10;
height: 30px;
}
header#sp-header {
position: fixed;
z-index: 1111;
top: 0px;
width: 100%;
}
div#carouselExampleIndicators {}
img.scale-with-grid{
max-width: 100%;
height: auto;
padding:0 30%;
}
a.link-nul:hover{text-decoration:none;}
div.desc_wrapper{text-align:center;color:#2a343e;}
.photo_wrapper {
height: 180px;text-align: center;
}
.proje-ozellikleri h4 {
font-weight: bold;
margin-top: 30px;
}
.proje-ozellikleri p {margin-bottom:unset;}
.yol-tarifi img, .bize-ulasin img{display:block;margin-bottom:7px}
.yol-tarifi, .bize-ulasin {text-align:center;}
a.yol-tarifi, a.yol-tarifi:hover, a.bize-ulasin, a.bize-ulasin:hover{color:#fff;text-decoration:none}
a.yol-tarifi, a.yol-tarifi:hover,
a.bize-ulasin, a.bize-ulasin:hover {
color: #2a343e;
text-decoration: none;
width: 200px;
height: 54px;
line-height: 58px;
background: url(../img/bize_ulasin.png);
font-weight: bold;
font-size: 15px;
padding-left: 35px;
}
a.yol-tarifi, a.yol-tarifi:hover{
background: url(../img/yol_tarifi.png);
background-size: cover;
}
footer a.yol-tarifi, footer a.yol-tarifi:hover,
footer a.bize-ulasin, footer a.bize-ulasin:hover {
display: block;
margin: 20px auto 30px;
}
a.nav-link {
padding: 0.5rem 15px !important;
}
.row0 {display: flex;}
.carousel-inner {
height: 90vh;
min-height: 350px;
}
.fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.carousel-caption {
color: #fff;
right: 30%;
top: 30vh;
left: 10%;
}
.inner-caption{width:470px;text-align: left;}
.inner-caption .display-4 {font-size: 4rem;}
img#arsa{min-width:596px;width:100%}
.platinium{background-position:center;}
/************ 4 KUTU ****************************/
.css3panels-container {
overflow: hidden;
position: relative;
z-index: 0;
min-height: 150px;
}
.css3panels-container.css3panel--hasSkew {
margin-left: -62px;
margin-right: -62px;
}
.kl-slideshow-css3panels .css3panels-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.css3panel {
float: left;
position: relative;
z-index: 0;
min-height: 150px;
}
@media (min-width:1200px) {
.css3panel--hasSkew.css3panels--resize .css3panel {
margin: 0 -1px;
}
}
.kl-slideshow-css3panels .css3panel {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-backface-visibility: hidden;
}
.css3panel:hover {
z-index: 1;
}
.css3panel:hover .css3panel-inner {
box-shadow: 0 0 50px 20px rgba(0, 0, 0, 0.25);
}
.css3panel--hasBorder .css3panel:hover .css3panel-inner {
box-shadow: 0 0 0 2px #fff, 0 0 50px 20px rgba(0, 0, 0, 0.25);
}
.css3panel--hasBorder.is-dark .css3panel:hover .css3panel-inner {
box-shadow: 0 0 0 2px #000, 0 0 50px 20px rgba(0, 0, 0, 0.25);
}
.kl-slideshow-css3panels .css3panels--resize .css3panel {
will-change: transform;
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.css3panels--resize .css3panel-inner {
-webkit-transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
}
.kl-slideshow-css3panels .css3panels--resize .css3panel:hover {
-webkit-box-flex: 1.3;
-webkit-flex: 1.3;
-ms-flex: 1.3;
flex: 1.3;
}
.css3panel-inner {
position: relative;
-webkit-backface-visibility: hidden;
overflow: hidden;
-webkit-transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
height: 100%;
position: absolute;
width: 100%;
}
.css3panel--hasSkew .css3panel-inner {
-webkit-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
transform: skewX(-10deg);
}
@media (min-width:1200px) {
.css3panel--hasSkew .css3panel-inner {
margin: 0 -1px;
}
}
.css3panel--hasBorder .css3panel-inner {
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.7);
}
.css3panel--hasBorder.is-dark .css3panel-inner {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.7);
}
.css3panel-mainimage-wrapper {
position: relative;
-webkit-backface-visibility: hidden;
height: 100%;
}
.css3panel--hasSkew .css3panel-mainimage-wrapper {
margin-left: -60px;
margin-right: -60px;
-webkit-transform: skewX(10deg);
-ms-transform: skewX(10deg);
transform: skewX(10deg);
}
.css3panel-mainimage {
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
}
.css3panel-mainimage-img {
height: 100%;
-webkit-backface-visibility: hidden;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.css3panel-mainimage--stretch .css3panel-mainimage-img {
position: absolute;
width: 100%;
}
.css3panel-mainimage--noStretch {
text-align: center;
}
.css3panel-mainimage--noStretch .css3panel-mainimage-effect {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.css3p-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.css3panel:hover .css3p-overlay {
background: rgba(15,15,15,0.8);
-webkit-transition: opacity 0.15s ease-out, background 0.15s ease-out;
transition: opacity 0.15s ease-out, background 0.15s ease-out;
}
.css3p-overlay--gradient {
opacity: 0.5;
top: 50%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.css3panel-mainimage-img.anim--grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.css3panel:hover .css3panel-mainimage-img.anim--grayscale {
opacity: 0;
}
.css3panel-mainimage-img.anim--blur {
-webkit-filter: blur(9px);
filter: blur(9px);
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.css3panel:hover .css3panel-mainimage-img.anim--blur {
opacity: 0;
}
.css3panel-mainimage-img.anim--grayscale.anim--blur {
-webkit-filter: grayscale(100%) blur(9px);
filter: grayscale(100%) blur(9px);
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.css3panel:hover .css3panel-mainimage-img.anim--grayscale.anim--blur {
opacity: 0;
}
.css3panel-caption {
position: absolute;
bottom: 90px;
color: #ffffff;
z-index: 1;
width: 100%;
}
.css3panel-caption a:hover{text-decoration: none;}
.css3panel--hasSkew .css3panel-caption.text-right {
padding-right: 50px;
}
.css3panel--hasSkew .css3panel-caption.text-left {
padding-left: 50px;
}
.css3panel--hasSkew .css3panel:first-child .css3panel-caption {
padding-left: 80px;
}
.css3panel--hasSkew .css3panel:last-child .css3panel-caption {
padding-right: 80px;
}
.css3panel-caption.css3caption--middle {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.cssp-capt-fadein .css3panel-title,
.cssp-capt-fadein .css3panel-text,
.cssp-capt-fadein .css3panel-btn-area {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
}
.cssp-capt-fadein .css3panel:hover .css3panel-title,
.cssp-capt-fadein .css3panel:hover .css3panel-text,
.cssp-capt-fadein .css3panel:hover .css3panel-btn-area {
opacity: 1;
visibility: visible;
}
.cssp-capt-fadeout .css3panel-title,
.cssp-capt-fadeout .css3panel-text,
.cssp-capt-fadeout .css3panel-btn-area {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
}
.cssp-capt-fadeout .css3panel:hover .css3panel-title,
.cssp-capt-fadeout .css3panel:hover .css3panel-text,
.cssp-capt-fadeout .css3panel:hover .css3panel-btn-area {
opacity: 1;
visibility: visible;
}
.cssp-capt-fadeout .css3panel:hover .css3panel-btn-area {}
.cssp-capt-slidein .css3panel-title,
.cssp-capt-slidein .css3panel-text,
.cssp-capt-slidein .css3panel-btn-area {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
-webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out, -webkit-transform 0.15s ease-out;
transition: opacity 0.15s ease-out, visibility 0.15s ease-out, transform 0.15s ease-out;
}
.cssp-capt-slidein .css3panel:hover .css3panel-title,
.cssp-capt-slidein .css3panel:hover .css3panel-text,
.cssp-capt-slidein .css3panel:hover .css3panel-btn-area {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.cssp-capt-slideout .css3panel-title,
.cssp-capt-slideout .css3panel-text,
.cssp-capt-slideout .css3panel-btn-area {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out, -webkit-transform 0.15s ease-out;
transition: opacity 0.15s ease-out, visibility 0.15s ease-out, transform 0.15s ease-out;
}
.cssp-capt-slideout .css3panel:hover .css3panel-title,
.cssp-capt-slideout .css3panel:hover .css3panel-text {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
}
@media (min-width:1200px) {
.cssp-capt-slideout .css3panel:hover .css3panel-btn-area {
-webkit-transform: translateY(40px) translateX(-10px);
-ms-transform: translateY(40px) translateX(-10px);
transform: translateY(40px) translateX(-10px);
-webkit-transition-duration: 0.3s !important;
transition-duration: 0.3s !important;
-webkit-transition-delay: 0.1s !important;
transition-delay: 0.1s !important;
}
}
.cssp-capt-slideout .css3panel:hover .css3p-overlay {
opacity: 0;
}
.cssp-capt-animated .css3panel-title {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.cssp-capt-animated .css3panel-text {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.cssp-capt-animated .css3panel-btn-area {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.cssp-capt-animated .css3panel:hover .css3panel-btn-area {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.cssp-capt-animated .css3p-overlay {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.css3panel-title {
position: relative;
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #f5e3a0;
margin: 0;
}
.css3panel-title.title-size-bigger {
font-size: 70px;
line-height: 1.1;
text-shadow: 1px 1px 50px rgba(0, 0, 0, 0.4);
letter-spacing: -2px;
}
.css3panel--hasSkew .css3panel:last-child .css3panel-title {
margin-right: 10px;
}
.css3panel-text {
font-size: 16px;
color: #fff;
font-weight: 300;
margin-top: 20px;
line-height: 1.6;
}
.css3panel--hasSkew {
margin-right: 20px;
}
.captiontitle--wbg,
.captiontitle--dbg {
padding: 13px 0px 13px 45px;
}
.captiontitle--wbg:before,
.captiontitle--dbg:before {
content: "";
position: absolute;
height: 100%;
border-radius: 4px;
padding-right: 35px;
display: block;
right: -35px;
bottom: 0;
left: 0;
top: 0;
z-index: -1;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: skew(-10deg) translate3d(0, 0, 0);
-ms-transform: skew(-10deg) translate3d(0, 0, 0);
transform: skew(-12deg) translate3d(0, 0, 0);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.45)));
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 80%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 80%);
}
.captiontitle--wbg:before {
background: rgba(255, 255, 255, 0.9);
background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.25)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.25) 40%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0.25) 40%, rgba(255, 255, 255, 0) 100%);
}
.css3panel-btn-area {
clear: both;
float: right;
margin-top: 20px;
margin-right: 0px;
font-size: 14px;
font-weight: 200;
}
.css3panel-btn-area .btn {
margin-left: 20px;
margin-bottom: 10px;
}
@media (max-width:1440px) {
.css3panel .css3panel-text {
font-size: 13px;
}
.css3panel .css3panel-btn-area .btn {
margin-bottom: 10px;
display: block;
}
.css3panel .css3panel-title.title-size-bigger {
font-size: 30px;
}
}
@media (min-width:1200px) and (max-width:1440px) {
.kl-slideshow-css3panels .css3panel:first-child,
.kl-slideshow-css3panels .css3panel:last-child {
-webkit-box-flex: 1.15;
-webkit-flex-grow: 1.15;
-ms-flex-positive: 1.15;
flex-grow: 1.15;
}
.css3panel--hasSkew .css3panel:first-child .css3panel-caption {
padding-left: 90px;
padding-right: 80px;
}
.css3panel--hasSkew .css3panel:last-child .css3panel-caption {
padding-right: 80px;
}
.css3panel-btn-area {
float: none;
max-width: 100%;
}
.css3panel-btn-area .btn {
white-space: normal;
}
.css3panel-title {
word-break: break-word;
}
}
@media (max-width:1199px) {
.kl-slideshow-css3panels .css3panels-container {
margin-left: 0;
margin-right: 0;
}
.kl-slideshow-css3panels .css3panel-inner,
.kl-slideshow-css3panels .css3panel-mainimage-wrapper {
-webkit-transform: skewX(0);
-ms-transform: skewX(0);
transform: skewX(0);
margin-left: 0;
margin-right: 0;
}
.kl-slideshow-css3panels .css3panel .css3panel-caption,
.kl-slideshow-css3panels .css3panel:first-child .css3panel-caption,
.kl-slideshow-css3panels .css3panel:last-child .css3panel-caption {
padding-left: 20px;
padding-right: 20px;
}
.kl-slideshow-css3panels .css3panel-caption {
text-align: center;
}
.kl-slideshow-css3panels .css3panel-btn-area {
float: none;
}
.kl-slideshow-css3panels .css3panel-title,
.kl-slideshow-css3panels .css3panel-title.title-size-bigger,
.kl-slideshow-css3panels .css3panel-text,
.kl-slideshow-css3panels .css3panel-btn-area,
.kl-slideshow-css3panels .css3panel-btn-area .btn {
margin-left: 0;
margin-right: 0;
}
.kl-slideshow-css3panels .css3panel-btn-area .btn {
margin-bottom: 10px;
}
.kl-slideshow-css3panels .css3panel:hover .css3panel-title,
.kl-slideshow-css3panels .css3panel:hover .css3panel-text {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width:992px) and (max-width:1200px) {
.kl-slideshow-css3panels .css3panels--resize .css3panel:hover {
-webkit-box-flex: 2;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
}
.kl-slideshow-css3panels .css3panel-title,
.kl-slideshow-css3panels .css3panel-title.title-size-bigger {
font-size: 18px;
}
.kl-slideshow-css3panels .css3panel-text {
font-size: 13px;
}
.kl-slideshow-css3panels .css3panel-btn-area .btn {
font-size: 12px;
}
}
@media (min-width:768px) and (max-width:991px) {
.kl-slideshow-css3panels .css3panels--resize .css3panel:hover {
-webkit-box-flex: 2.2;
-webkit-flex: 2.2;
-ms-flex: 2.2;
flex: 2.2;
}
.kl-slideshow-css3panels .css3panel-title,
.kl-slideshow-css3panels .css3panel-title.title-size-bigger {
font-size: 16px;
}
.kl-slideshow-css3panels .css3panel-text {
display: none;
}
.kl-slideshow-css3panels .css3panel-btn-area {
margin-top: 40px;
}
.kl-slideshow-css3panels .css3panel-btn-area .btn {
margin-bottom: 10px;
}
.kl-slideshow-css3panels .css3panel-btn-area .btn {
font-size: 12px;
}
}
@media (max-width:767px) {
.kl-slideshow-css3panels .css3panels-container {
height: auto !important;
margin-left: 0;
margin-right: 0;
}
.kl-slideshow-css3panels .css3panels-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.kl-slideshow-css3panels .css3panel {
float: left;
overflow: hidden;
position: relative;
z-index: 0;
box-shadow: 0 0 0 3px #fff;
padding-top: 30px;
padding-bottom: 30px;
}
.kl-slideshow-css3panels .css3panel {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-height: 300px;
}
.kl-slideshow-css3panels .css3panel-mainimage-img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
}
.kl-slideshow-css3panels .css3panel-inner {
position: absolute;
top: 0;
width: 100%;
height: 100% !important;
}
.kl-slideshow-css3panels .css3panel-mainimage-wrapper {
height: 100% !important;
}
.kl-slideshow-css3panels .css3panel-caption {
bottom: 20px;
}
.kl-slideshow-css3panels .css3panel-title,
.kl-slideshow-css3panels .css3panel-title.title-size-bigger {
font-size: 18px;
}
.kl-slideshow-css3panels .captiontitle--wbg,
.kl-slideshow-css3panels .captiontitle--dbg {
padding: 10px 0 10px 25px;
}
.kl-slideshow-css3panels .css3panel-text {
font-size: 14px;
}
.kl-slideshow-css3panels .css3panel-btn-area {
clear: none;
float: none;
max-width: 100%;
margin-top: 25px;
margin-right: 0;
}
.kl-slideshow-css3panels .css3panel-btn-area .btn:first-child {
margin-bottom: 15px;
}
}
.eluid1ea5e7ac .css3panels-container {
height: 720px;
}
.eluid1ea5e7ac .css3panels-container.css3panel--hasSkew,
.eluid1ea5e7ac .css3panel--hasSkew .css3panel-mainimage-wrapper {
margin-left: -72px;
margin-right: -72px
}
.eluid1ea5e7ac .css3panel--hasSkew .css3panel:not(:first-child) .css3panel-caption.text-left {
padding-left: 72px
}
.eluid1ea5e7ac .css3panel--hasSkew .css3panel:not(:last-child) .css3panel-caption.text-right {
padding-right: 72px
}
.eluid1ea5e7ac .css3panel--0 .css3panel-title {
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #f5e3a0;
}
.eluid1ea5e7ac .css3panel--1 .css3panel-title {
font-size: 18px;
line-height: 18px;
color: #f5e3a0;
}
.eluid1ea5e7ac .css3panels--resize .css3panel {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.eluid1ea5e7ac .css3panels--resize .css3panel:hover {
-webkit-box-flex: 1.1;
-webkit-flex: 1.1;
-ms-flex: 1.1;
flex: 1.1
}
.css3panel {
margin-right: -1px;
}
.css3panel-caption {
bottom: 0;
padding: 50px;
}
/************ 4 KUTU ****************************/
/************ Footer ****************************/
footer {
background-color: #2a343e;
padding:100px 40px;
color: #fff;
}
footer h4{
color: #f5e3a0;
}
footer .submit-button{
color: #f5e3a0;
border:2px solid #f5e3a0;
border-radius: 0px;
padding: .575rem 1.75rem;
}
footer input.form-control,
footer textarea.form-control {
background-color: #2a343e !important;
border: none;
border-bottom: 2px solid #d5c787;
border-radius: 0px;
padding: .375rem 0rem;
margin-bottom: 20px;
color: #fff;
}
form#iletisim-formu {
padding-bottom: 20px;
}
footer .form-control:focus {color:#fff;}
footer ::-webkit-input-placeholder {color:#fff;}
footer ::-moz-placeholder {color:#fff;}
footer :-ms-input-placeholder {color:#fff;}
footer :-moz-placeholder {color:#fff;}
footer input:-webkit-autofill,
footer input:-webkit-autofill:hover,
footer input:-webkit-autofill:focus,
footer input:-webkit-autofill:active,
footer textarea:-webkit-autofill,
footer textarea:-webkit-autofill:hover,
footer textarea:-webkit-autofill:focus,
footer textarea:-webkit-autofill:active,
footer select:-webkit-autofill,
footer select:-webkit-autofill:hover,
footer select:-webkit-autofill:focus,
footer select:-webkit-autofill:active,
footer textarea:-internal-autofill-selected,
footer select:-internal-autofill-selected,
footer input:-internal-autofill-selected {
background-color: #2a343e !important;
}
footer input:-webkit-autofill,
footer input:-webkit-autofill:hover,
footer input:-webkit-autofill:focus,
footer textarea:-webkit-autofill,
footer textarea:-webkit-autofill:hover,
footer textarea:-webkit-autofill:focus,
footer select:-webkit-autofill,
footer select:-webkit-autofill:hover,
footer select:-webkit-autofill:focus {
-webkit-text-fill-color: #fff;
-webkit-box-shadow: 0 0 0px 1000px #2a343e inset;
transition: background-color 5000s ease-in-out 0s;
}
ul.social-media li {float:left;margin:6px}
ul.social-media li i.fa {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size:16px;
border: 1px solid;
padding: 10px 16px;
color: #fff;
}
ul.social-media li i.fa.fa-youtube-play{padding: 10px 13px;}
ul.social-media li i.fa.fa-instagram{padding: 10px 14px;}
ul.social-media li i.fa.fa-linkedin-square{padding: 10px 14px;}
i.fa:hover {
background: #f5e3a0 !important;
border-color: #f5e3a0 !important;
color: #2a343e !important;
}
/************ Footer ****************************/
/************ Font Awesome ****************************/
/*!
* Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400d41d.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.html) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
.fa.fa-facebook-f {
font-family: 'Font Awesome 5 Brands';
font-weight: 400; }
.fa.fa-facebook-f:before {
content: "\f39e"; }
.fa.fa-instagram {
font-family: 'Font Awesome 5 Brands';
font-weight: 400; }
.fa-instagram:before {
content: "\f16d";}
.fa.fa-youtube-play {
font-family: 'Font Awesome 5 Brands';
font-weight: 400; }
.fa.fa-youtube-play:before {
content: "\f167"; }
.fa.fa-linkedin-square {
font-family: 'Font Awesome 5 Brands';
font-weight: 400; }
.fa.fa-linkedin-square:before {
content: "\f08c"; }
/************ Font Awesome ****************************/
div.projeler {
/* background-attachment:fixed; */
background-size: 49%;
position: relative;
width: 100%;
height: 360px;
background-repeat: repeat-x;
transition: unset;
}
/* div#devam-eden-projeler {background-image: url(../img/projeler1.png);} */
/* div#tamamlanan-projeler {background-image: url(../img/projeler2.png);background-size: 51%;} */
/* div#gelecek-projeler {background-image: url(../img/projeler3.png);} */
.parallax0 {
min-height: auto;
padding-left: 0.5%;
padding-right: 0.5%;
}
.parallax1 .projeler {
height: auto;
background-size: 100% auto;
background-position: top center;
}
.parallax {
top: 0;
right: 0;
bottom: 0;
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
will-change: transform;
position:fixed;
left:0;
transition: unset;
}
.parallax-right {
left:unset;
}
.parallax div.projeler {min-height:650px;background-repeat:no-repeat;background-position:center right;background-size:cover}
.parallax1 div.projeler {min-height:650px;background-repeat:no-repeat;background-position:center right;background-size:cover}
#par1, #par3 {
width: 100%;
position: relative;
background-attachment: fixed;
background-position: left center;
background-repeat: no-repeat;
background-size: auto 100%;
}
#par2, #par3 {
width: 100%;
position: relative;
background-attachment: fixed;
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%;
}
.parallax.parallax-right div.projeler {background-repeat:no-repeat;background-position:center left;background-size:cover}
.projeler-text {
padding:13vh 5vh;
}
.arsa {text-align:justify}
.contact-form .btn-submit,
.arsa a.btn,
.proje-tamamlanan a.btn,
.projeler-text a.btn {
margin-top: 2vh;
background-color: #2a343e;
border-color: #2a343e;
font-weight: 200;
padding: .375rem 3.75rem .375rem 1.05rem;
border-radius: 0;
position:relative;
}
.contact-form .btn-submit span.line,
.arsa a.btn span.line,
.proje-tamamlanan a.btn span.line,
.projeler-text a.btn span.line {
border-top: 1px solid #bfbcbc;
position: absolute;
top: 18px;
right: -30px;
width: 60px;
webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
section.proje-devam .proje-tamamlanan a.btn{margin-right: 60px;}
.contact-form .btn-submit:hover span.line,
.arsa a.btn:hover span.line,
.proje-tamamlanan a.btn:hover span.line,
.projeler-text a.btn:hover span.line {width:80px;right:-50px;}
h1.pro-4 {
color: #f5e3a0;
letter-spacing: 2px;
font-family: "Raleway";
color: #e5b57e !important;
font-weight: 400 !important;
font-style: normal;
}
h1.pro-5 {
color: #ffedd9 !important;
font-size: 14px;
font-family: "Quicksand";
font-weight: 300;
font-style: normal;
}
.harita {
position: relative;
}
.map-overlay {
width: 100%;
position: absolute;
z-index: 100;
}
.harita .map-overlay h1 {
letter-spacing: 6vh;
color: #fff;
margin: 1rem;
}
@media (max-width: 500px) {
.harita .map-overlay h1 {letter-spacing: unset;font-size: 1.5rem;}
}
.show-mobile{display:none}
@media (max-width: 767px) {
.show-mobile{display:unset}
.hide-mobile{display:none}
}
.slide-out-div {
position: fixed;
right: -282px;
top: 400px;
width: 400px;
z-index: 200;
}
.slide-out-div.aktif {
right: 58px;
}
a#bilgi-talep-formu {
width: 200px;
transform: rotate(-90deg);
color:#fff;
background-color: #2a343e;
border-color: #2a343e;
font-weight: 200;
padding: .375rem 1.05rem;
border-radius: 0;
position: relative;
}
div#formContainer {
padding: 20px;
position: absolute;
top: -245px;
width: 330px;
right: -50px;
min-height: 501px;
background: #26434f;
/* background: linear-gradient(180deg, rgba(234,193,131,1) 0%, rgba(251,222,164,0.6082808123249299) 100%);
*/
border-radius:4px;
-webkit-box-shadow: 0px 0px 10px -1px rgba(143,143,143,1);
-moz-box-shadow: 0px 0px 10px -1px rgba(143,143,143,1);
box-shadow: 0px 0px 10px -1px rgba(143,143,143,1);
-webkit-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;
}
div#formContainer h3 {font-size: 1.4rem;}
div#formContainer label, div#formContainer h3 {
font-weight:bold;
}
div#formContainer img {margin: 0 0 20px 0;}
div#formContainer img.small{display:none}
div#formContainer input {
background-color: transparent !important;
border: none;
border-bottom: 2px solid #2a343e;
border-radius: 0px;
padding: .375rem 0rem;
margin-bottom:0px;
color: #2a343e;
font-weight: bold;
}
div#formContainer .form-control:focus {color:#2a343e;}
div#formContainer footer ::-webkit-input-placeholder {color:#2a343e;}
div#formContainer footer ::-moz-placeholder {color:#2a343e;}
div#formContainer footer :-ms-input-placeholder {color:#2a343e;}
div#formContainer footer :-moz-placeholder {color:#2a343e;}
div#formContainer input:-webkit-autofill,
div#formContainer input:-webkit-autofill:hover,
div#formContainer input:-webkit-autofill:focus,
div#formContainer input:-webkit-autofill:active,
div#formContainer textarea:-webkit-autofill,
div#formContainer textarea:-webkit-autofill:hover,
div#formContainer textarea:-webkit-autofill:focus,
div#formContainer textarea:-webkit-autofill:active,
div#formContainer select:-webkit-autofill,
div#formContainer select:-webkit-autofill:hover,
div#formContainer select:-webkit-autofill:focus,
div#formContainer select:-webkit-autofill:active,
div#formContainer textarea:-internal-autofill-selected,
div#formContainer select:-internal-autofill-selected,
div#formContainer input:-internal-autofill-selected {
background-color: transparent !important;
}
div#formContainer input:-webkit-autofill,
div#formContainer input:-webkit-autofill:hover,
div#formContainer input:-webkit-autofill:focus,
div#formContainer textarea:-webkit-autofill,
div#formContainer textarea:-webkit-autofill:hover,
div#formContainer textarea:-webkit-autofill:focus,
div#formContainer select:-webkit-autofill,
div#formContainer select:-webkit-autofill:hover,
div#formContainer select:-webkit-autofill:focus {
-webkit-text-fill-color: #2a343e;
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
}
div#formContainer button.btn-block {width:unset;}
div#formContainer button.btn {
margin-top: 2vh;
background-color: #2a343e;
border-color: #2a343e;
font-weight: 200;
padding: .375rem 5.75rem .375rem 1.05rem;
border-radius: 0;
position:relative;
}
div#formContainer button.btn span.line {
border-top: 1px solid #bfbcbc;
position: absolute;
top: 18px;
right: -30px;
width: 60px;
webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
div#formContainer button.btn:hover span.line {width:80px;right:-50px;}
@media (max-width: 992px) {
a#bilgi-talep-formu{display:none;}
.slide-out-div {
position:unset;
right:unset;
top:unset;
width:unset;
}
div#formContainer img.big{display:none}
div#formContainer img.small{display:unset}
div#formContainer {
padding: 45px;
position: unset;
top: unset;
background: unset;
right: unset;
height: unset;
display: block;
width: 100%;
min-height: 480px;
max-height: 480px;
-webkit-box-shadow: unset;
-moz-box-shadow:unset;
box-shadow:unset;
}
}
/********** ARSA DEĞERLENDİRME - CONTACT FORM *************/
.contact-form {
padding: 32px 0;
}
.contact-form .title {
text-align: center;
}
.contact-form .title h3 {
font-family: 'Gotham-Medium', sans-serif;
font-size: 22px;
color: #a79064;
}
.contact-form .title h3:after {
content: '';
width: 60px;
height: 4px;
display: block;
margin: 32px auto;
background: #a79064;
}
.contact-form .form-control {
border: 2px solid #a79064;
border-radius: 0;
color: #a79064;
font-size: 16px;
margin-bottom: 20px;
min-height: 40px;
text-shadow: none;
padding: 15px 10px !important;
}
.contact-form .form-control::-webkit-input-placeholder {
font-size: 15px;
font-weight: bold;
color: #a79064;
text-shadow: none;
}
.contact-form .form-control::-moz-placeholder {
font-size: 15px;
color: #a79064;
font-weight: bold;
text-shadow: none;
}
.contact-form .form-control:-ms-input-placeholder {
font-size: 15px;
color: #a79064;
font-weight: bold;
text-shadow: none;
}
.contact-form .form-controlinput:-moz-placeholder {
font-size: 15px;
color: #a79064;
font-weight: bold;
text-shadow: none;
}
.contact-form .form-group {
float: left;
text-align: right;
width: 300px;
margin: 0 auto;
}
.contact-form .address {
text-align: center;
}
.contact-form .address address {
font-size: 17px;
letter-spacing: 2px;
font-family: 'Gotham-Light', sans-serif;
}
.contact-form .address address:before {
width: 50px;
height: 3px;
background: #a79064;
display: block;
margin: 32px auto;
content: '';
}
.contact-form .address address:after {
width: 50px;
height: 3px;
background: #a79064;
display: block;
margin: 32px auto;
content: '';
}
/********** ALT SAYFALAR *************/
.carouselExampleIndicators0 .carousel-caption {
color: #f9db9e;
right: 30%;
bottom: 3vh;
left: 10%;
top:unset;
}
.carouselExampleIndicators0 .carousel-caption .lead span {font-weight:bold;}
.carouselExampleIndicators0 .carousel-caption .lead {font-size:2rem;}
.container1 {
padding:30px 0;
background-color:#eee;
}
.container0 h1, .container1 h1{font-weight:bold;letter-spacing:2px; color: #e5b57e;}
.proje-devam p{font-size:120%}
section.proje-devam p img.logo {float: left;padding-right: 10px;}
section.proje-devam p.baslik span {
font-size: 43px;
line-height: 74px;
font-weight: 200;
}
section.proje-devam .carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
width: 32px;
height: 32px;
}
section.proje-devam .carousel-control-prev-icon{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
width: 32px;
height: 32px;
}
/********** AYRICALIKLAR *************/
#gallery div[class*="container-fluid"],
#gallery div[class*="row"],
#gallery div[class*="col"] {
padding: 0;
margin: 0;
height: 100%;
}
.gallery-items img {
width: 100% !important;
height: auto !important;
}
.gallery-items .text {
color: #fff;
position: absolute;
bottom: 10px;
}
.gallery-items .text h4 {
font-family: 'Gotham-Medium', sans-serif;
font-size: 17px;
}
.gallery-items .text h4:after {
content: '';
width: 50px;
display: block;
margin: 20px auto;
height: 2px;
background: #fff;
}
.gallery-items .text p {
font-size: 14px;
}
.container-fluid:after{clear: both;}
.container-fluid:before {
display: table;
content: " ";
}
.view {
overflow: hidden;
position: relative;
text-align: center;
margin-bottom: 0px;
}
.view .mask,
.view .content {
width: 100%;
height: 100%;
position: absolute;
z-index: 998;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
z-index: 997;
}
.view-effect img {
-webkit-transition: all 0.2s ease-in-out 0.1s;
-moz-transition: all 0.2s ease-in-out 0.1s;
-o-transition: all 0.2s ease-in-out 0.1s;
-ms-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s;
}
.view-effect .mask {
background-color: rgba(167, 144, 100, 0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in 0.1s;
-moz-transition: all 0.2s ease-in 0.1s;
-o-transition: all 0.2s ease-in 0.1s;
-ms-transition: all 0.2s ease-in 0.1s;
transition: all 0.2s ease-in 0.1s;
}
.view-effect:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.view-effect:hover img {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
@media (max-width: 1385px) {
.fill{background-size: cover !important;}
}
@media (max-width: 992px) {
.bg-nuans {height:unset;}
.inner-caption {width: 460px;}
li.nav-item {text-align:center;}
a.bize-ulasin {margin:0 auto;}
a.yol-tarifi {margin:0 auto;}
section .container0 .row{margin-right:0px;margin-left:0px;}
.platinium{
background-repeat: no-repeat;
background-position: top;
background-size: contain !important;
margin-top: 60px;
}
.carousel-inner{min-height: 460px;}
}
@media (max-width: 768px) {
br{display:none}
footer span{display:block;}
img#arsa{min-width:500px}
nav .logo {margin-left:-6px;width:256px;height:71px;}
body.not-home {padding-top:160px;}
}
@media (max-width: 600px) {
section.proje-devam:first-of-type {
margin-top: -50px;
}
img#arsa{min-width:400px}
body.not-home {padding-top:180px;}
.platinium{
background-repeat: no-repeat;
background-position: top;
min-height: 245px;
background-size: contain !important;
margin-top: 80px;
}
.carousel-inner{height:unset;min-height: 245px;}
.gelecek .carousel-inner{height:75vh;}
.tamamlanan .carousel-inner{height:50vh;}
.tamamlanan.carouselExampleIndicators0 .carousel-caption {
left: 5%;
}
.projeler-text {padding:3vh 4vh;text-align: center;}
.parallax0 {min-height:300px;}
div.projeler {height:100%;}
.arsa .col.p-5.resim {padding: 1rem !important;}
.arsa .col.p-5.yazi {padding: 2rem !important;}
.mobile-center {
margin: 0 auto;
text-align: center !important;
}
ul.social-media {
width: 227px;
margin: 0 auto;
}
.css3panel .css3p-overlay {
background: rgba(15,15,15,0.8);
-webkit-transition: opacity 0.15s ease-out, background 0.15s ease-out;
transition: opacity 0.15s ease-out, background 0.15s ease-out;
}
.cssp-capt-fadein .css3panel .css3panel-title,
.cssp-capt-fadein .css3panel .css3panel-text,
.cssp-capt-fadein .css3panel .css3panel-btn-area {
opacity: 1;
visibility: visible;
}
.cssp-capt-fadeout .css3panel .css3panel-title,
.cssp-capt-fadeout .css3panel .css3panel-text,
.cssp-capt-fadeout .css3panel .css3panel-btn-area {
opacity: 1;
visibility: visible;
}
.cssp-capt-slidein .css3panel .css3panel-title,
.cssp-capt-slidein .css3panel .css3panel-text,
.cssp-capt-slidein .css3panel .css3panel-btn-area {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.cssp-capt-slideout .css3panel .css3panel-title,
.cssp-capt-slideout .css3panel .css3panel-text {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
transform: translateX(200px);
}
.view-effect .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.view-effect img {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
div.filter-projects div.container h1{font-size:1.2rem;text-align:center;}
}
@media (max-width: 500px) {
img#arsa{min-width:320px}
.container0 h1{
font-size: 20px;
display: contents;
}
.desc_wrapper {
margin-top: -20px;
margin-bottom: 50px;
}
.mob-center{text-align:center !important;}
.mob-justify{text-align:justify !important;}
.proje-tamamlanan span.mob-center {
display: block;
margin: 20px 0;
}
section.proje-devam .proje-tamamlanan a.btn {margin-right:unset;}
#gallery div[class*="col"] {margin-bottom: 10px !important;}
}