main {

	z-index: 100;

  padding: 1.5em 0;

  height: 100%;

  width: 100%;

  background: #fff9f1;

  position: absolute;

  display: grid;

  place-items: center;

}

.ip {

	width: 16em;

	height: 8em;

}

.ip__track {

	stroke: hsl(var(223),90%,90%);

	transition: stroke var(--trans-dur);

}

.ip__worm1,

.ip__worm2 {

	animation: worm1 2s linear infinite;

}

.ip__worm2 {

	animation-name: worm2;

}



/* Dark theme */

@media (prefers-color-scheme: dark) {

	:root {

		--bg: hsl(var(223),90%,5%);

		--fg: hsl(var(223),90%,95%);

	}

	.ip__track {

		stroke: hsl(var(223),90%,15%);

	}

}



/* Animation */

@keyframes worm1 {

	from {

		stroke-dashoffset: 0;

	}

	50% {

		animation-timing-function: steps(1);

		stroke-dashoffset: -358;

	}

	50.01% {

		animation-timing-function: linear;

		stroke-dashoffset: 358;

	}

	to {

		stroke-dashoffset: 0;

	}

}

@keyframes worm2 {

	from {

		stroke-dashoffset: 358;

	}

	50% {

		stroke-dashoffset: 0;

	}

	to {

		stroke-dashoffset: -358;

	}

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



body {

    font-family: monospace;

    color: black;

    font-size: 13px;

    margin: 0;

    background:#fff9f1;

}



input,textarea,select,button {

    font-family: monospace;

    color: #333;

    font-size: 13px

}



p,h1,h2,h3,h4,h5,h6,ul {

    margin: 0

}



img {

    max-width: 100%

}



ul {

    padding-left: 0;

    margin-bottom: 0

}



a:hover {

    text-decoration: none

}



:focus {

    outline: none

}



.wrapper {

    width: 100%;

    min-height: 100vh;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    align-items: center

}



.inner {

    margin: auto;

    padding-top: 68px;

    padding-bottom: 48px;

    max-width: 500px;

    background: white;

    width: 75%;

    padding: 25px;

    margin: auto;

    border-radius: 10px;

    padding-top: 68px;

    padding-bottom: 48px;

    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);

    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);

    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);

}



.inner h3 {

    text-transform: uppercase;

    font-size: 22px;

    font-family: monospace;

    text-align: center;

    margin-bottom: 32px;

    color: #333;

    letter-spacing: 2px

}



.form {



}



.form-group {

    display: flex

}



.form-group .form-wrapper {

    width: 50%

}



.form-group .form-wrapper:first-child {

    margin-right: 20px

}



.form-wrapper {

    margin-bottom: 17px

}



.form-wrapper label {

    margin-bottom: 9px;

    display: block

}



.form-control {

    border: 1px solid #ccc;

    display: block;

    width: 100%;

    height: 40px;

    padding: 0 20px;

    border-radius: 10px;

    font-family: monospace;

    background: 0 0

}



.form-control:focus {

    border: 1px solid #d4007c

}



select {

    -moz-appearance: none;

    -webkit-appearance: none;

    cursor: pointer;

    padding-left: 20px

}



select option[value=""][disabled] {

    display: none

}



.button {

    border: none;

    width: 250px;

    height: 40px;

    margin: auto;

    margin-top: 29px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    background: #E4C4BD;

    font-size: 13px;

    color: #fff;

    text-transform: uppercase;

    font-family: monospace;

    border-radius: 20px;

    overflow: hidden;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}



.button:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #E4ABBD;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.button:hover:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);

    transition-timing-function: cubic-bezier(.52,1.64,.37,.66)

}







@media(max-width: 991px) {

    .inner {

        min-width:768px

    }

}



@media(max-width: 767px) {

    .modal_edit{

        width: 100%!important;



    }

    .inner {

        min-width:auto;

        background: white;

        padding-top: 0;

        padding-bottom: 0;

        margin: 15px;

    }



    .form {

        width: 90%;

        padding: 15px;

        width: 100%;

        

    }

}

.see-next{

    margin: 10px!important;

    text-decoration: underline!important;

    cursor: pointer!important;

    color:#333!important;

}

.see-next:hover{

    text-decoration: underline!important;

    color:#1a1a1a!important;

}





.cont-see{

    display: flex;

    align-items: center;

    padding: 10px;

    position: absolute;

}



        /* Определение стилей для блока */

        .image-container {

            display: flex;

            justify-content: space-between;

            align-items: flex-end;

            max-width: 500px;

            margin: auto;

        }



        .image-container img {

            max-width: 100%;

            height: auto;

            margin-bottom: 10px; /* Пространство между изображениями */

        }



        /* Общие стили для изображений */

        .image-container img {

            max-width: 100%;

            height: auto;

            margin-bottom: 10px; /* Пространство между изображениями */

        }



        /* Стили для больших экранов (ширина экрана 600px и более) */

        @media (min-width: 600px) {

            .image-container {

                max-width: 500px;

                margin: auto;

            }



            /* Картинка размером 500x400 */

            .image-container img:first-child {

                max-width: 100%;

                max-height: 400px;

            }



            /* Картинка размером 150x300 */

            .image-container img:last-child {

                max-width: 150px;

                max-height: 300px;

            }

        }



        /* Стили для маленьких экранов (ширина экрана менее 600px) */

        @media (max-width: 599px) {

            .image-container {

                flex-direction: column; /* Столбцовая ориентация для маленьких экранов */

            }



            /* Картинка размером 500x400 */

            .image-container img:first-child {

                max-width: 100%;



            }



            /* Картинка размером 150x300 */

            .image-container img:last-child {

                max-width: 100%;

              

            }

        }



        .container img {

            border: 5px solid white;

            border-radius: 5px;

        }



        .container img:last-child {

            position: absolute;

            margin-left: 450px;

            top: 40%;

        }

        .h2{

            text-transform: uppercase;

            font-size: 22px;

            font-family: monospace;

            text-align: center;

            margin-bottom: 32px;

            color: #333;

            letter-spacing: 2px;

        }

        .section-all{

            display: flex;

            align-items: center;

            justify-content: space-around;

        }

        

        @media (max-width: 1100px) {

            .section-all {

               display: block;

            }

            .container img:last-child {

                max-height: 250px!important;

                position: absolute;

                right: 5px;

                top: 13.5%;

            }

            .image-container {

                justify-content: center!important;

                padding: 20px!important;

            }

            .container img:first-child{

                margin-top: 55px!important;

            }

            .inner{

                width: 100%!important;

            }

            .wrapper{

                width: 100%!important;

                min-height: auto!important;

            }

        }

        @media (max-width: 390px) {

            .container img:last-child {

                max-height: 200px!important;

                position: absolute;

                right: 5px;

                top: 13.5%;

            }

        }

        a button{

            color:white;

            text-decoration: none;

        }

        a button:hover{

            color:white;

            text-decoration: none;

        }



        .t-c{

            text-align: center;

        }



        .d-flex{

            display:flex;

        }

        .justify-between{

            justify-content: space-between;

        }



        .btn-preview{

            border: none;

            width: 125px;

            height: 40px;

            margin: auto;

            cursor: pointer;

            display: flex;

            align-items: center;

            justify-content: center;

            padding: 0;

            background: #d4007c;

            font-size: 13px;

            color: #fff;

            text-transform: uppercase;

            font-family: monospace;

            border-radius: 20px;

            overflow: hidden;

            -webkit-transform: perspective(1px) translateZ(0);

            transform: perspective(1px) translateZ(0);

            box-shadow: 0 0 1px transparent;

            position: relative;

            -webkit-transition-property: color;

            transition-property: color;

            -webkit-transition-duration: .5s;

            transition-duration: .5s

        }

        .dashboard-section{

            width: 90%;

            height: 90%;

            background: white;

            border-radius: 10px;

            padding:40px;

            margin: 25px auto;

        }

        .icon-copy{

            margin-left: 20px;

            color: #d4007c;

            cursor: pointer;

            transition: all 0.25s linear;

        }

        .icon-copy:hover{

            color: #ff00bb;

        }

        .icon-edit{

            margin-left: 10px;

            color: #d4007c;

            cursor: pointer;

            transition: all 0.25s linear;

        }

        .icon-edit:hover{

            color: #ff00bb;

        }

        

        .edit-a{

            color:#d4007c;

            text-align: center;

            text-decoration: underline;

            cursor:pointer;

            margin-left: 10px;

        }

        .edit-a:hover{

            color:#ff00bb;

            text-decoration: underline;

        }

        .modal_edit{

            height: 100%;

            width: 535px;

            position: absolute;

            right: 0;

            border: 1px solid rgb(204, 204, 204);

            background: rgb(255, 255, 255);

            overflow: auto;

            border-radius: 4px;

            outline: none;

            padding: 20px;

        }

        .modal_edit_overlay{

            background-color: rgb(0 0 0 / 25%);

            position: fixed;

            inset: 0px;

        }



        .modal_photo{

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            height: auto;

            width: 700px;

            border: 1px solid rgb(204, 204, 204);

            background: rgb(255, 255, 255);

            overflow: auto;

            border-radius: 4px;

            outline: none;

            padding: 20px;

        }

        .modal_photo_overlay{

            background-color: rgb(0 0 0 / 25%);

            position: fixed;

            inset: 0px;

            overflow: scroll;

        }





        .close-icon{

            cursor: pointer;

            font-size: 36px;

        }

        .align-center{

            align-items: center;

        }

        .remove-button{

            text-decoration: underline;

            background: transparent;

            border: none;

            width: 225px;

            height: 40px;

            margin: 25px auto;

            cursor: pointer;

            display: flex;

            align-items: center;

            justify-content: center;

            padding: 0;

            font-size: 18px;

            color: black;

            text-transform: uppercase;

            font-family: monospace;

            border-radius: 20px;

            overflow: hidden;

            -webkit-transform: perspective(1px) translateZ(0);

            transform: perspective(1px) translateZ(0);

            box-shadow: 0 0 1px transparent;

            position: relative;

            -webkit-transition-property: color;

            transition-property: color;

            -webkit-transition-duration: .5s;

            transition-duration: .5s

        }

        .remove-button:hover{

            color:white;

          

        }

        .h-modal{

            font-weight: 100;

            color: black;

        }

        .p-modal{

            color:#9a9da0;

        }

        .modal-sector{

            margin-top: 25px;

            border-bottom: 1px solid #e6e6e6;

            padding-bottom: 25px;

        }

        .modal-sector-reoder{

            border-bottom: 1px solid #e6e6e6;

            padding-bottom: 5px;

            margin-top: 5px;

            cursor: pointer;

        }

        .wd-100{

            width: 100%;

        }

        .pages-section{

            margin-top:125px;

        }

        .h2-pages{

            margin-top: 10px;

            margin-bottom: 10px;

        }

        .m-tb-20{

            margin-top:20px;

            margin-bottom: 20px;

        }

        .page-modules{

            width: 80%;

        }

        @media(max-width: 767px) {

            .domain-name{

                margin-bottom: 5px;

                

                word-break: break-all;



            }

            .d-flex{

                display:block;

            }

            .page-modules{

                width: 100%;

            }

            .icon-copy{

                margin:0 5px;

            }

            .icon-edit{

                margin:0 5px;

            }

            .btn-preview{

                margin: 10px 0;

            }

        }

        .theme-section{

            margin-left: 15px;

        }

        .reoder-icon{

            margin-right: 5px;

            transform: rotate(90deg);

        }

        .w-100{

            width: 100%;

        }

        .d-flex-i{

            display: flex!important;

        }

        .calendar-icon{

            margin-right: 5px;

        }

        .standart-a{

            color:#d4007c;

            text-align: center;

            text-decoration: underline;

            cursor:pointer;

        }

        .standart-a:hover{

            color:#ff00bb;

            text-decoration: underline;

        }

        .file-upload {

            background-color: #ffffff;

            width: 100%;

            margin: 0 auto;

            padding-bottom: 40px;

          }

          

          .file-upload-btn {

            width: 100%;

            margin: 0;

            color: #fff;

            background: #1FB264;

            border: none;

            padding: 10px;

            border-radius: 4px;

            border-bottom: 1px solid #d4007c;

            transition: all .2s ease;

            outline: none;

            text-transform: uppercase;

            font-weight: 700;

          }

          

          .file-upload-btn:hover {

            background: #ff00bb28;

            color: #ffffff;

            transition: all .2s ease;

            cursor: pointer;

          }

          

          .file-upload-btn:active {

            border: 0;

            transition: all .2s ease;

          }

          

          .file-upload-content {

            display: none;

            text-align: center;

          }

          

          .file-upload-input {

            position: absolute;

            margin: 0;

            padding: 0;

            width: 100%;

            height: 100%;

            outline: none;

            opacity: 0;

            cursor: pointer;



          }

          

          .image-upload-wrap {

            transition: all 0.5s linear;

            margin-top: 20px;

            border: 1px dashed #d4007c;

            position: relative;

          }

          

          .image-dropping,

          .image-upload-wrap:hover {

            background-color: #ff00bb05;

            border: 1px dashed #ff00bb;

          }

          

          .image-title-wrap {

            padding: 0 15px 15px 15px;

            color: #222;

          }

          

          .drag-text {

            text-align: center;

          }

          

          .drag-text h3 {

            font-weight: 100;

            text-transform: uppercase;

            color: #d4007c;

            padding: 60px 0;

          }

          

          .file-upload-image {

            max-height: 200px;

            max-width: 200px;

            margin: auto;

            padding: 20px;

          }

          .justify-center{

            justify-content: center;

          }

          .container {

            width: fit-content;

            position: relative;

            margin-top: 25px;

            width: 25%;

          }

          

          .image {

            max-width: 418px;

            max-height: 316px;

            opacity: 1;

            display: block;

            width: 100%;

            height: auto;

            transition: .5s ease;

            backface-visibility: hidden;

          }

          

          .middle {

            transition: .5s ease;

            opacity: 0;

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            -ms-transform: translate(-50%, -50%);

            text-align: center;

          }

          

          .container:hover .image {

            opacity: 0.3;

          }

          

          .container:hover .middle {

            opacity: 1;

          }

          

          .text {

            border: none;

            margin: auto;

            cursor: pointer;

            display: flex;

            align-items: center;

            justify-content: center;

            background: #d4007c;

            color: #fff;

            text-transform: uppercase;

            font-family: monospace;

            border-radius: 20px;

            overflow: hidden;

            transform: perspective(1px) translateZ(0);

            box-shadow: 0 0 1px transparent;

            position: relative;

            transition-property: color;

            transition-duration: .5s;

            background-color: #d4007c;

            font-size: 16px;

            padding: 16px 32px;

            width: fit-content;

            

          }

          .text:hover:before {

            -webkit-transform: scaleX(1);

            transform: scaleX(1);

            -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);

            transition-timing-function: cubic-bezier(.52,1.64,.37,.66)

         }

          

          .f-w{

            flex-wrap: wrap

          }

          .w-d-b-w{

            word-break: break-word;

          }

          .wd-45{

            width: 45%!important;

          }



          .outline-btn{



            border: 1px solid #d4007c;

            margin: auto;

            margin: 29px;

            margin-left: 0;

            margin-right: 0;

            cursor: pointer;

            display: flex;

            align-items: center;

            justify-content: center;

            background: transparent;

            color: #d4007c;

            text-transform: uppercase;

            font-family: monospace;

            border-radius: 20px;

            overflow: hidden;

            transform: perspective(1px) translateZ(0);

            box-shadow: 0 0 1px transparent;

            position: relative;

            transition-property: color;

            transition-duration: .5s;

            font-size: 16px;

            padding: 16px 32px;

            width: fit-content;

          }

          .outline-btn:hover::before{

            background: #ff92d22b;

            -webkit-transform: none;

            transform: none;

            -webkit-transition-timing-function: none;

            transition-timing-function: none

          }

          .outline-btn:hover{

            background: #ff92d22b;

            -webkit-transform:none;

            transform: none;

            -webkit-transform-origin: none;

            transform-origin: none;

            -webkit-transition-property: none;

            transition-property: none;

            -webkit-transition-duration: none;

            transition-duration: none;

            -webkit-transition-timing-function: none;

            transition-timing-function: none

          }

          .m-b-10{

            margin-bottom: 10px;

          }

          .main-image-container img {

            height: 480px!important;

          }

          .main-photo{

            width: 100%;

            -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);

            -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);

            box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);

          }

        



          .photo-container {

            position: relative;

            display: inline-block;

            margin-bottom:10px;

          }

          

          .overlay {

            width: 100%;

            height: 100%;

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            opacity: 0;

            visibility: hidden;

            transition: opacity 0.3s ease, visibility 0.3s ease;

          }

          

          .photo-container:hover .overlay {

            opacity: 1;

            visibility: visible;

          }

          

          .i-edit-image{

            color: white;

            font-size: 46px;

            padding: 10px;

            border-radius: 25px;

            background: #d4007c;

            cursor: pointer;

          }

          .i-remove-image{

            cursor: pointer;

            background: transparent;

            color: white;

            font-size: 46px;

            padding: 10px;

            border-radius: 25px;

            border: 1px solid white;

          }

          .dark-overlay {

            z-index: -1;

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background-color: rgba(0, 0, 0, 0.7); /* Тёмный фон с прозрачностью */

          }

          .h-100{

            height: 100%;

          }

          .c-w{

            color: white;

          }



          .add-more{

            font-size:12px;

            color: #d4007c;

            transition: 0.25s linear;

            margin-left: 10px;

            cursor: pointer;

          }

          .add-more-icon{

            font-size:34px;

            cursor: pointer;

            color: #d4007c;

            transition: 0.25s linear;

          }



          .add-more:hover{

            text-decoration: underline;

          }



          .block-item{

            border: 1px solid #e6e6e6;

            border-radius: 5px;

            padding: 10px;

            width: 100px;

            height: 85px;

            cursor: pointer;

            text-align: center;

            display: flex;

            align-items: center;

            justify-content: center;

            margin: 5px;

            transition: all 0.25s linear;

          }

          .block-item:hover{

            transform: scale(1.05);

          }

          .block-icon{

            

            font-size:32px;

            color: black;

          }



          .reoder-icons {

            color: gray;

            cursor: pointer;

            font-size: 32px;

            opacity: 0; /* Начальное значение непрозрачности (0 - невидимый) */

            transition: opacity 0.3s ease; /* Добавление плавного перехода для свойства opacity */

          }

          .event-icons{

            color: gray;

            cursor: pointer;

            font-size: 32px;

            opacity: 0; /* Начальное значение непрозрачности (0 - невидимый) */

            transition: opacity 0.3s ease; /* Добавление плавного перехода для свойства opacity */

          }

          .modal-sector-reoder:hover .reoder-icons{

            opacity: 1;

          }

          .modal-sector-reoder:hover .h3-title{

            transform: translateX(10px);

          }

          .modal-sector-reoder .h3-title{

            transition: all 0.2s linear;

          }

          .m-t-20{

            margin-top:20px;

          }

          .m-b-20{

            margin-bottom:20px;

          }

          .modal-sector-event{

            transition: all 0.35s linear;

            margin-bottom: 20px;

          }

          .modal-sector-event:hover .event-icons{

            opacity: 1;

          }

          .modal-sector-event:hover .event-block{

            transform: translateX(5px);

          }

          .modal-sector-event:hover .event-block-p{

            transform: translateX(5px);

          }

          .modal-sector-event:hover .events{

            transform: translateX(5px);

          }

          .event-block-p{

            transition: all 0.35s linear;

          }

          .event-block{

            min-height: 160px;

            min-width: 260px;

            display: flex;

            flex-direction: column;

            padding: 1rem 1.25rem;

            transition: all 0.35s linear;

            border-radius: 4px;

            border: 1px solid var(--tkww-union-color-background-light-contrast-2,var(--tkww-union-color-neutral-200,#e4e5e9));

          }



          .event-calendar{

            color: black;

            font-size: 18px;

            margin-right: 10px;

          }

          .event-clock{

            color: black;

            font-size: 18px;

            margin-right: 10px;

          }

          .event-location{

            color: black;

            font-size: 18px;

            margin-right: 10px;

          }

          .m-t-10{

            margin-top:10px;

          }

          .events{

            transition: all 0.35s linear;

            transform: translateX(-25px);

          }

          .event-container{

            display: flex;

            flex-direction: row;

            flex-wrap: wrap;

            max-width: 100%;

            grid-gap: 1rem 1.25rem;

            gap: 1rem 1.25rem;

            justify-content: flex-start;

          }

          @media (max-width: 1149px) {

            .events{

                transition: all 0.35s linear;

                transform: translateX(0px);

              }

            .event-block{

                width: 100%!important;

            }

            .event-icons{

                opacity: 1;

            }

            .add-event{

              width: 100%!important;

            }

          }

          .add-event{

            cursor: pointer;

            min-height: 160px;

            min-width: 260px;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 4px;

            border:1.5px dashed var(--tkww-union-color-coolgray-200,var(--tkww-union-color-neutral-200,#e4e5e9))

          }

          .dop-event{

            align-items: center;

            border: 1px solid var(--tkww-union-color-border-default,var(--tkww-union-color-neutral-300,#caccd0));

            border-radius: 2px;

            display: flex;

            justify-content: space-between;

            margin: 0.75rem auto;

            padding: 0.5rem 1.25rem;

            display: flex;

            box-shadow: 0 var(--tkww-union-shadow-box-shadow,2px 4px rgba(31,31,31,.12));

          }

          .remove-event{

            cursor: pointer;

            font-weight: bold;

            color: #d4007c;

            font-size: 14px;

          }

          .remove-event:hover{

            color: #ff00bb;

          }

          .option-page{

            font-size:28px;

            cursor: pointer;

            margin-left: 10px;

          }

          .icon-option{

            color: #d4007c;

            font-size: 18px;

          }

          .option-a{

            color: #d4007c;

            margin-left: 5px;

            transition: all 0.25s linear;

          }

          .option-a:hover{

            color: #ff00bb;

            text-decoration: underline;

          }

          .hide-badge{

            font-size:12px;

            margin-left: 10px;

            padding: 5px;

            background: #f1f2f4;

          }

          .icon-hide-badge{

            color: black;

            margin-right: 5px;

          }



          .p-tb-5{

            padding-top: 10px;

            padding-bottom: 10px;

          }

          .title-section{

            border-top: 1px solid #e4e5e9;

            border-bottom: 1px solid #e4e5e9;

          }





          .element-sector{

            transform: translateX(-30px);

            transition: all 0.35s linear;

          }

          .sort-element{

            opacity: 0;

            transition: all 0.35s linear;

            font-size: 32px;

          }

          .element-cont:hover .element-sector{

            transform: translateX(0px);

          }

          .element-cont:hover .sort-element{

            opacity: 1;

          }

          .element-cont{

            background: white;

            cursor: pointer;

          }



          .image-block{

            width: 142px;

            display: block;

            height: auto;

            max-width: 100%;

          }



          .img-timeline{

            display: block;

            height: auto;

            max-width: 100%;

            width: auto;

            max-height: 100%;

          }

          .img-timeline-sector{

            margin-left: 15px;

            margin-top:15px;

            margin-bottom: 15px;

          }

          .field-timeline-sector{

            padding: 10px;

            margin-left: 15px;

            width: 65%;

          }

          .icon-delete:first-child{

            margin-right: 5px;

            font-size: 24px;

          }

          .icon-delete{

            font-size: 16px;

            text-align: center;

            text-decoration: underline;

            cursor: pointer;

          }

          .img-timeline-block{

            width: 110px;

            height: 110px;

            display: flex;

            justify-content:center;

            align-items: center;

            background: #ebebeb;

            cursor: pointer;

          }



          .img-timeline-block:hover{

            background: #0000003c;

          }

          .timeline-image-block{

            margin-right: 10px;

            width: 100px;

            display: block;

            height: auto;

            max-width: 100%;

          }

          .m-l-10{

            margin-left: 10px;

          }

          .list{

            background: #d4007c17;

          }

          .skip-a{

            color: #d4007c;

            margin-top: 10px;

            cursor:pointer;

          }