article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;overflow:hidden;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}button.slick-next{background:rgba(217,33,33,.7) url(../images/keyboard_arrow_right.png) no-repeat center center;cursor:pointer;margin:0;padding:0;position:absolute;z-index:12000!important;right:-80px;top:50%;margin:-12px 0 0 0;width:24px;height:24px;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;border:0;text-indent:-999px;overflow:hidden;z-index:20000!important;display:none}button.slick-next:hover{background:#d92121 url(../images/keyboard_arrow_right.png) no-repeat center center}button.slick-prev{background:rgba(217,33,33,.7) url(../images/keyboard_arrow_left.png) no-repeat center center;cursor:pointer;margin:0;padding:0;position:absolute;z-index:12000!important;left:-80px;top:50%;margin:-12px 0 0 0;width:24px;height:24px;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;border:0;text-indent:-999px;overflow:hidden;z-index:20000!important}button.slick-prev:hover{background:#d92121 url(../images/keyboard_arrow_left.png) no-repeat center center}.slick-slider:hover button.slick-next{right:10px}.slick-slider:hover button.slick-prev{left:10px}ul.slick-dots{display:inline-block;text-align:center;width:100%;margin:0 0 20px 0}ul.slick-dots li{list-style:none;display:inline-block;position:relative}ul.slick-dots li button{background:#a5a3a8;border:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:11px;width:11px;padding:0;margin:0;position:relative;text-indent:-99px;color:rgba(255,255,255,0);display:inline-block;list-style:none;margin:0 5px;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}ul.slick-dots li.slick-active button{background:#fe8010}ul.slick-dots li button:hover{background:#4eb609}


/* DD- SECTIONS*/

section.dt_hero { width:100%; float: left; box-sizing: border-box; padding:0 0 2px 0; border-radius:5px 5px 20px 33px; background:#fcebdb; box-shadow: rgb(72 71 70) 0px 20px 25px -5px, rgb(235 227 220) 0px 10px 10px -5px; }
/* .transition */
.transition { -webkit-transition: all 0.5s ease; -moz-transition: all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; }

.pf-rg { font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }

.fn-700 { font-weight: 700; }



/* for poetry & poem*/
.cormorant-garamond-font { 
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.inter{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.font-text-hs { font-family: 'Hind Siliguri', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
	font-family: 'Hind Siliguri', sans-serif; font-weight: 400;
	font-size:11px;
	overflow-wrap: anywhere!important;
	word-wrap: break-word!important;
	overflow-wrap: break-word!important;
	line-height:140%!important; 
	padding:20px 15px;
	
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	
}

/* ANIMATIONS */


.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #cd8e06;
	border: 0px solid black;
	border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 18px;
	padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #cd8e06;
	left: 0;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #cd8e06;
	left: -3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #cd8e06;
	left: 3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #cd8e06;
	left: 0;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #cd8e06;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #cd8e06;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #cd8e06;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #cd8e06;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}

*,
*::after,
*::before {
	box-sizing: border-box;
}
html, body { height: 100%; font-size: 16px; }

body { background: #000000  url(../images/dtopic-bg-topics-99.png) no-repeat left bottom; background-attachment: fixed; background-size: cover; }

/* DTopic Dark Theme*/
.dt-light-txt { color: #1d1b1b; }


/* ******************/

body::-webkit-scrollbar {
  width: 8px;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;  border-radius:100px;
}

body::-moz-scrollbar {
  width: 8px;
}
 
body::-moz-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-moz-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;  border-radius:100px;
}
div.dt-vpost::-webkit-scrollbar {
  display: none;              /* Chrome, Safari */
}
/*=========== SPECIAL COLOR CODES FFD700 */
.golden { color:#d4af37!important; } 
/* Fade effect */
.js body {
	opacity: 0;
	transition: opacity 0.3s;
}

.js body.render {
	opacity: 1;
}

/* Page Loader */
.js .loading::before {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-bg);
}

.js .loading::after {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	pointer-events: none;
	border-radius: 50%;
	opacity: 0.4;
	background: var(--color-link);
	animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
	to {
		opacity: 1;
		transform: scale3d(0.5,0.5,1);
	}
}

a {
	text-decoration: none;
	color: var(--color-link);
	outline: none;
}

/* a, span { display:inline-block; margin:0 5px; color:#e9e9e9; } */

a:hover,
a:focus {
	color: var(--color-link-hover);
	outline: none;
}

.hidden {
	position: absolute;
	overflow: hidden;	
	width: 0;
	height: 0;
	pointer-events: none;
}

.message {
	position: relative;
	z-index: 100;
	padding: 1.5em 1em;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
	color: var(--color-bg);
	background: var(--color-text);
}

@supports(-webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%)) or (clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%)) {
	.message {
		display: none;
	}
}

/* LOGO ANIMATION */
.circular { width: 95px; float: left; height: 1800px; position: absolute; }  
.circular-text { 
	position: sticky; 
	top: 80vh; 
	left: calc((100vw - 1880px) / 2); 	
	text-align: center; 
	z-index: 99999;
	animation-name: logo-hide;
	animation-timeline: scroll(root);
	background: rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    backdrop-filter: blur(3px);
	cursor: pointer;
}

.post-circular-text {
	bottom: 280px; 
	left: calc(2.5% + 5px);
}

.oth-circular-text {
	display: none
}

img.dtopic-logo { width: 30px; height: 30px; }
.text {
	font-weight: 600;
	letter-spacing: 1.7px;
	text-transform: none;
	font-family:Arial;
	font-weight: normal;
	letter-spacing: 0.11em;
	font-size: 11px;
	fill: #fff;
	color:#fff;
	text-transform: uppercase;

}

.dt-mob-logo-xl { display:inline-block; }
.dt-mob-logo-sm { display: none; }

.rotatingText {
	animation-name: rotate-circle;
	animation-duration: 0.1s;
	animation-timing-function: linear(0.82 -55.29%, 1 100%);
	animation-timeline: scroll(root); 
}

@keyframes rotate-circle {
	 from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.main {
	display: grid;
	align-items: center;
	justify-items: center;
}

.main a {
	align-self: center;
	justify-self: center;
}
.main img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50% );
}



/* HEADER ANIMATION */
.fixed { 
  animation-name: headerAni;
  animation-timeline: scroll(root);

}

@keyframes headerAni {
  from {
	width: calc(100% - 10px);
	
    	
	
	
  }
  to {
	width: 85%;
	top: 15px;	
    border-radius: 100px;
	transition: all 0.4s ease;
	
  }
}

/* HEADER ID ANIMATION */
.upword{
    animation: showBox linear forwards;
	animation-timeline: scroll(root);
}

@keyframes showBox{
     0%{
        transform:  translateY(0);
    }

    30%{
        transform: translateY(-150px);
    }

    100%{
        transform:  translateY(-150px);
        visibility: hidden;
    }
}

.upword2{
    animation: showBoxid linear forwards;
	animation-timeline: scroll(root);
}

@keyframes showBoxid{
	 0%{
        transform: translateY(40px);
    }

    30%{
        transform: translateY(2px);
    }

    100%{
        transform: translateY(2px);
    }
}

div.dt-vmenu-other div.dt-vmenu-cap { 
	animation: vscrollup both;
	animation-timeline: scroll(root);
	animation-range: entry 0% cover 100vh;
  }
@keyframes vscrollup {
	from {
		transform: translateY(250px);
		opacity: 0;
    }
    to {
		transform: translateY(0);
		opacity: 1;
    }
}

div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row {
	
	animation-timeline: scroll(root);   /* link with body scroll */
	animation-range: 0% 100%;       /* start to end of scroll */
	transition: all 20s ease;
	animation-duration: 5s;
}

/* left → right */
.left-to-right {
   animation-name: moveRight;
}

/* right → left */
.right-to-left {
    animation-name: moveLeft;
}

/* Keyframe */
@keyframes moveRight {
  from {
    transform: translateX(-920px);
  }
  to {
    transform: translateX(0);

  }

}

/* Keyframe */
@keyframes moveLeft {
  from {
    transform: translateX(920px);
  }
  to {
    transform: translateX(0);

  }

}



div.dt-innerpart { width: 95%; margin: 0 auto; max-width: 1880px; } 
div.dt-incon { width: 100%; float: left; } 

.left-right { float: right !important;}
.right-left { font: left !important; }

.other-page-template { width: calc(100% - 10px);  float: left; min-height:calc(100vh - 10px); height: auto; margin: 5px; border-radius: 10px; box-sizing: border-box; background: #050505 url(../images/dtopic-bg-bl.png) no-repeat left bottom fixed; color: #57585c; -webkit-font-smoothing: antialiased; }
/*DTOPIA.INFO CSS*/

/* div.dt-back { width: 100%; float: left; height: 100%;} */
div.dt-wraper {  top: 0; left: 0; width: calc(100% - 10px);  float: left; min-height:calc(100svh - 10px); height: 99svh; margin: 5px; border-radius: 10px 10px 30px 30px; box-sizing: border-box; background-color: #715358;  background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; color: #57585c; background-color: #fff; overflow: visible; scrollbar-width: none; -webkit-font-smoothing: antialiased; }

div.dt-wraper-auto { height:auto!important;  }
div.dt-curve { width: 52%; float: left; height: 120px; max-width: 985px; position: absolute; top: -160px; right: -5px; background: url(../images/curve-home-xl-left-new.png) no-repeat left bottom; z-index: 9999; border-radius:0 0 30px 0; }
div.dt-curve span.dt-curve-rgt { display: inline-block; width: 80px; height: 120px; position: absolute; right: 0; background: url(../images/curve-home-xl-right-new.png)no-repeat right bottom; }

/* HEADER PART */
header.dt-header { position: fixed; top: 5px; left: 50%; transform: translateX(-50%); z-index: 99999; backdrop-filter: blur(6px); border-radius: 10px 10px 0 0;background: rgb(112,94,93, 0.7); }
/* div.dt-header-overlay { position:fixed; left:0; top:-10px; width:100%; height:120px; background:rgb(55 53 54) url(../media/dt-overlay-hd-steel-sm-bw.png) repeat-x left bottom; border-bottom:0px solid #fff; border-radius: 10px 10px 0 0; width: calc(100% - 10px); margin: 5px; } */
header.dt-header div.lt-header { width: 50%; float: left; margin: 19px 0; }
header.dt-header div.rt-header { width: 50%; float: right; margin: 19px 0; }
header.dt-header div.lt-header div.menu-bcom { width: 25px; float: left; height: 16px; position: relative; margin-top: 6px; cursor: pointer; }
header.dt-header div.lt-header div.menu-bcom span.top { width: 100%; float: left; border-bottom: 2px solid #fff; position: absolute; top: 2px; }
header.dt-header div.lt-header div.menu-bcom span.bot { width: 75%; float: left; border-bottom: 2px solid #fff; position: absolute; top: 8px; }

header.dt-header div.lt-header div.menu-bcom:hover span.top { width: 75%; }
header.dt-header div.lt-header div.menu-bcom:hover span.bot { width: 100%; }

header.dt-header div.lt-header span.az { display: inline-block; font-size: 75%; margin-left: 118px; color: #fff; cursor: pointer; letter-spacing: 1px;}

header.dt-header div.lt-header div.dt-heder-box { position: absolute; width: 50px; height: 50px; border: 2px solid #fff; top: 6px; left: 50%; margin-left: -25px; overflow: hidden;}
header.dt-header div.lt-header div.dt-heder-box a { display: inline-block;  font-size: 9px; font-weight: 500; color: #fff; text-align: center; text-transform: uppercase; line-height: 130%; margin-bottom: 5px; padding: 2px 0 5px 2px; background: url(../images/header-bg.png) no-repeat center bottom; letter-spacing: 2px; position: relative; z-index: 99; }
header.dt-header div.lt-header div.dt-heder-box a.logo { margin-left: 8px; margin-top: 5px; background: none;}
header.dt-header div.lt-header div.dt-heder-box a.BN-tai { margin-bottom: 5px; padding: 3px 0 5px 10px; background: url(../images/header-bg.png) no-repeat 15px bottom; letter-spacing: 1px;}

header.dt-header div.rt-header nav.right-nav { float: right; color: #fff; text-transform: uppercase; margin: 0; }
header.dt-header div.rt-header ul.right-qlink { float: right; display: inline-block; list-style: none; margin: 0; padding: 0; }
header.dt-header div.rt-header ul.right-qlink li { display: inline-block; margin: 0 8px; font-size: 75%; }
header.dt-header div.rt-header ul.right-qlink li a { color: #fff; letter-spacing: 1px;}
header.dt-header div.rt-header ul.right-qlink li:nth-child(1) { margin-right: 70px; } 
header.dt-header div.rt-header ul.right-qlink li:nth-child(2) { margin-right: 50px; } 

header.dt-header div.rt-header nav.right-nav button { display: inline-block; margin: 0 130px 0 0; background: none; border: none; outline: none; }    
header.dt-header div.rt-header nav.right-nav button  img { width: 18px; height: 18px; float: right; cursor: pointer; }

/*HEADER V2 DRPODOWN MENU*/
header.dt-header div.lt-header div.menu-bcom div.dt-main-menu-expand { width:280px; height:180px; background:rgba(255,255,255,0.5); backdrop-filter: blur(5px);  border-radius:0px 10px 10px 10px; position:absolute; left:0; top:20px; display:none; }
header.dt-header div.lt-header div.menu-bcom:hover div.dt-main-menu-expand { display:block; }

/* MAIN PART */
/* MAIN LEFT CAPTION */

div.dt-left { height:100%; min-height: 1800px; width: min(655px, calc(86% - 685px)); float: left; margin:0 4% 0 9.5%; }
div.dt-left-cap { width: 95%; float: left; padding: 0; color: #fff; margin:0 0 0 -5px; position: sticky; top: 360px}
div.dt-left-cap h1 { margin: 0; padding: 0; font-size: 3rem; font-weight: 700; line-height: 2rem; text-transform: uppercase; letter-spacing: 2px; /* background: url(../media/dt-sep-ssp.png) no-repeat right bottom;*/ } 
div.dt-left-cap h1 img { margin-left: -10px; margin-bottom: -1px; height: 4px; width: 40px; }
div.dt-left-cap span.dt-dig-dream { display: inline-block; margin: 0; padding: 0; font-size: 1.7rem; line-height: 1.7rem; margin-top: 3px; margin-left: 98px; letter-spacing: 2px; text-transform: capitalize; }
div.dt-left-cap h3 { margin: 0; padding: 0; font-size: 3rem; margin-top: -15px; letter-spacing: 4px; }

div.dt-lfc { float:left; width:100%; margin:30px 0 0 0; padding: 0;  font-size: 70%; letter-spacing: 0.09em;}
div.dt-lfc div.dtlp { display: inline-block; float: left; width: 50%; margin: 0; padding: 0; letter-spacing: 0.099em; text-shadow: none; }
div.dt-lfc div.dtlp  h4 { display: inline-block; float:left; width:100%; margin: 0; padding: 0; color: #ffffff; text-shadow: none; font-weight:normal; }
div.dt-lfc div.dtlp p { display: inline-block; float: left; margin: 8px 5px 0 5px; padding: 0; } 

/* MAIN RIGHT CAPTION */
div.dt-vpost { width: 685px; float: right; height: auto; position: relative; margin: 120px 0 0 0; padding: 60px 0 130px 0; }
div.dt-vpost div.dt-inrow-vpsot { width: 100%; float: right; height: 462px; margin:0; padding:0; background:rgba(255,0,0,0); position:relative; -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; }
div.dt-vpost div.dt-inrow-vpsot:nth-child(2) { margin: 0; height: 372px; }
div.dt-vpost div.dt-inrow-vpsot:nth-child(3) { margin: 0; height: 372px; }
div.dt-vpost div.dt-inrow-vpsot:nth-child(4) { margin: 0; height: 373px; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont {background:rgba(38,37,43,0.5); border-radius:10px; overflow: hidden; -webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);  -moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75);}
 
div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-xl { width: 242px; height: 365px; float: right; position: relative; }
div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-xm { width:214px; height: 320px; float: right; position: relative; }
div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-sm { width:169px; height: 254px; float: right; position: relative; }

div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont1 { margin: 97px 0 0 0; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont2 { margin: -55px 8px 0 0; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont3 { margin: 206px -169px 0px 0; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4 { margin: 7px 0px 0px 10px; }
/* div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont5 { margin: 0 0 0 0; } */
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont5 { margin: -165px 0 0 0; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont7 { margin: -210px 0 0 0; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont8 { margin: 7px 0 0 0; }
/* div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont9 { margin: 0 0 0 0; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont10 { margin: 0 0 0 0; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont2 { margin: 0 0 0 0; } */

div.dt-vpost div.dt-inrow-vpsot img.cover { display: inline-block; width: 100%; float: left; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); opacity:0.7; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont:hover img.cover { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); opacity:0.6; }

div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont div.dt-cover-content { position: absolute; width: 100%; height: 100%; display: inline-block; left: 0; top: 0; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont div.dt-cover-content span.dt-post-date { display: inline-block; float: left; color: #e0e0e0; margin: 20px 0 0 0; padding: 8px 0 8px 20px; font-size: 190%; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont div.dt-cover-content span.dt-post-mont { /*display: inline-block; float: left;  margin: 20px 0 0 0;*/color: #e8c29c; padding: 0 0 8px 6px; font-size: 70%; line-height: 15px; text-align: right; text-transform: uppercase; letter-spacing: 1px; opacity: .8; } 
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont div.dt-cover-content img.dt-4star { width: 24%; float: left; margin: 70px 0 0 -58px; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont div.dt-cover-content h4 { width: 100%; float: left; position:absolute; bottom: 0; margin:20px 0 0 0; padding: 0 20px 20px 20px; background: url(../images/dt-overlay-hf-b.png) no-repeat left top;} 
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont div.dt-cover-content h4 a { display: inline-block; width: 100%; float: left; font-size: 80%; font-size: 14px !important; color: #fff; }
div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont div.dt-cover-content h4 span.dt-sub-txts { display: inline-block; width: 100%; float: left; font-size: 12px; color: #fcc996; background: url(../images/dt-sep-v.jpg) no-repeat left 7px; padding: 0; margin: 10px 0 0 0; text-indent: 48px; }

div.dt-vpost div.dt-paging { width: 100%; float: left; margin: 4px 0 0 0; padding: 0; height: 40px; text-align: center; }

/*ABOUT DTOPIA PART*/

div.about-dt-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; margin-top:-65px; color: #fff; }
div.about-dt-header ul { list-style: none; display: inline-block; display: flex; gap: 40px; padding: 0;}
div.about-dt-header ul li { text-decoration: none;  font-size: 15px; }
div.about-dt-header div.dt-about-read {  cursor: pointer; text-align: right; margin-top: 66px; white-space: nowrap;}
div.about-dt-header div.dt-about-read span.st-line { width: 50px; float: left; display: block; height: 1px; background: #fff; margin: 12px 5px 0 0; } 



div.dt-about-conts { display: flex; flex-direction: row; width: 103%; margin-bottom: 40px; }
div.about-dt-pt-name { width: 400px; float: left; color: #ffffff; margin-top: 60px; margin-right: 25px; }
div.about-dt-pt-name h2.lft { width: 100%; float: left; margin: 0; font-size: 4rem; font-weight: 800; position: relative; }
div.about-dt-pt-name h2.lft span.red { width: 120px; height: 170px; background: #ff0000; display: inline-block; z-index: -1; float: left; }
div.about-dt-pt-name h2.lft span.xxl { float: left; display: inline-block; margin-left: -87px; line-height: 27px; margin-top: 25px; }
div.about-dt-pt-name h2.lft span i { display: inline-block; font-style: normal; font-size: 2rem; font-weight: 400; line-height: 13px;}
div.about-dt-pt-name h2.lft span i.lt { margin-left: 88px; }
div.about-dt-pt-name h2.lft span i.rt { margin-left: 70px; }
div.about-dt-pt-name h2.lft span i.bl { font-size: 2.2rem; font-style: italic; }
div.about-dt-pt-name h2.lft span.xxl2 { float: left; display: inline-block; margin: 80px 0 0 -93px; line-height: 22px; }
div.about-dt-pt-name p { width: 100%; float: left; margin: 20px 0 0 0 ; font-size: 0.8rem; }


div.dt-storie-back { position: relative;  width: calc(100% - 10px); min-height: 100dvh; float: left; margin: 40px 5px 5px 5px; border-radius: 10px; box-sizing:border-box ; }


div.vs-track { width: 100%; float: left; padding: 0; }
div.vs-slide { width: 510px; float: left; margin: 0 10px; }
div.vs-slide-story { width: 500px; float: left; margin: 0 10px; }

div.about-dt-sli { display: flex; align-items: flex-start; flex: 1; overflow: hidden; }
div.dt-about-sl { display: block !important; width: 510px !important; background: rgba(181, 140, 140, 0.08) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter: blur(12px) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; border-radius: 16px !important; margin-top: 50px; }
div.dt-about-sl h3.cvr-cap-sl { width: 42% !important; float: left; left: 250px !important; top: 35px !important; }
div.dt-about-sl div.coll-auth {display: block !important; }
div.cover-sl { width: 185px !important; height: 310px !important;  }
div.auth-sl { position: relative !important; }
div.auth-sl div.dt-bot-sl { display: block !important; margin-left: -17px; }

 
 
div.dt-coll-back-drop { width: 100%; float: left; height: 320px; position: relative; color: #ffffff; background: rgba(255, 255, 255, 0.08); /* transparent layer */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; }
div.dt-coll-back-drop h3.cover-cap { display:inline-block; width:42%; position:absolute; z-index: 20; background:url(../images/bar-c.png) no-repeat left top; left:250px; top:35px; font-weight:normal; color:#fff; font-size:130%; line-height:100%; letter-spacing:-0.06em; margin:0; padding:0; text-align:left;  }
div.dt-coll-back-drop h3.cover-cap span.collection { display:inline-block; float:left; font-size:1.1rem; border-bottom:1px solid #828282; width:85%; line-height:80%; padding:5px 0 8px 33px; opacity:0.9; margin:0; background: url(../images/bar-c.png) no-repeat left top;}
div.dt-coll-back-drop h3.cover-cap span.collectionnm { display:inline-block; float:left; clear:both; margin:7px 0 0 0; line-height:90%; opacity:1; }
div.dt-coll-back-drop h3.cover-cap span.collectionnm i { display: block; float: right; font-style: normal; margin-right: 75pxpx; }
div.dt-coll-back-drop h3.cover-cap span.collection-type { display: inline-block; float: left; font-size: 0.8rem; letter-spacing: 1px; margin-top: 10px; }
div.dt-coll-back-drop h3.cover-cap span.collection-rat { display: inline-block; float: left; font-size: 0.8rem; font-weight: normal; letter-spacing: normal; margin-top: 10px; }
div.dt-coll-back-drop h3.cover-cap span.collection-rat img.stars { width: 57px; float: left; clear: both; margin: 7px 7px 0 0; }
div.dt-coll-back-drop h3.cover-cap span.tags { display:inline-block;  width:100%; float:left; margin:0 0 0 0; padding:0; } 
div.dt-coll-back-drop h3.cover-cap span.tags a { display:inline-block;  float:left; color:#f1f1f1; text-decoration:none; margin:30px 4px 4px 0; font-size:10px; background:rgb(35 34 36 / 50%); padding:6px 10px; border-radius:30px; letter-spacing: normal; }

div.dt-coll-back-drop div.dt-collection-pub-foll { width: 100%; float: left; position: absolute; bottom: 20px; }
div.dt-coll-back-drop div.dt-collection-pub-foll span.publish { display: inline-block; text-transform: uppercase; font-size: 0.7rem; margin:10px 0 0 37px; }
div.dt-coll-back-drop div.dt-collection-pub-foll span.Reader { display: inline-block; float: right; text-transform: uppercase; font-size: 0.7rem; margin-right: 45px; position: relative; }
div.dt-coll-back-drop div.dt-collection-pub-foll span.Reader img.r {display: inline-block; width: 30px; height: 30px; border-radius: 100%; margin: 0 0 0 -15px; border: 3px solid #0f0f10; }
div.dt-coll-back-drop div.dt-collection-pub-foll span.Reader i.rd { display: inline-block; font-style: normal; margin-right: 20px; position: relative; top: -8px;  }    
div.dt-coll-back-drop div.dt-collection-pub-foll span.Reader i.oth { display: inline-block; font-style: normal; margin: 0; position: relative; top: -8px; }


div.dt-collection { width: 210px; position: absolute; top: -50px; left: 35px; }
div.dt-collection div.dt-collection-cover { width:100%; height:auto; background:none; margin:0; position:relative; }
div.dt-collection div.dt-collection-cover div.br {  display: none; width:15px; height:100%; position:absolute; left:0; top:0; background:url(../images/dt-right-col-bar.jpg) repeat-y left top; z-index:99999; }
div.dt-collection div.dt-collection-cover div.dt-top { width:33px; height:80px; position:absolute; top:20px; right:43px; text-align:center; font-size:80%; line-height:110%; color:#fff; padding:10px 0 0 0; letter-spacing:0; opacity: 0.8; } 
div.dt-collection div.dt-collection-cover div.dt-bot {  display: none; width:268px; bottom:10px; position:absolute; left:38px; background:url(../images/dt-exp-bar.png) no-repeat left center; height:20px; z-index:999999;  }
div.dt-collection div.dt-collection-cover div.dt-bot a.topics { display:inline-block; float:left; margin:2px 0 0 24px; padding:0; font-size:10px; color:#ffffff; text-decoration:none; text-transform:uppercase; }
div.dt-collection div.dt-collection-cover div.dt-bot span.share { display:inline-block; float:right; margin:2px 0 0 0; padding:0; font-size:10px; color:#ffffff; text-decoration:none; text-transform:uppercase; }
div.dt-collection div.dt-collection-cover div.dt-bot span.share i { display:inline-block; float:left; font-style:normal; letter-spacing:0.25em; margin:0 10px 0 0; }
div.dt-collection div.dt-collection-cover div.dt-bot span.share a { display:inline-block; float:right; margin:0 0 0 3px; }
div.dt-collection div.dt-collection-cover div.dt-bot span.share a img { width:16px; border-radius:3px;}

div.dt-collection div.dt-collection-cover-cont { width:185px; height:310px; position:absolute; top:0px; left:0px; overflow:visible; border-radius: 10px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); }
div.dt-collection div.dt-collection-cover-cont img.cover { display:inline-block; position:absolute; border-radius: 10px; width: 100%; height:100%; -webkit-transition: all 0.5s ease; transition:all 0.5s ease; opacity:1; transform: translate(-50%, 0%); margin:0% 0 0 50%; width:auto; left:0; top:0;  }


div.auth { width: 100%; float: left; position: relative; }
div.auth img { width: 40px; height: 40px; float: left; position: absolute; left: -25px; top: 88px; border-radius: 8px;  }
div.auth div.auth-name { display: inline-block; background: url(../images/dt-exp-bar.png) no-repeat left 2px; margin: 95px 0 0 20px; color: #ffF }
div.auth div.auth-name span.a-name { display: block; margin-left: 30px; text-transform: uppercase;  font-size: 0.9rem;}
div.auth div.auth-name span.a-type { display: block; margin-left: 28px; font-size: .8rem; line-height: 6px; }

div.auth div.dt-bot { width: 100%; float: left; color: #fff; text-align: right; margin-top: 60px;}
div.auth div.dt-bot span.dt-poem-num { display: inline-block; margin-right: 15px; background-color: #1b1b1b; padding: 0 6px 7px; border-radius: 5px; float: right; }
div.auth div.dt-bot span.dt-book-type { display: inline-block; float: right; font-size: 0.6rem; letter-spacing: 1px; text-transform: uppercase; margin-right: 15px; margin-top: 10px; }


/* INDEX STROY PART */

section.story--pt { width: 100%;  float: left; margin-bottom: 40px; }
div.dt-storie-post { width: 100%; float: left; }

div.dt-storie-in-post { width: 490px; float: left; height: auto; margin: 0 20px 0 0; color: #fff; }
div.dt-storie-information-rg { width: 45%; float: left; margin: 0 0 0 5%; }

div.dt-storie-post span.storie-year { width: 100%; display: inline-block; font-size: 0.9rem; color: #ad7a55; }
div.dt-storie-post div.dt-storie-date-mnth { width: 100%; float: left; position: relative; margin: 0 0 0 2px; }
div.dt-storie-post div.dt-storie-date-mnth span.st-mnth { display: inline-block; text-align: center; text-transform: uppercase; font-size: 0.85rem; color: #535353; font-weight: 500; letter-spacing: .7px; margin-right: 30px;} 
div.dt-storie-post div.dt-storie-date-mnth i.st-date { display: inline-block; width: 25px; height: 25px; border-radius: 100%; font-style: normal; font-size: 0.80rem; background: #bfab98; color: #ded7d1; margin: 0 8px 0 0; }
div.dt-storie-post div.dt-storie-date-mnth i.date-active { background: #393633;}
div.dt-storie-post div.dt-storie-date-mnth i.st-date a { display: inline-block; text-decoration: none; margin: 5px 0 0 5px; }



div.storie-post { width: 490px; float: left; height: auto; position: relative; margin: 40px 0 0 0;}
div.poetry-type-postdate { width: 100%; float: right; }
div.poetry-type-postdate span.pt-type { display: inline-block; width: 100%; text-align: right; font-size: 0.7rem; text-transform: uppercase; cursor: pointer; }
div.poetry-type-postdate span.pt-date { display: inline-block; width: 100%; text-align: right; font-size: 1.5rem; letter-spacing: -0.5px; }
div.poetry-type-postdate span.pt-date i { display: inline-block; font-size: 0.7rem; letter-spacing: normal; margin-left: -5px; font-style: normal; }
div.poetry-type-postdate span.pt-date i.year { display: block; font-size: 0.6rem; margin-top: -6px; }

div.dt-poetry-pic { width: 100%; float: left; height: 205px; position: relative; margin-top: 10px; }
div.dt-poetry-pic img { width: 100%; height: 100%; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
div.dt-poetry-pic span.auther { display: inline-block; font-size: 0.7rem; position: absolute; right: -5px; top: 40px; transform: rotate(-90deg); color: #fff;}
div.dt-poetry-pic span.Auth-line { width: 50px; border: solid 1px #fff; display: inline-block; transform: rotate(-90deg); position: absolute; right: 2px; bottom: 85px; }

div.pt-lft-coll { width: 165px; float: left; position: absolute; left: 20px; bottom: 10px; }
span.st-red { width: 15px; float: left; height: 15px; background: #ff0000; margin: 10px 8px 0 0; }
span.pt-coll-name { display: inline-block; text-align: right; text-transform: uppercase; font-size: 0.66rem; color: #fff; cursor: pointer; line-height: 1.2; }
span.coll-line { width: 60px; border: 1px solid #fff; position: absolute; left: 25px; bottom: -3px; }

div.dt-poetry-pic div.pt-tittle-back { width: 200px; height: 150px; border-radius: 10px; backdrop-filter:  blur(2px); background: #dacabb; position: absolute; top: -93px; left: 20px; opacity: 0.6;}
div.dt-poetry-pic span.pin { color: #000; padding: 8px; transform: rotate(45deg);}
div.dt-poetry-pic span.pt-name { display: inline-block; width: 80%; margin: 0 10%; position: absolute;  bottom: 15px; left: 0; color: #4e4e4e; font-size: 1rem; text-transform: capitalize; }
div.dt-poetry-pic i.line { display: inline-block; width: 45px; border: solid 1px #4e4e4e; transform: rotate(180deg); margin: 0 5px 4px 0; }

p.pt-related-note { width: 95%; float: left; margin: 20px 2.5% 0 2.5%; text-align: center; font-size: 0.9rem; line-height: 18px; letter-spacing: 0;}

div.dt-storie { width: 78%; float: left; margin: 0 11% 40px 11%; }
div.st-storiee-cap { width: 95%; float: left; margin: 0 2.5%; font-weight: normal; }
div.st-storiee-cap p { color: #535353; font-size: 0.9rem; text-align: center; letter-spacing: -0.3px; font-weight: 700; line-height: 25px; }

div.dt-storie-information { width: 45%; float: left; margin: 0 5% 0 0; }
div.dt-storie-information-rg { width: 45%; float: left; margin: 0 0 0 5%; }
div.dt-storie-information span.storie-year { width: 100%; display: inline-block; font-size: 0.9rem; color: #ad7a55; }
div.dt-storie-information div.dt-storie-date-mnth { width: 100%; float: left; position: relative; margin: 0 0 0 2px; }
div.dt-storie-information div.dt-storie-date-mnth span.st-mnth { display: inline-block; text-align: center; text-transform: uppercase; font-size: 0.85rem; color: #535353; font-weight: 500; letter-spacing: .7px; margin-right: 30px;} 
div.dt-storie-information div.dt-storie-date-mnth i.st-date { display: inline-block; width: 25px; height: 25px; border-radius: 100%; font-style: normal; font-size: 0.80rem; background: #bfab98; color: #ded7d1; margin: 0 8px 0 0; }
div.dt-storie-information div.dt-storie-date-mnth i.date-active { background: #393633;}
div.dt-storie-information div.dt-storie-date-mnth i.st-date a { display: inline-block; text-decoration: none; margin: 5px 0 0 5px; }

div.dt-storie-information div.storie-post { width: 100%; float: left; position: relative; margin: 40px 0 0 0;}
div.dt-storie-information div.poetry-type-postdate { width: 100%; float: right; }
div.dt-storie-information div.poetry-type-postdate span.pt-type { display: inline-block; width: 100%; text-align: right; font-size: 0.7rem; text-transform: uppercase; cursor: pointer; }
div.dt-storie-information div.poetry-type-postdate span.pt-date { display: inline-block; width: 100%; text-align: right; font-size: 1.5rem; letter-spacing: -0.5px; }
div.dt-storie-information div.poetry-type-postdate span.pt-date i { display: inline-block; font-size: 0.7rem; letter-spacing: normal; margin-left: -5px; }
div.dt-storie-information div.poetry-type-postdate span.pt-date i.year { display: block; font-size: 0.6rem; margin-top: -6px; }

div.dt-storie-information div.dt-poetry-pic { width: 100%; float: left; height: 200px; position: relative; margin-top: 10px; }
div.dt-storie-information div.dt-poetry-pic img { width: 100%; height: 100%; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
div.dt-storie-information div.dt-poetry-pic span.auther { display: inline-block; font-size: 0.7rem; position: absolute; right: -5px; top: 40px; transform: rotate(-90deg); color: #fff;}
div.dt-storie-information div.dt-poetry-pic span.Auth-line { width: 50px; border: solid 1px #fff; display: inline-block; transform: rotate(-90deg); position: absolute; right: 2px; bottom: 85px; }

div.dt-storie-information div.pt-lft-coll { width: 150px; float: left; position: absolute; left: 20px; bottom: 10px; }
div.dt-storie-information span.st-red { width: 15px; float: left; height: 15px; background: #ff0000; margin: 10px 8px 0 0; }
div.dt-storie-information span.pt-coll-name { display: inline-block; text-align: right; text-transform: uppercase; font-size: 0.66rem; color: #fff; cursor: pointer; line-height: 1.2; }
div.dt-storie-information span.coll-line { width: 60px; border: 1px solid #fff; position: absolute; left: 25px; bottom: -3px; }

div.dt-storie-information div.dt-poetry-pic div.pt-tittle-back { width: 200px; height: 150px; border-radius: 10px; backdrop-filter:  blur(2px); background: #dacabb; position: absolute; top: -93px; left: 20px; opacity: 0.6;}
div.dt-storie-information div.dt-poetry-pic span.pin { color: #000; padding: 8px; transform: rotate(45deg);}
div.dt-storie-information div.dt-poetry-pic span.pt-name { display: inline-block; width: 80%; margin: 0 10%; position: absolute;  bottom: 15px; left: 0; color: #4e4e4e; font-size: 1rem; text-transform: capitalize; }
div.dt-storie-information div.dt-poetry-pic i.line { display: inline-block; width: 45px; border: solid 1px #4e4e4e; transform: rotate(180deg); margin: 0 5px 4px 0; }

div.dt-storie-information p.pt-related-note { width: 95%; float: left; margin: 20px 2.5% 0 2.5%; text-align: center; font-size: 0.9rem; line-height: 18px; letter-spacing: 0;}


/* div.dt-vmenu-other div.copyright {width: 55%; float: right; margin: 40px 5%; padding: 10px 0; border-radius: 10px; background: #0d0d0d; text-align: center; font-size: 70%; color: #978989; } */

/* INDEX POPULAR CLOOECTON */
div.dt-ab-section { display: flex; gap: 20px; margin-bottom: 40px; }

div.dt-vmenu-cap { width: 400px; float: left; position: relative; margin: 0 0 0 0 ; max-width: 100%; padding:  0 10px; color: #837253;  }
div.dt-vmenu-cap h2.vamu { display:inline-block; width:300px; float:left; margin:0px 0 0 0; padding:0; font-size:220%; letter-spacing:-0.09em; line-height:80%; position:relative; font-weight:normal; }
div.dt-vmenu-cap h2.vamu i.ln-t { display:inline-block; font-style:normal; padding:0 0 0 30px; }
div.dt-vmenu-cap h2.vamu i.sep-t { display:inline-block; font-style:normal; background:url(../media/dt-sep-ssp.png) no-repeat 18px center; padding:0 0 8px 20px; margin:0px 0 0 0px; right:0; position:absolute; width:160px; text-align:right; }
div.dt-vmenu-cap h2.vamu i.sep { display:inline-block; font-style:normal; margin:10px 0 0 0; padding:0px 0 0 0; float:right;  text-align:right; width:70%;  }

div.dt-vmenu-cap div.dt-explore { width: 100%; float: left; margin-top: 30px; text-align: center; }

div.dt-c-slides { width: 77%; float: left; position: relative;  max-width: 100%; padding: 0; margin: 0 0 30px 0; }

div.dt-c-slides div.dt-pc-slide-in { width: 900px; float: left; height: 390px; padding: 0; margin-right: 80px;  }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row { width: 100%; float: left; height: 170px; position: relative; overflow: hidden; margin-bottom: 20px;}
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-slider-pic { width: 535px; float: left; height: 163px; position: relative; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); overflow: hidden; border-radius: 10px; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-slider-pic div.pc-sl-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-slider-pic img.cover {  width: 100%; float: left; transition: all .5s ease; transform: scale(1); opacity:0.7;} 
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-slider-pic:hover img.cover { transition: all .5s ease;  transform: scale(1.2); background: rgb(177, 128, 128); -webkit-filter: grayscale(1); filter: grayscale(1); opacity:0.6; }

div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-slider-pic span.dt-bot-left { display: inline-block; width: 126px; float: left; height: 33px; position: absolute; bottom: 10px; left: 22px; text-align: center; background: url(../media/dt-post-count-red-back.png) no-repeat left bottom; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-slider-pic span.dt-bot-left a { display: inline-block; color: #fff; margin: 5px 0 0 0; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-slider-pic span.dt-top-author { display: inline-block; width: 150px; float: right; position: absolute; right: 15px; top: 7px; } 
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-slider-pic span.dt-top-author img.author { width: 40px; height: 40px; border-radius: 100%; border: 3px solid rgba(255, 255, 255, 0.5); }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-slider-pic span.dt-top-author a.autho { display: inline-block; position: absolute; top: 8px; right: 2px; color: #fff; font-size: 16px; }

div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle { width: 335px; float: left; position: relative; margin: 27px 15px 0 15px; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle h3.tittle { width: 100%; float: left; margin: 0; padding: 0; font-size: 2rem; color: #837253; font-weight: 400; text-transform: uppercase; letter-spacing: -3px; line-height: 1.5rem; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle h3.tittle span.dt-poem-nameup { margin: 0; display: block;}
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle h3.tittle span.dt-poem-namedwn { display: inline-block; margin-left: 79px; float: left; }

div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle-bottom { text-align: right; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle h3.tittle span.tit { margin: 0 79px 0  0; display: block;}

div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle span.sub-tai { width: 100%; float: left; margin: 0; font-size: 0.90rem; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle div.rating { width: 100%; float: left; height: 35px; background: url(../media/dt-post-count-back.png) no-repeat left center; margin: 3px 0 0 0; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle div.rating2 { background: url(../media/dt-post-count-back.png) no-repeat right center; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle div.rating span.rate { display: inline-block; width: 100%; float: left; color: #fff; margin: 9px 0 0 15px; font-size: 11px; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle div.rating span.rate2 { margin: 9px 0 0 -15px ; }
div.dt-c-slides div.dt-pc-slide-in div.dt-slide-row div.dt-collation-tittle div.rating span.rate img { display: inline; width: 45px;}





/*FOOTRE PARET*/
footer.dt-footer { width:100%; float: left; z-index: 9999; }
footer.dt-footer div.footer-out-lft { min-width:35%; width:calc(50% - 55px)!important; height:46px; background:rgba(77,59,61,0.8); float:left; border-radius:20px 0px 0 0; position:relative; }
footer.dt-footer div.footer-out-mid { width:110px!important; height:46px; background:url(../images/bottom-box-xl-n-eth-steel.png) center top; float:left; position:relative; opacity:0.8; }
footer.dt-footer div.footer-out-mid img.slide-up { width:10px; position:absolute; top:5px; left:50%; margin:0 0 0 -5px; }
footer.dt-footer div.footer-out-rit { min-width:35%; width:calc(50% - 55px)!important; height:46px; background:rgba(77,59,61,0.8); float:right; border-radius:0px 20px 0 0; position:relative; }

footer.dt-footer div.footer-out-lft div.dt-share-menu { width:112px; float:left; position:relative; margin:6px 0 0 80px; padding:0; }
footer.dt-footer div.footer-out-lft div.dt-share-menu span.cs { display:inline-block; font-size:10px; color:#ffefe7; letter-spacing:0.09em; background:#ff0000; padding:10px 20px 10px 0; background:url(../images/share-sl-eth.png) no-repeat right center;  }
footer.dt-footer div.footer-out-lft div.dt-share-menu span.sicos { display:inline-block; float:left; font-size:10px; color:#a3a3a3; letter-spacing:0.09em;margin:-29px 0 0 64px; width:66px; background:#837879; border-radius:30px; padding:7px 0px; text-align:center; }
footer.dt-footer div.footer-out-lft div.dt-share-menu span.sicos a { display:inline-block; padding:0;  position:relative; opacity:0.8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; margin-left:7px; float:left;}
footer.dt-footer div.footer-out-lft div.dt-share-menu span.sicos a img { width:12px; float:left; }
footer.dt-footer div.footer-out-lft div.dt-share-menu span.sicos a.twit { margin:0 0 0 5px; }
footer.dt-footer div.footer-out-lft div.dt-share-menu span.sicos a.fb { background:url(../images/dt-social-media-icons.png) no-repeat -77px top; width:12px; height:10px; margin-left:9px; }
footer.dt-footer div.footer-out-lft div.dt-share-menu span.sicos a.tw { background:url(../images/dt-social-media-icons.png) no-repeat 0px top; width:12px; height:10px; margin-left:3px; margin-right:9px; }
footer.dt-footer div.footer-out-lft div.dt-share-menu span.sicos a.inst { background:url(../images/dt-social-media-icons.png) no-repeat -39px top; width:12px; height:10px;}
footer.dt-footer div.footer-out-lft div.dt-share-menu span.sicos a:hover { opacity:1; }

footer.dt-footer div.footer-out-rit ul { display: inline-block; float: right; margin: 19px 80px 0 0px; padding: 0; list-style: none; }
footer.dt-footer div.footer-out-rit ul li { display:inline-block; float:left; margin:0; padding:0; }
footer.dt-footer div.footer-out-rit ul li a { display:inline-block; float:left; margin:0; padding:0 0 0 20px; font-size:10px; color:#fff; text-decoration:none; letter-spacing:0.03em; text-transform:uppercase; letter-spacing:0.09em; }
footer.dt-footer div.footer-out-rit ul li.dt-rm-sms { display:inline-block; }	

/* OTHER PAGE */
/*DT LEFT  CONTAINER*/
div.dt-post-rgt { left: 0; top: 0; height: auto; width: calc(100% - 1235px); padding: 0;  float: left; }
div.dt-post-rgt div.dt-post-rgt-in { width: 100%; padding: 219px 0 0 0; margin: 0 0 0 35px; height: auto; float: left !important; background: rgba(113, 83, 87, 0); }


div.dt-lft-details { position: fixed; width: 88px; bottom: 80px; left: calc(2.5% + 5px); border-top: 1px solid #6e6e6d; border-bottom:1px solid #6e6e6d; font-size:80%; z-index: 9999999; }
div.dt-lft-details ul { width: 98%; float: left; margin: 0 2% 0 0; padding: 20px 0 0 0; list-style: none; font-size:80%; text-transform:uppercase;  }
div.dt-lft-details ul li { float: left; width: 100%; margin:0 0 20px 0; padding:0; text-align:left; color:#ffffff; letter-spacing:0.19em;  }
div.dt-lft-details ul li span { display: inline-block; width:100%; text-transform: capitalize; letter-spacing:0.05em; margin:3px 0 0 0; font-size:105%; }
div.dt-lft-details ul li span a { display: inline-block; text-decoration: none; color: #ffffff;}

div.dt-post-lft-oth { width: 320px; left: 218px; float: left; position: sticky;  min-height: 0; margin-left: 110px;}

div.dt-post-lft-in-oth h2 { display:inline-block; width:300px; float:left; margin:0px 0 0 0; padding:0; font-size:220%; letter-spacing:-0.09em; color:#d2d2d2; line-height:80%; position:relative; font-weight:normal; }
div.dt-post-lft-in-oth h2 i.ln-t { display:inline-block; font-style:normal; padding:0 0 0 30px; }
div.dt-post-lft-in-oth h2 i.sep-t { display:inline-block; font-style:normal; background:url(../images/dt-sep-ssp.png) no-repeat -6px center; padding:0 0 8px 20px; margin:0px 0 0 0px; right:0; position:absolute; width:160px; text-align:right; }
div.dt-post-lft-in-oth h2 i.sep { display:inline-block; font-style:normal; margin:10px 0 0 0; padding:0; float:right;  text-align:right; width:70%;  }

div.dt-post-lft-in-oth h2.privacy-statement i.ln-t { padding: 0 0 0 15px; }
div.dt-post-lft-in-oth h2.privacy-statement i.sep-t { margin: 0px -10px 0 0; background-position: 10px center; }
div.dt-post-lft-in-oth h2.privacy-statement i.sep { margin: 10px -10px 0 0; }

div.dt-post-lft-in-oth h2.about-us i.ln-t { padding: 0 0 0 45px; }
div.dt-post-lft-in-oth h2.about-us i.sep { padding: 30px 0 0 0; } 

div.dt-post-lft-in-oth h3 { font-size:100%; width:100%; float:left; color:#adadad; font-weight:400; letter-spacing:0.01em; line-height:90%; margin:20px 0 0 0; padding:0; line-height:140%;  }
div.dt-post-lft-in-oth ul { width:100%; float:left; margin:40px 0 0 0; padding:0; list-style:none; font-size:70%; letter-spacing:0.09em;  }
div.dt-post-lft-in-oth ul li { float:left; margin:0; padding:2px 0;  }
div.dt-post-lft-in-oth ul li a { display:inline-block; font-style:normal; text-decoration:none; color:#fff!important;  padding: 0 ; margin: 0 8px;  }

div.dt-post-mid { position: relative; height: auto; width: calc(90% - 391px); max-width: 1024px; float: left; margin: 0 0 0 165px; padding:0 1%;}
div.dt-post-mid div.dt-post-mid-in { width: 100%; padding: 170px 0% 0 0; height: auto; }

div.dt-post-mid-oth { width: calc(90% - 450px); float: right; margin: 0 120px 0 0; min-height: 100vh; }
div.dt-post-mid-in-oth { padding: 70px 0 0 0; }
div.dt-post-mid-in-oth h3 { width:90%; float:right; margin:0 2.5% 30px 2.5%; padding:0 0 30px 0; font-size:80%; color:#fff; font-weight:400; background:url(../media/span-sep.png) no-repeat left bottom; }
div.dt-post-mid-in-oth h3 span.left { display:inline-block; width:60%; float:left; text-transform:uppercase; letter-spacing:0.09em; }
div.dt-post-mid-in-oth h3 span.right { display:inline-block; width:35%; float:left; font-size:70%; font-weight:normal; text-transform:uppercase; text-align:right; line-height:180%; margin:2px 0 0 0; letter-spacing:0.09em; }
div.dt-post-mid-in-oth h4 { width:90%; float:right; margin:0 2.5% 0 2.5%; padding:0 0 0px 0; font-size:80%; color:#fff; font-weight:400;}
div.dt-post-mid-in-oth p { width:90%; float:right; margin:15px 2.5% 0 2.5%; padding:0 0 0px 0; font-size:70%; color:#d7c2c5; font-weight:400; line-height:140%; letter-spacing:0.09em;  }
div.dt-post-mid-in-oth p span.oth-caps  { width:100%; float:left; margin:0; padding:20px 0 10px 0; font-size:100%; color:#fff; font-weight:400; text-transform:uppercase; }
div.dt-post-mid-in-oth p span.oth-cap2 { padding-bottom: 0; }
div.dt-post-mid-in-oth p span.oth-cap3 { padding: 0; }
div.dt-post-mid-in-oth ul.oth-points { float:left; width:100%; float:right; color:#d7c2c5;  margin:10px 0 20px 0; display:inline-block; line-height:140%; font-size:70%; letter-spacing:0.09em; }
div.dt-post-mid-in-oth ul.oth-points li { display:inline-block; float:left; width:100%; padding-left:6%; background:url(../images/dt-sep-v.png) no-repeat 2.5% 9px; margin-bottom:3px; }
div.dt-post-mid-in-oth p:last-child { margin-bottom:160px; }
div.dt-post-mid-in-oth p a.yellow { color: #f9d77e; }
div.dt-post-mid-in-oth p a.yellow:hover { color: #fff; }

div.dt-post-mid-in-oth ul.oth-points-num { float:left; width:92%; float:right; color:#d7c2c5;  margin:10px 0 0px 0; display:inline-block; line-height:140%; font-size:70%; letter-spacing:0.09em; list-style:decimal!important; padding-left:1.5%; }


/*CONTENT PARAGRAPH*/
p.dt-sep {  padding-bottom:60px!important; }
p.stl {  font-weight:400; letter-spacing:0.09em; }

p.stl-S4 { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%; font-size:80%; letter-spacing:0.09em;  }
p.stl-S4 span { display:inline-block; float:left; width:100%!important; text-indent:0!important; }
p.stl-S4 span:nth-child(even) { display:inline-block; float:left; width:100%!important; text-indent:6%!important; }
p.stl-S4 span:last-child { display:inline-block; float:left; width:100%!important; text-indent:12%!important; }

p.stl-S5 { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%; font-size:80%; letter-spacing:0.09em; }
p.stl-S5 span { display:inline-block; float:left; width:100%!important; text-indent:0!important; }
p.stl-S5 span:nth-child(even) { display:inline-block; float:left; width:100%!important; text-indent:6%!important; }
p.stl-S5 span:last-child { display:inline-block; float:left; width:100%!important; text-indent:6%!important; }
p.stl-S5 span:nth-child(4) { display:inline-block; float:left; width:100%!important; text-indent:0%!important; }



.stl-S6 p { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%; }
.stl-S6 p span { display:inline-block; float:left; width:100%!important; text-indent:0%!important; }
.stl-S6 p span:nth-child(3) { display:inline-block; float:left; width:100%!important; text-indent:10%!important; }
.stl-S6 p span:first-child { display:inline-block; float:left; width:100%!important; text-indent:0%!important; }
.stl-S6 p span:nth-child(5) { display:inline-block; float:left; width:100%!important; text-indent:10%!important; }

.stl-S6P p { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%; }
.stl-S6P p span { display:inline-block; float:left; width:100%!important; text-indent:0%!important; }
.stl-S6P p span:nth-child(3), .stl-S6 p span:nth-child(6) { display:inline-block; float:left; width:100%!important; text-indent:0%!important; }
.stl-S6P p span:first-child { display:inline-block; float:left; width:100%!important; text-indent:0%!important; }


p.stl-S4B { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%;  }
p.stl-S4B span { display:inline-block; float:left; width:100%!important; text-indent:0!important; }
p.stl-S4B span:nth-child(2), p.stl-S4B span:nth-child(3) { display:inline-block; float:left; width:100%!important; text-indent:6%!important; }
p.stl-S4B span:last-child { display:inline-block; float:left; width:100%!important; text-indent:12%!important; }


/*PATTERNS POETRY*/
.stl-S5S p { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%; }
.stl-S5S p span { display:inline-block; float:left; width:100%; text-indent:10%!important; }
.stl-S5S p span:nth-child(even) { display:inline-block; float:left; width:100%; text-indent:6%!important; }
.stl-S5S p span:last-child { display:inline-block; float:left; width:100%; text-indent:0%!important; }
.stl-S5S p span:first-child { display:inline-block; float:left; width:100%; text-indent:0%!important; }


.stl-S4B p { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%;  }
.stl-S4B p span { display:inline-block; float:left; width:100%; text-indent:10%!important; }
.stl-S4B p span:nth-child(even) { display:inline-block; float:left; width:100%; text-indent:6%!important; }
.stl-S4B p span:last-child { display:inline-block; float:left; width:100%; text-indent:0%!important; }
.stl-S4B p span:first-child { display:inline-block; float:left; width:100%; text-indent:0%!important; }


.stl-S2 p { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%;  }
.stl-S2 p span { display:inline-block; float:left; width:100%; text-indent:0%!important; }
.stl-S2 p span:nth-child(3) { display:inline-block; float:left; width:100%; text-indent:0%!important; }
.stl-S2 p span:last-child { display:inline-block; float:left; width:100%; text-indent:0%!important; }
.stl-S2 p span:first-child { display:inline-block; float:left; width:100%; text-indent:0%!important; }
.stl-S2 p span.sp { text-indent:15%!important; }

.stl-S5B p { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%;   }
.stl-S5B p span { display:inline-block; float:left; width:100%; text-indent:0!important; }
.stl-S5B p span:nth-child(2) { display:inline-block; float:left; width:100%; text-indent:6%!important; }
.stl-S5B p span:nth-child(3) { display:inline-block; float:left; width:100%; text-indent:12%!important; }
.stl-S5B p span:nth-child(4) { display:inline-block; float:left; width:100%; text-indent:20%!important; }
.stl-S5B p span:last-child { display:inline-block; float:left; width:100%; text-indent:22%!important; }

.stl-S0B p { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%;  }
.stl-S0B p span { display:inline-block; float:left; width:100%; text-indent:0!important; }
.stl-S0B p span:nth-child(3) { display:inline-block; float:left; width:100%; text-indent:0%!important; }
.stl-S0B p span:nth-child(4) { display:inline-block; float:left; width:100%; text-indent:20%!important; }
.stl-S0B p span:last-child { display:inline-block; float:left; width:100%; text-indent:22%!important; }


.stl-S0B p span:nth-child(2) { display:inline-block; float:left; width:100%; text-indent:12%!important; }
.stl-S0B p span:nth-child(3) { display:inline-block; float:left; width:100%; text-indent:0%!important; }
.stl-S0B p span:nth-child(4) { display:inline-block; float:left; width:100%; text-indent:20%!important; }
.stl-S0B p span:nth-child(6) { display:inline-block; float:left; width:100%; text-indent:12%!important; }
.stl-S0B p span:last-child { display:inline-block; float:left; width:100%; text-indent:22%!important; }


.stl-S4 p { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%; }
.stl-S4 p span { display:inline-block; float:left; width:100%; text-indent:0!important; }
.stl-S4 p span:nth-child(even) { display:inline-block; float:left; width:100%; text-indent:6%!important; }
.stl-S4 p span:last-child { display:inline-block; float:left; width:100%; text-indent:6%!important; }


.stl-S0 p { width:100%; float:left; display:inline-block; margin:35px 0 0 0; padding:0; line-height:200%; letter-spacing:0.09em; /*color:#dbbaba;*/ }
.stl-S0 p span { display:inline-block; float:left; width:100%; text-indent:0%!important; }
/*SPECIAL CASES*/
p.stl span.mdash i { padding-right:48px; display:inline-block; background:url(../images/dt-sep-v.jpg) no-repeat right center; font-style:normal; }
div.dt-post-left div.dt-post-left-in article div.lngBengali  { font-family: 'Hind Siliguri', sans-serif!important; font-size:85%!important; line-height:200%; letter-spacing:0em; letter-spacing:-0.06em!important; }
div.dt-post-left div.dt-post-left-in article h2.lngBengali { font-family: 'Hind Siliguri', sans-serif!important; }




/*BUTTONS*/
/* From cssbuttons.io */
button.learn-more {
 position: relative;
 display: inline-block;
 cursor: pointer;
 outline: none;
 border: 0;
 vertical-align: middle;
 text-decoration: none;
 background: transparent;
 padding: 0;
 font-size: inherit;
 font-family: inherit;
}

button.learn-more {
 width: 11rem;
 height: auto;
}

button.learn-more .circle {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: relative;
 display: block;
 margin: 0;
 width: 2rem;
 height: 2rem;
 background: #ff0000;
 border-radius: 1.625rem;
}
button.learn-more .circle2  {
	background: #adadad;
}

button.learn-more .circle .icon {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
 background: #fff;
}

button.learn-more .circle .icon.arrow {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 left: 0.125rem;
 width: 1.125rem;
 height: 0.125rem;
 background: none;
}

button.learn-more .circle .icon.arrow::before {
 position: absolute;
 content: "";
 top: -0.29rem;
 right: 0.0625rem;
 width: 0.625rem;
 height: 0.625rem;
 border-top: 0.125rem solid #fff;
 border-right: 0.125rem solid #fff;
 transform: rotate(45deg);
}

button.learn-more .button-text {
 transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
 position: absolute;
 top: -4px;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 0.75rem 0;
 margin: 0 0 0 0.85rem;
 color: #adadad;
 font-weight: 700;
 line-height: 1.6;
 letter-spacing:0.09em;
 text-align: center;
 text-transform: uppercase;
 font-size:70%;
}

button.learn-more .button-text2{
	color: #ff0000;
}

button:hover .circle {
 width: 100%;
}

button:hover .circle .icon.arrow {
 background: #fff;
 transform: translate(1rem, 0);
}

button:hover .button-text {
 color: #fff;
}



@media screen and (max-width: 1880px){
	.circular { 	 
		left: calc(2.5% + 5px);	
	}

}

@media screen and (max-width: 1600PX){

	div.dt-post-rgt div.dt-post-rgt-in { width: 100%; padding: 219px 0 0 0; margin: 0 0 0 35px; height: auto; float: left !important; background: 		rgba(113, 83, 87, 0); }
	
		/* AUTHORTS SECTION - RIGHT SHOW POST*/

} 

@media screen and (max-width: 1500px){
	div.dt-post-mid-oth { margin: 0 80px 0 0; }
}

@media screen and (max-width: 1350px){
	div.dt-lfc div.dtlp { width: 100%; margin-bottom: 10px;}

	/* COMUNITY RULES */
	div.dt-post-lft-oth { width: 70%; margin: 150px 11% 0 19%; float: left;  min-height: 0; position: relative; left: 0; }
	/* div.dt-post-rgt div.dt-post-rgt-in { padding: 20px 0 0 0; } */
	div.dt-post-mid-oth { width: 80% ; margin: 0 7% 0 13%; }
	div.dt-post-mid-in-oth { padding: 70px 0 0 0 !important; }

	div.dt-post-rgt div.dt-post-rgt-in { padding: 0; } 
}

@media screen and (max-width: 1185px){
	/* MAIN PART */
	div.dt-left { width: 70%; margin: 100px 12% 0 18%; position: unset; min-height: 0; }
	div.dt-left-cap  { height: auto; margin: 0; text-align: center; position: unset; margin-top: 60px; }
	div.dt-left-cap h1 { font-size: 3rem; font-weight: 700; line-height: 32px; }
	div.dt-left-cap span.dt-dig-dream {text-align: left; font-size: 2rem; line-height: 30px; margin-top: 0; margin-left: 100px; }
	div.dt-left-cap h3 { font-size: 3rem; letter-spacing: 4px; margin-left: -28px; }
	div.dt-lfc  { text-align: center; font-size: 85%; }

		
	/* MAIN RIGHT CAPTION */
	div.dt-vpost { width: 76%; margin: 50px 12% 0 12%;  }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont8 { margin: 44px -172px 0 0; }
	
	/*OTHER PAGE LIKE COMUNITY_RULES PAGE */

	
	div.dt-post-lft-oth {  width: 70% !important; margin: 150px 11% 0 19 !important%; float: left;  min-height: 0; position: relative; left: 0; }
	
	div.dt-post-rgt {  width: 79%; float: left; margin:0 0 0 21%; }
	div.dt-post-rgt div.dt-post-rgt-in { padding: 20px 0 0 0; margin: 0;}


	/* div.dt-post-mid div.dt-post-mid-in { padding: 100px 0 0 0;} */
	div.dt-post-mid-oth { width: 80%; margin: 0 7% 0 13%; font-size: 1.2rem;}
	div.dt-post-mid-in-oth { padding: 70px 0 0 0 !important; }
}

@media screen and (max-width: 1080px){

	div.dt-wraper {  float: left; min-height:calc(100dvh - 10px); height: 100dvh;  box-sizing: border-box; background: #715358 url(../images/dtopic-bg-42-Copy.png) no-repeat left top fixed; background-size: cover; }   


	/* HEADER PART */
	header.dt-header div.lt-header span.az {  margin-left: 80px; }


	header.dt-header div.rt-header ul.right-qlink li:nth-child(1) { margin-right: 20px; } 
	header.dt-header div.rt-header ul.right-qlink li:nth-child(2) { margin-right: 15px; } 
		
	header.dt-header div.rt-header nav.right-nav button {  float: right; margin: 5px 30px 0 0; cursor: pointer; }

	
	
}





@media screen and (max-width: 908px) {
	
	div.dt-wraper {  float: left; min-height:calc(100svh - 10px);height: 100svh;  box-sizing: border-box; background: #715358 url(../images/dtopic-bg-42-Copy.png) no-repeat left top fixed; }   

	div.dt-vpost { width: 90%; margin: 0 5%; }
	div.dt-vpost div.dt-inrow-vpsot { height: auto; }
	div.dt-vpost div.dt-inrow-vpsot:nth-child(2) { height: auto; }
	div.dt-vpost div.dt-inrow-vpsot:nth-child(3) { height: auto; }

	div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-xl { width: 214px; height: 332px; float:right; position:relative; }
	div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-xm { width: 192px; height: 285px; float:right; position:relative; }
	div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-sm { width: 150px; height: 226px; float:right; position:relative; }


		
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont2 { margin: -33px 8px 0 0;}
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont3 { margin: 202px -150px 0px 0; }
	/* div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4 { margin: 76px 0 0 0; } */
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4-1 { margin: 7px 0px 0px 7px; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont5 { margin:-280px 0  0 -16px; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4-2 { margin: -99px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4-3 { margin: 7px 8px 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont7 { margin: -191px 11px 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont8 { margin: 44px -153px 0 0; }
	
}

@media screen and (max-width: 760px){
	div.about-dt-header ul { flex-wrap: wrap; gap: 20px;  margin: 65px 20px 0 0;  }

}





@media screen and (max-width: 662px) {
	div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-xl { width: 222px; height: 343px; float:right; position:relative; }
	div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-xm { width: 192px; height: 285px; float:right; position:relative; }
	div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-sm { width: 222px; height: 343px; float:right; position:relative; }

	
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont2 { margin: -33px 8px 0 0;}
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont3 {float: left; margin: 8px 0 0 86px; width: 184px; height: 285px;  }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4 { margin: -156px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4-1 { margin: 7px 10px 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont5 { width: 184px; margin:-156px 30px  0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4-2 { margin: 8px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4-3 { margin: -122px 8px 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont7 { margin: 8px 8px 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont8 { margin: -215px 30px 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont9 { margin: 8px 32px 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont10 { margin: -64px 8px 0 0; } 
	
	div.dt-lft-details { display: none;}

}


@media screen and (max-width: 580px){

	div.dt-wraper {  float: left; min-height:calc(100vh - 10px);min-height:calc(100svh - 10px);min-height:calc(100lvh - 10px); min-height:calc(100dvh - 10px); height: 100svh;  box-sizing: border-box; background: #715358 url(../media/dtopic-bg-42-Copy.png) no-repeat -200px top fixed; background-size: cover;}  
	

	/*LOGO*/
	
	.circular { 	 
		left: 50%;
		transform: translatex(-50%);
	}
	
	.circular-text { position: absolute; top: 160px; left: 50%;  bottom: unset; margin-left: -47.5px; width: 95px; }
	.oth-circular-text {display: block;}
	
	div.dt-curve { width: 65%;  }


	/*HEADER*/
	
	header.dt-header div.lt-header { margin: 21px 0; }
	header.dt-header div.rt-header { margin: 21px 0; }

	header.dt-header div.lt-header div.menu-bcom { margin-left: 8px; }
	header.dt-header div.lt-header span.az { margin-left: 41px; font-size: 80%; font-weight: 800; }

	header.dt-header div.lt-header div.dt-heder-box { width: 54px; height: 54px; margin-left: -27px; font-size: 10px; top: 6px; padding: 2px 0 0 2px;; }

	header.dt-header div.rt-header nav.right-nav { margin-right: 8px; }
	header.dt-header div.rt-header nav.right-nav ul.right-qlink li { display:none }
	header.dt-header div.rt-header nav.right-nav ul.right-qlink li:nth-child(1) { display: block;  margin-top: 5px; margin-right: 5px; font-size: 80%; font-weight: 800; }
	header.dt-header div.rt-header nav.right-nav button  { margin: 5px 50px 0 0; }
	/*MAIN PART*/
	div.dt-left { width: 88%; margin: 300px 5% 0; position: unset;}
	div.dt-left-cap  { height: auto; margin: 0; text-align: center; position: unset;  }
	div.dt-left-cap h1 { font-size: 2rem; font-weight: 700; line-height: 32px; }
	div.dt-left-cap span.dt-dig-dream {text-align: left; font-size: 15px; line-height: 14px; margin-top: 0; }
	div.dt-left-cap h3 { font-size: 3rem; letter-spacing: 4px; margin-left: -28px; }
	div.dt-lfc  { text-align: center; font-size: 85%; }


	div.dt-lfc div.dtlp { width:100%; }
	div.dt-lfc div.dtlp h4 { display:inline-block; float:left; width:100%; margin:0; padding:0; color:#ffffff; text-shadow:none; font-weight:normal; }
	div.dt-lfc div.dtlp span.dtsc { display:inline-block; float:left; margin:5px 0 10px 5px; padding:0; } 


	/* MAIN RIGHT CAPTION */
	div.dt-vpost { width: 100%; margin: 50px 0 0 0; padding-bottom: 60px; }
	div.dt-vpost div.dt-inrow-vpsot { width:100%; float:right; height:462px; margin:0; padding:0; background:rgba(255,0,0,0); position:relative; -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; }
	div.dt-vpost div.dt-inrow-vpsot:nth-child(2) { margin: 0; height: 452px; }
	div.dt-vpost div.dt-inrow-vpsot:nth-child(3) { margin: 0; height: 618px ; }
	div.dt-vpost div.dt-inrow-vpsot:nth-child(4) { margin: 0; height: 308px ; }
	
	/* div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture { ; } */
	div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-xl { width: calc(50% - 4px) !important;height: 300px !important; float:right; position:relative; }
	div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-xm { width: calc(50% - 4px) !important;height: 300px !important; float:right; position:relative; }
	div.dt-vpost div.dt-inrow-vpsot div.dtpost-picture-sm { width: calc(50% - 4px) !important;height: 300px !important; float:right; position:relative; }

	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont1 { margin: -78px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont2 { margin: 0; float: left;}
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont3 { margin: 8px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4 { margin: 76px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4-1 { margin: -154px 0 0 0; float: left; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont5 { margin: 7px 0 0 0; float: left; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4-2 { margin: -67px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont4-3 { float: left; margin: 8px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont7 { margin: 5px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont8 { float: left; margin: 7px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont9 { margin: -71px 0 0 0; }
	div.dt-vpost div.dt-inrow-vpsot div.dt-vpost-cont10 { margin: 5px 0 0 0; float: left; } 

	div.dt-vpost div.dt-paging { margin: 50px 0 ;  } 


	/*FOOTER*/
	footer.dt-footer div.footer-out-lft div.dt-share-menu { margin:6px 0 0 13px; }
	footer.dt-footer div.footer-out-rit ul { margin: 19px 13px 0 0px; }    
	footer.dt-footer div.footer-out-rit ul li.dt-rm-sms { display: none; }
	
	/* SHOW POST PAGE */
	div.dt-lft-details {display: none;  }
	div.dt-post-mid { width: 100%; margin: 10px 0 0 0; padding: 0;}
	div.dt-post-rgt { width: 100%; margin: 0; } 
	
	/* 	OTHER PAGR LIKE COMMUNITY */
	div.dt-post-mid-oth { margin: 0;}
	div.dt-post-lft-oth { width: 84%; margin: 340px 8% 0 8%; }
	div.dt-post-mid div.dt-post-mid-in { padding: 0; }

	
}

@media screen and (max-width: 454px){
	div.about-dt-header ul { margin: 85px 20px 0 0; }

}