/* Dev Manset */

.dev-manset {
height: min-content;
padding-right: -15px;
margin-right: -15px;
}

.slider-loading {
min-height: 198px;
}

.image-editor {
position: relative;
height: 100%;
max-height: 380px;
}

.image-editor .image-editor-thumbnail {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 1;
overflow: hidden;
}

.image-editor .image-editor-thumbnail img {
width: auto;
max-height: 380px;
}

.image-editor .gradient-bg {
position: absolute;
left: 0;
top: 0;
padding-left: 15px;
padding-right: 15px;
background: linear-gradient(to right, #0a0a0a 0%, #0a0a0a 68%, rgba(10, 10, 10, 0) 100%);
height: 100%;
width: 70%;
z-index: 2;
transition: .3s;
visibility: visible;
opacity: 1;
}

.image-editor-view {
font-family: Verb, sans-serif;
width: 100%;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 30px;
letter-spacing: -.025em;
white-space: normal;
}

.image-editor.right .image-editor-view {
align-items: flex-end;
text-align: right;
}

.image-editor.right .gradient-bg {
left: auto;
right: 0;
background: linear-gradient(to left, #0a0a0a 0%, #0a0a0a 68%, rgba(10, 10, 10, 0) 100%);
}

.image-editor.right .image-editor-thumbnail {
justify-content: flex-start;
}

.image-editor .editor-subheading {
font-weight: 600;
font-size: 18px;
color: #fff;
line-height: 1.2;
margin-bottom: 5px;
}

.image-editor .editor-heading {
line-height: 1.2;
font-weight: bold;
font-size: 44px;
color: #fff;
letter-spacing: -1px;
margin-bottom: 5px;
}

.image-editor .editor-paragraph {
line-height: 1.4;
font-size: 16px;
color: #fff;
margin-bottom: 5px;
}

.dev-manset .list {
overflow: hidden;
z-index: 1
}

.dev-manset .dots {
height: 42px !important;
padding: 1px 0
}

.dev-manset .dots li {
flex: 1 1 0%;
opacity: 1;
font-weight: 400;
font-size: 14px;
border-width: 0px;
background: var(--pro-border-color2);
}

body:not(.dark-mode) .dev-manset .dots li {
background: #fff;
}

li.swiper-pagination-bullet.item.swiper-pagination-bullet-active {
background: var(--primary-color) !important;
}

.dev-manset .dots li>* {
border-color: var(--pro-border-color);
border-right-style: inset;
border-bottom-style: inset;
color: #000;
font-size: 17px;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
position: static;
}

.dev-manset .dots li a {
color: #000;
}

.dev-manset .dots li:last-child {
padding-right: 0
}

.dev-manset .dots li:first-child {
padding-left: 0
}

.dev-manset .dots li.swiper-pagination-bullet-active>* {
background: var(--primary-color);
color: #fff;
font-size: 1.9rem;
font-weight: bold;
letter-spacing: -.05rem;
}

@media (max-width:992px) {
.dev-manset {
padding-right: 15px;
padding-left: 15px;
}

.dev-manset,
.image-editor {
   height: auto;
   max-height:100% !important;
}
.image-editor .gradient-bg {
left: 0 !important;
right: 0 !important;
top:auto !important;
bottom:0 !important;
height: auto !important;
background: #0a0a0a !important;
width:100% !important;
position:relative !important;
}
.image-editor.right .image-editor-view {
align-items: flex-start;
text-align: left;
}

.image-editor .image-editor-view {
padding:15px 10px !important;
min-height: 130px;
max-height: 130px;
white-space:normal;

}
	.image-editor-thumbnail img {
	height:100% !important;
	}
.image-editor .editor-subheading { 
font-size: 16px !important;
color: #fff !important; 
line-height:1.4;
text-shadow:none !important;
margin-bottom:0px !important;
   letter-spacing: -1px;
}

.image-editor .editor-heading { 
font-size: 24px !important;
line-height:1.4;
text-shadow:none !important;
margin-bottom:0px !important;
	width:100% !important;
		color : #fff !important;
}

.image-editor .editor-paragraph {
display:none;
}

.image-editor .image-editor-thumbnail img {
width: 100% !important;
max-height: 100%;
}
.image-editor .image-editor-thumbnail picture {
width: inherit;
	height: 210px;
}
	.dev-manset .stick{
	top: -48px !important;
	}
	
}

@media screen and (max-width:48em) {
body:not(.dark-mode) .dev-manset .dots li {
background: var(--pro-border-color);
border: 1px solid #fff;
}
body:not(.dark-mode) .dev-manset .dots li .swiper-pagination-bullet-active {
background: var(--primary-color) !important;
border: 1px solid #fff;
}
.dev-manset .dots {
height: 24px;
background: 0 0;
padding-top: 3px
}
.dev-manset .dots li>* {
height: 24px;
font-size: 0;
display: none;
}
	.image-editor .editor-heading{
	width:100% !important;
		color : #fff !important;
	}
	.dev-manset .stick{
	        left: 19px !important;
    top: -39px !important;}
}


/* Title Style */

.zmdi {
display: inline-block;
font: normal normal normal 14px/1 "Material-Design-Iconic-Font";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.zmdi-chevron-right:before {
content: '\f2fb'
}

.section-title {
height: 29px;
color: var(--primary-color);
font-size: 22px;
margin-bottom: 7px;
position: relative;
overflow: hidden;
font-family: "Gilroy Black", sans-serif
}

.dark-mode .section-title {
color: rgba(255, 255, 255, .6) !important;
}

.section-title .title {
line-height: 29px;
position: relative;
padding-right: 14px;
display: inline-block
}

.section-title .title:after,
.section-title .title:before {
top: 12px;
left: 100%;
height: 4px;
content: '';
position: absolute
}

.section-title .title:before {
width: 140px;
z-index: 2;
background: var(--pro-border-color);
}

.section-title .title:after {
width: 1200px;
background: var(--primary-color)
}

.dark-mode .section-title .title:before {
width: 140px;
z-index: 2;
background: var(--pro-border-color);
}

.dark-mode .section-title .title:after {
width: 1200px;
background: var(--pro-border-color)
}

.dark-mode .section-title .link {
background: #121212 !important;
}

.section-title .link {
float: right;
background: #f5f5f5;
color: var(--primary-color);
font-size: 13px;
position: sticky;
padding-left: 15px;
line-height: 13px;
margin-top: 10px;
font-family: "Gilroy Bold", sans-serif
}

.section-title .link i {
color: inherit;
font-size: 18px;
margin-left: 5px;
line-height: inherit;
margin-top: -2px;
vertical-align: middle
}

.zmdi {
display: inline-block;
font: normal normal normal 14px/1 "Material-Design-Iconic-Font";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

.zmdi-chevron-right:before {
content: '\f2fb'
}
.dev-manset .stick {
   height: 36px;
   z-index: 4;
   position: absolute;
   display: none;
   background-position: 0 0;
   background-repeat: no-repeat;
   left: 0;
   top: 0;
}

.dev-manset .stick.on {
   display: block;
}

.dev-manset .stick[stick='foto'] {
   width: 115px;
   background-image: url("../../../bulut/stick/foto.png");
}

.dev-manset .stick[stick='vido'] {
   width: 115px;
   background-image: url("../../../bulut/stick/vido.png");
}

.dev-manset .stick[stick='ozel'] {
   width: 158px;
   background-image: url("../../../bulut/stick/ozel.png");
}

.dev-manset .stick[stick='sndk'] {
   width: 154px;
   background-image: url("../../../bulut/stick/sndk.png");
}

.dev-manset .stick[stick='mnst'] {
   width: 179px;
   background-image: url("../../../bulut/stick/mnst.png");
}

.dev-manset .stick[stick='scak'] {
   width: 173px;
   background-image: url("../../../bulut/stick/scak.png");
}

.dev-manset .stick[stick='fnew'] {
   width: 148px;
   background-image: url("../../../bulut/stick/fnew.png");
}

.dev-manset .stick[stick='vnew'] {
   width: 158px;
   background-image: url("../../../bulut/stick/vnew.png");
}

.dev-manset .stick[stick='rptj'] {
   width: 145px;
   background-image: url("../../../bulut/stick/rptj.png");
}

.dev-manset .stick[stick='live'] {
   width: 115px;
   background-image: url("../../../bulut/stick/live.png");
}

.dev-manset .stick[stick='flas'] {
   width: 173px;
   background-image: url("../../../bulut/stick/flas.png");
}

.dev-manset .stick[stick='analiz'] {
   width: 173px;
   background-image: url("../../../bulut/stick/analiz.png");
}

.dev-manset .stick{
   height:36px;
   left: 30px;
   top: 30px;
   z-index:4;
   position:absolute;
   display:none;
   background-position:0 0;
   background-repeat:no-repeat
}
.dev-manset .right .stick{
   left:unset;
   right:30px;
   top:30px;
}