@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//deimostalent.com/derin15/themes/derin15/fonts/woodmart-font-1-400.woff2?v=4.2") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Noto Sans Mahajani", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(255,255,255);
	--wd-text-font-size: 14px;
	--wd-title-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(255,255,255);
	--wd-entities-title-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(255,255,255);
	--wd-entities-title-color-hover: rgb(252, 58, 220);
	--wd-alternative-font: "Dancing Script", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(255,255,255);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(255,169,168);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(255,169,168);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(0,0,0);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(0,0,0);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(0,0,0);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


body .whb-sticked .whb-general-header {
    background: black !important;
}

#stage .woodmart-icon {
   color: rgb(255, 169, 168) !important;
}

#stage .social-btn { color: rgb(255, 169, 168) !important;}



.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-right.wd-opener-arrow.wd-opened {
    background: black;
}

.wd-page-content.main-page-wrapper {
    background: black;
}
:is(.color-scheme-light,.whb-color-light) .wd-nav[class*="wd-style-"] {
	--nav-color: #ffa9a8 !important;}

#footme a {
    color: white;
}

#footme span.wd-icon {
    color: #ffa9a8;
}

#footme h4 {
    font-size: 40px ;
    letter-spacing : 4px;
}

#footme .wd-social-icons.wd-style-bordered {

    --wd-social-brd-color: #ffa9a8;
}



#footme a.btn.btn-style-bordered.btn-shape-round.btn-size-default {
    color: #ffa9a8;
    padding-left: 50px !important;
    padding-right: 50px !important;
}



#footme a.btn.btn-style-bordered.btn-shape-round.btn-size-default:hover {
    color: black;

}




.color-scheme-dark.wd-design-default.wd-dropdown-menu.wd-dropdown {
    background: #202020;
}



.color-scheme-dark.wd-design-default.wd-dropdown-menu.wd-dropdown {
    background: #202020;
}
.color-scheme-light.wd-design-default.wd-dropdown-menu.wd-dropdown {
    background: #202020;
}

.wd-sub-menu li>a:hover {

    color: #ffa9a8 !important;

}








.member-position {
    color: #ffa9a8 !important;
}

ul.custom-list {
    line-height: 1.1 !important;
}



.wd-prefooter {
    padding-bottom: 0px !important;}


/* STAGE */ 


#stage .sosyal {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

#stage .social-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    background-color: black;
    color: cyan;
    padding: 5px 63px;
    border: 2px solid #ffa9a8;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    min-width: 150px;
    text-align: center;
    gap: 8px;
}

/* WoodMart Icons */
#stage .woodmart-icon {
    font-family: "woodmart-font" !important;
    font-weight: 400;
    font-style: normal;
    font-size: 13px; /* Adjust icon size */
    color: cyan; /* Ensure icon is cyan */
}

/* LinkedIn icon */
#stage .woodmart-icon.linkedin::before {
    content: "\f158";
}

/* Instagram icon */
#stage .woodmart-icon.instagram::before {
    content: "\f163";
}

/* On hover, make background cyan and text black */
#stage .social-btn:hover {
    background-color: #ffa9a8;
    color: black;
}

/* On hover, change icon color to black */
#stage .social-btn:hover .woodmart-icon {
    color: black;
}



#stage h3 {
    color: white !important;
}





/* STAGE */ 



/* menu */ 



ul.custom-list li::marker {
    color : #ffa9a8 ;
    
}
@media (min-width: 1025px) {
	.wd-tools-element .wd-tools-icon:before {
    font-size: 40px !important;
}


li.current-menu-item a {
        color: #ffffff !important;
    }

#contactme p {
    font-size: 20px;

}
.buyukh3 h3 {
    font-size: 120px;
}
#workcontent p {font-size: 28px;
    line-height: 1.4;
}
#footme h5 {
    font-size: 22px;
}

h3 {font-size: 40px;}
/* header */
/*.site-logo {

    max-height: 180px !important;
    margin-top: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


}

body .whb-sticked .site-logo {
     margin-top: 21px;
}



.wd-nav[class*="wd-style-underline"] .nav-link-text {

    min-width: 180px;
}




ul#menu-dt-tr {
    margin-right: -100px;
}


ul#menu-dt2-tr {
    margin-right: -100px;
}

*/


/*about video*/

.vidbg-container {

    margin-right: 65px;
    margin-left: 65px;
    border-radius: 30px;
}

.wd-nav[class*="wd-style-underline"]>li:is(:hover,.current-menu-item,.wd-active,.active)>a .nav-link-text:after {
width: 0% !important; 
}
/* video*/ 

h3.lookat_heading {
    font-size: 58px;
    font-weight: 900;
    line-height: 1.1;
}


ul.custom-list li::marker {
  color: #ffa9a8;       /* Make the dots #ffa9a8 */
  font-size: 1.5em;    /* Make the dots twice as big */
}

/* for brands */ 

#believer h3 {
    font-size: 70px;
    font-weight: 500;
    line-height: 1.1;
}

.wpb_column.kutular.vc_column_container {
    border: 1px solid #ffa9a8;
    border-radius: 30px;
    padding: 30px;
    min-height: 490px;
            width: 30%;
        margin: 30px;
}


.bigtalent {
    color: #ffa9a8;
    letter-spacing: -.2rem;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    font-size: 7.9cqw;
    font-weight: 500;
}

.bigtalenttr {
    color: #ffa9a8;
    letter-spacing: -.2rem;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    font-size: 7cqw;
    font-weight: 500;
}

#liler2 {font-size: 20.8px;}
#liler p {font-size: 20.8px;}

/* for pro */ 

.wpb_column.icli.vc_column_container {
    border: 1px solid #ffa9a8;
    border-radius: 30px;
    padding: 30px;
    min-height: 450px;
    width: 30%;
    margin: 30px;
}

/* STAGE */ 




#stage h3 {
    font-size: 5.4vw;
    line-height: 1.1;
}




#stage .sosyal {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

#stage .social-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    background-color: black;
    color: #ffa9a8;
    padding: 5px 63px;
    border: 2px solid #ffa9a8;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    min-width: 150px;
    text-align: center;
    gap: 8px;
}

/* WoodMart Icons */
#stage .woodmart-icon {
    font-family: "woodmart-font" !important;
    font-weight: 400;
    font-style: normal;
    font-size: 13px; /* Adjust icon size */
    color: #ffa9a8; /* Ensure icon is #ffa9a8 */
}

/* LinkedIn icon */
#stage .woodmart-icon.linkedin::before {
    content: "\f158";
}

/* Instagram icon */
#stage .woodmart-icon.instagram::before {
    content: "\f163";
}

/* On hover, make background #ffa9a8 and text black */
#stage .social-btn:hover {
    background-color: #ffa9a8;
    color: black;
}

/* On hover, change icon color to black */
#stage .social-btn:hover .woodmart-icon {
    color: black;
}






h3.engsta {
    font-size: 4.4vw !important;
}









/* STAGE  

li#menu-item-847 {
    margin-right: 4px;
}
li#menu-item-942 {
    
    margin-right: 74px;

}*/
}

@media (min-width: 577px) and (max-width: 767px) {
	body .wd-nav-mobile>li>a {
    color: white;
	  background-color:black;
	border-bottom : 1px solid #ffa9a8 ;
}
body .wd-nav-mobile>li>a:hover {
    color: #ffa9a8;
	  background-color:black;
}
ul.custom-list {
    line-height: 1.1 !important;
}

#alttabuyuk h2 {
    font-size: 30px;
}


ul.custom-list li::marker {
    color : #ffa9a8;
    font-size: 20px !important;
}

.center-text h1 { font-size : 50px !important; }
#workme .center-text h1 { font-size : 30px !important; }

    li.current-menu-item a {
        color: #ffa9a8 !important;
    }
#eng h3 {
    font-size: 30px !important;
    margin-left : 10px ;

.brand {
    font-size: 28px !important;
}
}
#stage h3 {
    font-size: 28px !important;

}
#weare h2 {
        font-size: 40px;
        font-weight: 200;
        line-height: 0.5;
    }

/*about video*/

.vidbg-container {

    margin-right: 10px;
    margin-left: 10px;
    border-radius: 40px;
}
.wd-action-btn>a:before {

    color: #ffa9a8;
}

.wd-action-btn>a {

    color: #ffa9a8 !important;
}

.current-menu-item a {
    color: #ffa9a8 !important;
}

#contactme h3 {
    font-size: 20px !important;
    padding : 0px !important;
}
.footerform {
    margin-left: -21px;
}

#footme h4 {
    font-size: 20px !important;
 
}

#busy  h2 {
    font-size: 40px;
    font-weight: 200;
}
#talent h1 {  font-size: 40px;
   
}
#dtmore2 h3 {font-size: 30px !important;}
#dtmore h3 {font-size: 30px !important;}

#footme .box-with-icon .info-box-icon {

    max-width: 70px;
}

/*#footme .text-left {
    text-align: center;
}*/

.footerform button {
    padding: 3px 30px !important;
}


#topper h2 {
    font-size: 30px !important;
    font-weight: 200;
    line-height : 1.2; margin-top: 100px;
}

#believer h3 {
    font-size: 30px !important;
    font-weight: 500;
    line-height: 1.1;
}

#liler2 {font-size: 20.8px;}


.wpb_column.kutular.vc_column_container {
    border: 1px solid #ffa9a8;
    border-radius: 30px;
    padding: 30px;
    min-height: 450px;
            width: 86%;
        margin: 30px;
}

#contactme p {
    font-size: 17px;
 
}


.wpb_column.icli.vc_column_container {
    border: 1px solid #ffa9a8;
    border-radius: 30px;
    padding: 30px;
    min-height: 450px;
            width: 86%;
        margin: 30px;
}





.bigtalent {
        color: #ffa9a8;
        letter-spacing: -.1rem;
        text-transform: uppercase;
        white-space: nowrap;
        width: 100%;
        font-size: 8.1cqw;
        font-weight: 500;
    }

.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-right.wd-opener-arrow.wd-opened {

    width: 100%;
}
.brand img {
    height: 67px !important;
}

a.woodmart-nav-link {
    font-size: 17px !important;
}
.wd-tools-element .wd-tools-icon:before {
    font-size: 40px !important;
}

#talent h1 { font-size : 35px !important; line-height : 1.2}
#talent h2 { font-size : 40px !important; line-height : 1.1}



.social-btn {min-width: unset !important;}

#loca h3 { font-size: 26px !important;}

#stage .sosyal {
        flex-direction: column;
        align-items: stretch; /* Make them take full width if needed */
    }

#stage .social-btn {
        justify-content: center; /* Center text and icon */
        width: 100%; /* Optional: make buttons take full container width */
        text-align: center;
    }


#talentyazi1 .sosyal {
        flex-direction: column;
        align-items: stretch; /* Make them take full width if needed */
    }

#talentyazi1 .social-btn {
        justify-content: center; /* Center text and icon */
        width: 100%; /* Optional: make buttons take full container width */
        text-align: center;
    }

#weare2 h2 { font-size : 35px !important; line-height : 1.1;margin-top: 70px;}
#weare h2 { font-size : 45px !important; line-height : 1.1}
#alttakiyazi h2 { font-size : 35px !important ;line-height : 1.1}
}

@media (max-width: 576px) {
	body .wd-nav-mobile>li>a {
    color: white;
	  background-color:black;
	border-bottom : 1px solid #ffa9a8 ;
}
body .wd-nav-mobile>li>a:hover {
    color: #ffa9a8;
	  background-color:black;
}
ul.custom-list {
    line-height: 1.1 !important;
}

#alttabuyuk h2 {
    font-size: 30px;
}


ul.custom-list li::marker {
    color : #ffa9a8;
    font-size: 20px !important;
}

.center-text h1 { font-size : 50px !important; }
#workme .center-text h1 { font-size : 30px !important; }

    li.current-menu-item a {
        color: #ffa9a8 !important;
    }
#eng h3 {
    font-size: 30px !important;
    margin-left : 10px ;

.brand {
    font-size: 28px !important;
}
}
#stage h3 {
    font-size: 28px !important;

}
#weare h2 {
        font-size: 40px;
        font-weight: 200;
        line-height: 0.5;
    }

/*about video*/

.vidbg-container {

    margin-right: 10px;
    margin-left: 10px;
    border-radius: 40px;
}
.wd-action-btn>a:before {

    color: #ffa9a8;
}

.wd-action-btn>a {

    color: #ffa9a8 !important;
}

.current-menu-item a {
    color: #ffa9a8 !important;
}

#contactme h3 {
    font-size: 20px !important;
    padding : 0px !important;
}
.footerform {
    margin-left: -21px;
}

#footme h4 {
    font-size: 20px !important;
 
}

#busy  h2 {
    font-size: 40px;
    font-weight: 200;
}
#talent h1 {  font-size: 40px;
   
}
#dtmore2 h3 {font-size: 30px !important;}
#dtmore h3 {font-size: 30px !important;}

#footme .box-with-icon .info-box-icon {

    max-width: 70px;
}

/*#footme .text-left {
    text-align: center;
}*/

.footerform button {
    padding: 3px 30px !important;
}


#topper h2 {
    font-size: 30px !important;
    font-weight: 200;
    line-height : 1.2; margin-top: 100px;
}

#believer h3 {
    font-size: 30px !important;
    font-weight: 500;
    line-height: 1.1;
}

#liler2 {font-size: 20.8px;}


.wpb_column.kutular.vc_column_container {
    border: 1px solid #ffa9a8;
    border-radius: 30px;
    padding: 30px;
    min-height: 450px;
            width: 86%;
        margin: 30px;
}

#contactme p {
    font-size: 17px;
 
}


.wpb_column.icli.vc_column_container {
    border: 1px solid #ffa9a8;
    border-radius: 30px;
    padding: 30px;
    min-height: 450px;
            width: 86%;
        margin: 30px;
}





.bigtalent {
        color: #ffa9a8;
        letter-spacing: -.1rem;
        text-transform: uppercase;
        white-space: nowrap;
        width: 100%;
        font-size: 8.1cqw;
        font-weight: 500;
    }

.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-right.wd-opener-arrow.wd-opened {

    width: 100%;
}
.brand img {
    height: 67px !important;
}

a.woodmart-nav-link {
    font-size: 17px !important;
}
.wd-tools-element .wd-tools-icon:before {
    font-size: 40px !important;
}

#talent h1 { font-size : 35px !important; line-height : 1.2}
#talent h2 { font-size : 40px !important; line-height : 1.1}



.social-btn {min-width: unset !important;}

#loca h3 { font-size: 26px !important;}

#stage .sosyal {
        flex-direction: column;
        align-items: stretch; /* Make them take full width if needed */
    }

#stage .social-btn {
        justify-content: center; /* Center text and icon */
        width: 100%; /* Optional: make buttons take full container width */
        text-align: center;
    }


#talentyazi1 .sosyal {
        flex-direction: column;
        align-items: stretch; /* Make them take full width if needed */
    }

#talentyazi1 .social-btn {
        justify-content: center; /* Center text and icon */
        width: 100%; /* Optional: make buttons take full container width */
        text-align: center;
    }

#weare2 h2 { font-size : 35px !important; line-height : 1.1;margin-top: 70px;}
#weare h2 { font-size : 45px !important; line-height : 1.1}
#alttakiyazi h2 { font-size : 35px !important ;line-height : 1.1}
}

