body {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a:hover {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
}
.img-responsive {
max-width: 100%;
}
.slider .detail {width:100%;}
.header {
padding-bottom: 40px;
}
.darkbg {
background: #000000;
color: #fff;
}
.header.darkbg .logo svg, .header.darkbg .logo img {fill:#fff;width:90px;}
.header.whitebg .logo svg, .header.whitebg .logo img {fill:#000;width:90px;}
.header.darkbg .logo:before {display:none;}
.header .logo {position: relative;}
.header .logo:before {
content: "saygın şenel";
font-family: 'Trajan Pro';
position: absolute;
left: 0;
right: 0;
bottom: -35px;
margin: 0 auto;
font-size: 14px;
letter-spacing: 5px;
}
.darkbg svg .cls-1 {fill:#fff;stroke:#fff;}
section.page.ilham .yborder {width:100%;}
.header ul {
padding: 0px;
margin: 0px;
list-style-type: none;
width: 100%;
}
.header ul.left li {
margin-right: 70px;
}
.header ul li {
float: left;
margin-right: 22px;
}
.header ul li.lang a, .header ul li.lang-item a, .header.whitebg ul li.lang-item a {
color: #939598;
}
.header ul li:last-child {
margin-right: 0px;
}
.header ul li a {
color: #fff;
font-size: 12px;
font-weight: 500;
letter-spacing: 4px;
}
.header.whitebg ul li a {
color: #000;
}
.header.whitebg ul li.lang a {
color: #939598;
}
.header.whitebg ul.social li a {
color: #808285;
font-weight:400;
}
.companyvideos .item .detail .logo img {
height:25px;
}
ul.social {
float: right;
font-size: 13px;
width: auto;
}
ul.social li {
border-right: 1px solid #6d6e71;
padding: 12px 17px;
margin: 0px;
}
ul.social li:last-child {
border-right: none;
padding-right: 0px;
}
ul.social li:first-child {
font-size: 11px;
line-height: 24px;
padding-bottom: 7px;
letter-spacing: 3px;
}
ul.social li:first-child a {font-weight:400;}
.companyvideos {
text-align: center;
margin-top: 45px;
margin-bottom: 65px;
}
.timeline {
text-align: center;
margin-bottom: 50px!important;
margin-top:20px;
}
.news,
.projects,
.inspiration,
.contents,
.playlist {
text-align: center;
margin-bottom: 50px;
}
.companyvideos h2,
.timeline h2,
.news h2,
.projects h2,
.inspiration h2,
.contents h2,
.playlist h2 {
font-weight: 700;
color: #1f1f1f;
font-size: 30px;
margin-bottom: 30px;
}
.companyvideos h2 {
margin-bottom:40px;
}
.projects h2 {
margin-bottom: 50px;
}
.contents h2 {
margin-bottom: 50px;
}
.companyvideos .swiper-slide .item .detail {
display: none;
}
.companyvideos .swiper-slide-active .item .detail {
display: block;
}
.companyvideos .item .detail {
width: 100%;
padding-left: 140px;
padding-right: 140px;
margin-top: 20px;
}
.companyvideos .item .detail .title {
float: left;
color: #000000;
font-size: 15px;
}
.companyvideos .item .detail .logo {
float: right;
margin-top:-4px;
}
.companyvideos .item .detail .text {
color: #6d6e71;
margin-top: 30px;
font-size: 14px;
font-weight:300;
}
.timeline .item {
text-align: left;
}
.timeline .item .dotborder {
border-top: 4px solid #f2c6a9;
margin-bottom: 15px;
position: relative;
margin-top: 10px;
}
.timeline .item .year {
font-size: 19px;
font-weight: 800;
}
.timeline .item .title {
font-size: 15px;
font-weight: 300;
color: #6d6e71;
padding-right: 30px;
}
.timeline .item .dotborder .dot {
height: 12px;
width: 12px;
background: rgb(222, 182, 156);
position: absolute;
top: -8px;
left: 0px;
border-radius: 5px;
}
.timeline-navigation,
.news-navigation {
width: 100%;
margin-top: 20px;
font-size: 15px;
font-weight: 600;
}
.news-navigation {
margin-top:0px;
}
.timeline-left {
float: left;
cursor: pointer;
}
.timeline-right {
float: right;
cursor: pointer;
}
.news-left,
.news-right {
width: auto;
float: left;
margin-left: 15px;
margin-right: 15px;
cursor: pointer;
margin-top: 15px;
}
.timeline-navigation>div,
.news-navigation>div {
position: relative;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.timeline-left:before,
.news-right:before {
position: absolute;
content: "";
width: 40px;
height: 1px;
background: #000;
left: 125%;
top: 47%;
}
.timeline-right:before,
.news-left:before {
position: absolute;
content: "";
width: 40px;
height: 1px;
background: #000;
right: 125%;
top: 47%;
}
section.news .swiper-slide {
padding: 30px 15px;
}
section.news .item .detail {
padding: 20px 0px;
text-align: left;
}
section.news .item .detail .title a {
font-size: 16px;
font-weight: 600;
color: #000000;
margin-bottom: 15px;
display: block;
}
section.news .item .detail .text {
color: #6d6e71;
font-size: 14px;
line-height: 23px;
font-weight: 300;
min-height: 115px;
}
section.news .item .detail .readmore {
float: left;
}
section.news .item .detail .readmore a {
background: #000;
color: #fff;
font-size: 11px;
padding: 7px 17px;
border-radius: 55px;
border: 2px solid #000;
}
section.news .item .detail .readmore a:hover {
background: transparent;
color: #000;
}
section.news .item .detail .date {
font-size: 13px;
color: #6d6e71;
font-weight: 400;
float: right;
}
section.projects h3 {
font-size: 34px;
margin-bottom: 30px;
}
section.projects p {
font-size: 14px;
line-height: 27px;
color: #58595b;
font-weight: 300;
}
a.btn.btn-allprojects {
background: #000;
color: #fff;
font-size: 13px;
padding: 10px 30px;
border-radius: 55px;
border: 2px solid #000;
margin-top: 15px;
}
a.btn.btn-allprojects:hover {
background: #fff;
color: #000;
}
section.projects .item .detail, .pprojects .item .detail {
margin-top: 20px;
font-size: 14px;
color: #000000;
padding-right: 45px;
position: relative;
}
section.projects .item .detail .title, .pprojects .item .detail .title {
font-size: 15px;
margin-bottom: 5px;
}
section.projects .item .detail .subtitle, .pprojects .item .detail .subtitle {
color: #6d6e71;
font-size: 13px;
font-weight: 300;
padding-right: 15px;
}
section.projects .item:hover .detail svg, .pprojects .item:hover .detail svg  {
fill: #000;
}
section.projects .item .detail img {
fill: #b2b2b2;
height: 12px;
float: right;
position: absolute;
right: 0px;
top: 15%;
}
section.projects .item .detail svg, .pprojects .item .detail svg {
fill: #b2b2b2;
height: 12px;
float: right;
position: absolute;
right: 0px;
top: 15%;
}
.pprojects .item .detail img {
fill: #b2b2b2;
height: 12px;
float: right;
position: absolute;
right: 0px;
top: 15%;
}
section.projects .text, .pprojects .text {
padding-left: 25px;
width:50%;
}
.pprojects .item {margin-bottom:50px;}
.companyLefticon svg,
.companyRighticon svg {
height: 70px;
margin-top: -120px;
}
.companydiv {
position: relative;
display: flex;
align-items: center;
}
.companyRighticon {
position: absolute;
right: -65px;
cursor: pointer;
}
.companyLefticon {
position: absolute;
left: -65px;
cursor: pointer;
}
section.inspiration .item {
text-align: left;
font-size: 14px;
color: #000000;
font-weight: 500;
position: relative;
padding-bottom: 40px;
}
section.inspiration .item .title {
padding-bottom: 25px;
padding-top: 30px;
font-weight: 600;
font-size: 15px;
}
section.inspiration .item .title a {
color: #000000;
}
section.inspiration .item:before {
content: "";
height: 100%;
width: 1px;
background: #d1d3d4;
position: absolute;
right: -15px;
}
section.inspiration .item.nobefore:before {
display: none;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col {
padding-right: 0;
padding-left: 0;
}
.contents a {
font-size: 28px;
color: #000000;
letter-spacing: 0px;
}
.contents a:hover {
letter-spacing: 0.5px;
}
footer {
background: #000;
padding-top: 70px;
padding-bottom: 50px;
}
footer .text p,
footer .text p a {
color: #ffffff;
font-size: 15px;
line-height: 25px;
}
footer .text .title {
font-size: 17px;
color: #939598;
font-weight: 300;
margin-bottom: 20px;
}
footer ul.social {
float: left;
list-style-type: none;
padding: 0px;
margin: 0px;
}
footer ul.social li {
float: left;
border-right: none;
font-size: 20px!important;
padding: 5px 12px;
}
footer ul.social li a {
color: #fff;
}
footer ul.social li:first-child {
padding-left: 0px;
margin-left: 0px;
}
.copytext {
font-size: 15px;
color: #58595b;
font-weight: 400;
}
.news-container {
margin-left: -15px!important;
margin-right: -15px!important;
}
section.page {
padding-top: 20px;
padding-bottom: 40px;
}
section.page h2.pagetitle {
text-align: center;
padding-bottom: 35px;
margin-bottom: 0px;
line-height: 45px;
}
section.page .content,
section.page li {
font-size: 14px;
line-height: 27px;
color: #6d6e71;
font-weight: 300;
text-align: justify;
}
section.page .content p {
margin-bottom: 15px;
}
section.page.about .gallery .image {
margin-bottom: 30px;
}
section.page.about .gallery small {
font-size: 11px;
color: #6d6e71;
}
section.page.about .gallery a.btn.btn-allphoto {
background: #000;
color: #fff;
font-size: 13px;
padding: 8px 34px;
border-radius: 55px;
border: 2px solid #000;
margin-top: 15px;
}
section.page.about .gallery a.btn.btn-allphoto:hover {
background: #fff;
color: #000;
}
section.company {
margin-bottom: 0px;
}
section.company h2 {
font-weight: 700;
color: #1f1f1f;
font-size: 30px;
margin-bottom: 50px;
text-align: center;
}
section.projects {
padding-top: 60px;
}
section.projects h2 {
font-weight: 700;
color: #1f1f1f;
font-size: 30px;
margin-bottom: 40px;
text-align: center;
}
section.company .swiper-slide {
height: 63px;
}
section.stars {
margin-bottom: 35px;
}
section.page.projects {
text-align: left;
}
section.page.projects ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}
section.page.projects ul li {
font-weight: 300;
color: #6d6e71;
text-align:left;
}
section.page.projects ul li b,
section.page.projects ul li strong {
font-weight: 600;
color: #6d6e71;
}
.soz {
font-size: 15px;
text-align: center;
color: #6d6e71;
font-weight: 300;
line-height: 27px;
}
.sozbox {
padding-bottom: 50px;
}
.mb-40 {
margin-bottom: 40px!important;
}
.ssimza svg {
height: 36px;
}
section.page.ilham .item {
margin-bottom: 45px;
}
section.page.ilham .item .detail .title {
margin-top: 30px;
font-size: 15px;
color: #6d6e71;
}
section.page.ilham .item .detail .title a {
font-size: 15px;
color: #6d6e71;
}
section.page.ilham .item .detail .subtitle {
font-size: 13px;
font-weight: 300;
color: #6d6e71;
}
.item .image,
section.page.about .gallery .image {
overflow: hidden;
transition: all .2s ease-in-out;
}
.item .image img,
section.page.about .gallery .image img {
transition: all .2s ease-in-out;
width:100%;
object-fit: cover;
}
.item:hover .image img,
section.page.about .gallery .image:hover img {
transform: scale(1.1);
transition: all .2s ease-in-out;
}
.videos-container .swiper-slide .item:hover .image img {
transform: scale(1)!important;
width:auto!important;
}
.videos-container .swiper-slide .item .image img {
width:auto!important;
}
.hborder {
height: 100%;
width: 1px;
background: #bcbec0;
}
.worditem {
border-bottom: 1px solid #bcbec0;
padding-bottom: 30px;
margin-bottom: 30px;
}
.worditem .word {
font-size: 14px;
color: #6d6e71;
font-weight: 300;
line-height: 25px;
margin-bottom: 20px;
}
.worditem .signature {
padding-right: 20px;
}
.worditem .signature svg {
height: 36px;
}
.postitem {
position: relative;
padding-top: 30px;
padding-bottom: 30px;
height: 100%;
}
.postitem:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #bcbec0;
right: -15px;
top: 0px;
}
.yborder {
width: 510px;
height: 1px;
background: #bcbec0;
margin-top: 27px;
margin-bottom: 27px;
}
.postitem a {
color: #6d6e71;
display: flex;
}
.postitem a .number,
.postitem a .detail {
float: left;
}
.postitem a .number {
font-size: 37px;
font-weight: 800;
line-height: 40px;
}
.postitem a .title {
font-size: 14px;
font-weight: 600;
padding-left: 10px;
}
.postitem a .subtitle {
font-size: 13px;
font-weight: 300;
color: #6d6e71;
margin-top: 10px;
padding-left: 10px;
}
.contact .form-control {
margin-bottom: 30px;
border: 1px solid #ebebeb;
font-size: 13px;
color: #939598;
border-radius: 6px;
}
.contact textarea.form-control {
resize: none;
height: 115px;
}
.contact .form-control:active,
.contact .form-control:focus {
border: 1px solid #757575;
outline: 0px;
box-shadow: none;
box-shadow: 0 8px 15px 2px rgba(0, 0, 0, 0.03);
}
.btn-success-ss {
background: #000;
color: #fff;
border-radius: 55px;
font-size: 13px;
padding: 9px 60px;
box-shadow: 0 8px 15px 2px rgba(0, 0, 0, 0.03);
border: 2px solid #000;
}
.btn-success-ss:hover,
.btn-success-ss:active,
.btn-success-ss:focus {
background: transparent;
color: #000;
box-shadow: 0 8px 15px 2px rgba(0, 0, 0, 0.08);
}
.contact iframe {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
box-shadow: -22px 21px 29px -7px rgba(0, 0, 0, 0.20);
}
.contact ul.social {
list-style-type: none;
margin: 0px;
padding: 0px;
float: left;
}
.contact h3 {
margin-top: 40px;
font-weight: 400;
color: #6d6e71;
font-size: 23px;
}
.contact p {
padding-left:35px;
margin-bottom:18px;
}
.contact p, .contact p a {
font-size:14px;
color:#6d6e71;
font-weight: 300;
}
.contact p.adress {
background: url(//sayginsenel.com/wp-content/themes/ss/img/adress-icon.png) no-repeat left center;
}
.contact p.phone {
background: url(//sayginsenel.com/wp-content/themes/ss/img/phone-icon.png) no-repeat left center;
}
.contact p.email {
background: url(//sayginsenel.com/wp-content/themes/ss/img/mail-icon.png) no-repeat left center;
}
.contact ul.social li {
width: 30px;
height: 30px;
background: #f6f7fb;
border-radius: 999px;
border: none;
line-height: 30px;
text-align: center;
float:left;
margin-right:10px;
padding: 0px;
margin-top:10px;
}
.contact ul.social li a {
color:#000;
}
.contact ul.social li:hover {
background: #000;
}
.contact ul.social li:hover a {
color:#fff;
}
.othersprojects .item {margin-bottom:30px;}
.pprojects ul.list {
padding: 0px;
margin: 0px;
list-style-type: none;
position: relative;
display: flex;
width: 1100px;
margin:0 auto;
}
.yborderlist {
width: 100%;
font-size: 1px;
line-height: 1px;
max-height: 1px;
background: #bcbec0;
}
.pprojects ul.list li {
float:left;
width:20%;
display: flex;
padding-bottom:19px;
padding-top:19px;
}
.pprojects ul.list li .number {
font-size: 37px;
font-weight: 800;
line-height: 40px;
display:none;
}
.pprojects ul.list li .title {
font-size: 14px;
font-weight: 400;
padding-left: 10px;
line-height: 19px;
}
section.playlist ul {
padding:0px;
margin:0px;
}
section.playlist ul li {
border-bottom: 1px solid #d1d3d5;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
justify-content: center;
align-items: center;
}
section.playlist ul li .btn {
flex: 2;
display: flex;
justify-content: flex-end;
padding: 0px;
margin: 0px;
margin-right: 50px;
cursor:pointer;
}
section.playlist ul li .title {
flex: 4;
display: flex;
justify-content: flex-start;
font-size:14px;
color:#6d6e71;
font-weight:300;
}
section.playlist ul li .author {
flex: 4;
display: flex;
justify-content: flex-start;
font-size:14px;
color:#6d6e71;
font-weight:300;
}
section.playlist ul li .time {
flex: 2;
display: flex;
justify-content: flex-start;
font-size:14px;
color:#6d6e71;
font-weight:300;
}
section.playlist ul li audio {
display:none;
}
section.playlist ul li:last-child {
border-bottom:0px;
}
span.wpcf7-not-valid-tip {display:none!important;}
.wpcf7-not-valid {
border: 1px solid #f00!important;
}
.slider .subtitle {
font-size: 14px;
font-weight: 400;
line-height: 25px;
}
.slider h2 {
font-size: 52px;
}
section.inspiration .item .image {
background: #000;
position: relative;
}
section.inspiration .item:hover img {
opacity: 0.2;
transform: scale(1);
}
section.inspiration .item:hover .zoom {
display: block;
}
section.inspiration .item:hover .zoom img {
opacity: 1;
}
section.inspiration .item .image a {
display: block;
}
.zoom {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
display:none;
width: 82px;
height: 80px;
content: " ";
background-image: url(https://sayginsenel.com/wp-content/uploads/2019/09/zoomlogo.png);
z-index: 9999;
background-repeat: no-repeat;
display: none;
}
section.projects .item .image img {width:100%;}
.popupmenu {
background: #000;
text-align: center;
width: 100vw;
height: 100vh;
position: fixed;
z-index: 999999;
left: 0;
top: 0;
padding: 50px;
display:none;
}
.popupmenu ul {
padding:0px;
margin:0px;
list-style-type: none;
}
.popupmenu ul li {
border-bottom: 1px solid #101010;
padding-top: 10px;
padding-bottom: 10px;
font-size: 15px;
font-weight: 300;
}
.popupmenu ul li a {
color:#fff;
}
.closePopup {
position: absolute;
right: 30px;
top: 30px;
font-size: 23px;
color: #fff;
}
.openMenuPopup {
font-size: 26px;
cursor: pointer;
position: absolute;
right: 20px;
top: 30%;
}
.slider .detail svg {fill:#fff;}
.slider .detail .ss img, .slider .detail .ss svg {
width:450px;
}
section.page .content p strong {
font-weight: 600;
}
.slider .detail .swiper-slide {height:35px;}
.projectdetail .item {
margin-bottom:4rem;
}
.projectdetail .item .title {
margin-top:10px;
font-size:14px;
font-weight:300;
color:#6d6e71;
}
.projectdetail .item .title a {
color:#000;	
}
.inspiration {
margin-bottom:45px;
}
section.page .projectdetail.content p {
text-align: left;
}
.popupmenu svg {
height:75px;
}
h3.subtitle {
text-align: center;
font-weight: 500;
margin-top: -20px;
margin-bottom: 30px;
font-size: 23px;
color: #676767;
}
.wp-block-blockgallery-masonry img {
max-width:100%;
}@media screen and (max-width: 1370px) {  
section.projects .text, .pprojects .text  {width:75%;}
}
@media screen and (max-width: 1229px) {  
.companyLefticon {display:none;}
.companyRighticon {display:none;}
section.news .item .detail .text {height:115px;overflow: hidden;}
.header ul.left li {margin-right: 20px;}
.header ul li a {font-size: 11px;}
.header ul li {margin-right: 4px;}
section.news .item .detail .text {margin-bottom:15px;}
}
@media screen and (max-width: 1100px) {  
.pprojects ul.list li {width:33.3%;border-bottom: 1px solid #bcbec0;}
.pprojects ul.list {display:block;}
.pprojects .yborderlist {display:none;}
.pprojects ul.list {width:100%;}
}   @media screen and (max-width: 991px) {
section.projects .text, .pprojects .text {width:100%;}
.slider .detail .ss img, .slider .detail .ss svg {width:85%;}
.slider .yborder {width:100%;}
section.projects .text, .pprojects .text {padding-left:0px;}
section.inspiration .item:before {display:none;}
.contents a {font-size: 21px;}
footer .text p, footer .text p a {font-size: 12px;line-height: 20px;}
footer .text .title {font-size: 15px;margin-bottom: 10px;}
footer ul.social li {font-size: 18px!important;}
.copytext {font-size:13px;}
.slider h2 {font-size: 39px;}
.pprojects ul.list li {width:50%;border-bottom:1px solid #bcbec0;}
section.news .item .detail .text {margin-bottom:20px;}
}   @media screen and (max-width: 769px) {
.slider .detail {margin-bottom:40px;margin-top:40px;}
.companyvideos .item .detail {padding-left:40px;padding-right:40px;}
section.news .item .detail {padding:25px;}
.contents a {
font-size: 17px;
}
section.playlist ul li .btn {justify-content: start;margin:0px;}
section.playlist ul li .time {justify-content: flex-end;}
section.playlist ul li .title, section.playlist ul li .author {font-size:10px;}
section.playlist ul li .author {justify-content: center;}
.mobilGizle {display:none;}
footer ul.social {margin-bottom:30px;}
.copytext {text-align:center;margin-top:15px;}
.projectdetail .item {margin-bottom:40px;}
.yborder {width:100%;}
section.news .item .detail .date {float: right;
margin-top: 15px;}
}   @media screen and (max-width: 480px) {
.ssimza {
text-align: center;
display: flex;
justify-content: center;
float: inherit;
align-items: center;
width: 100%;
margin-top:35px;
}
ul.social li {padding: 7px 21px;}
.companyvideos .item .detail .title, .companyvideos .item .detail .logo {float:inherit;}
.companyvideos .swiper-slide-active .item .detail {text-align:center;}
.companyvideos .item .detail .logo img {margin-top:25px;margin-bottom:-10px;}
section.inspiration .item {padding-bottom:0px;}
section.inspiration .item .title {padding-top:25px;}
.contents a {
font-size: 17px;
}
.header ul.social li:first-child {
width: 100%;
text-align: center;
margin: 0px;
border-right:0px;
border-bottom: 1px solid #6d6e71;
}
.companyvideos .item .detail {padding:0px;}
.companyvideos .item .detail .text {line-height:22px;min-height:110px;}
.companyvideos {margin-bottom:40px;}
}@font-face {
font-family: 'Trajan Pro';
src: url(//sayginsenel.com/wp-content/themes/ss/fonts/TrajanPro-Regular.eot);
src: url(//sayginsenel.com/wp-content/themes/ss/fonts/TrajanPro-Regular.eot?#iefix) format('embedded-opentype'),
url(//sayginsenel.com/wp-content/themes/ss/fonts/TrajanPro-Regular.woff2) format('woff2'),
url(//sayginsenel.com/wp-content/themes/ss/fonts/TrajanPro-Regular.woff) format('woff'),
url(//sayginsenel.com/wp-content/themes/ss/fonts/TrajanPro-Regular.ttf) format('truetype'),
url(//sayginsenel.com/wp-content/themes/ss/fonts/TrajanPro-Regular.svg#TrajanPro-Regular) format('svg');
font-weight: normal;
font-style: normal;
}