@charset "utf-8";
.bg {
    position: absolute;
    left: 0;
    top: 0;
    font-family: poppins;
    color: transparent;
    font-size: 150px;
    font-weight: 900;
    opacity: .1;
    line-height: 0;
    -webkit-text-stroke: 1px #f5f5f5;
    -webkit-user-select: none
}
body.dark {
    background-color: #111319;
    color: #a9afc3
}

body.dark::-webkit-scrollbar {
    width: 11px
}

body.dark {
    scrollbar-width: thin;
    scrollbar-color: #bbb #fff
}

body.dark::-webkit-scrollbar-track {
    background: #fff
}

body.dark::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 6px;
    border: 3px solid #fff
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5 {
    color: #fff
}

body.dark .anim_tm_mobile_menu .mobile_menu_inner {
    background-color: #020713;
    box-shadow: 0 0 10px rgb(255 255 255/8%)
}

body.dark .anim_tm_mobile_menu .dropdown {
    background-color: #020713;
    box-shadow: 0 0 10px rgb(255 255 255/8%)
}

body.dark .my_trigger .hamburger .hamburger-inner::before,
body.dark .my_trigger .hamburger .hamburger-inner::after,
body.dark .my_trigger .hamburger .hamburger-inner {
    background-color: #fff
}

body.dark .anim_tm_mobile_menu .dropdown .dropdown_inner ul li a {
    color: #a9afc3
}

body.dark .anim_tm_hero {
    background-color: #191c26
}

body.dark .anim_tm_hero .image:before {
    background-color: #393939
}

body.dark .anim_tm_hero .social ul li .svg {
    color: #a9afc3
}

body.dark .anim_tm_hero .social ul li .svg.custom {
    stroke: #a9afc3
}

body.dark .anim_tm_hero .social ul li a:hover .svg {
    color: #fff
}

body.dark .anim_tm_hero .social ul li a:hover .svg.custom {
    stroke: #fff
}

body.dark .anim_tm_sidebar {
    background-color: #000;
    box-shadow: none
}

body.dark .anim_tm_sidebar .logo {
    border-bottom-color: #5e5e5e
}

body.dark .anim_tm_sidebar .author {
    border-top-color: #5e5e5e
}

body.dark .anim_tm_sidebar .menu ul li .list_inner.current a:before {
    background-color: #191c26
}

body.dark .anim_tm_sidebar .menu ul li .list_inner a:before {
    background-color: #191c26
}

body.dark .anim_tm_sidebar .menu ul li .list_inner a {
    color: #fff
}

body.dark .anim_tm_sidebar .menu ul li .svg {
    color: #7e7e7e
}

body.dark .anim_tm_sidebar .menu ul li .svg.custom {
    stroke: #7e7e7e
}

body.dark .anim_tm_sidebar .menu ul li a:hover .svg {
    color: #fff
}

body.dark .anim_tm_sidebar .menu ul li a:hover .svg.custom {
    stroke: #fff
}

body.dark .anim_tm_sidebar .menu ul li .list_inner.current .svg {
    color: #fff
}

body.dark .anim_tm_sidebar .menu ul li .list_inner.current .svg.custom {
    stroke: #fff
}

body.dark .progress_inner .label {
    color: #fff
}

body.dark .anim_tm_projects {
    background-color: #191c26
}

body.dark .anim_tm_projects ul li .list_inner {
    background-color: #000
}

body.dark .anim_tm_projects ul li .svg.custom {
    stroke: #a9afc3
}

body.dark .anim_tm_projects ul li h3 {
    color: #fff
}

body.dark .anim_tm_projects ul li .learn_more {
    color: #a9afc3
}

body.dark .my_carousel ul .details span a {
    color: #a9afc3
}

body.dark .my_carousel ul .details h3 a {
    color: #fff
}

body.dark .anim_tm_about {
    background-color: #191c26
}
body.dark .anim_tm_skills {
    background-color: #191c26
}

body.dark .anim_tm_skills .list ul li .list_inner {
    background-color: #111319
}

body.dark .anim_tm_skills .owl-theme .owl-dots .owl-dot.active span {
    background-color: #fff;
    border-color: #fff
}

body.dark .anim_tm_news ul li .news_details span a {
    color: #a9afc3
}

body.dark .anim_tm_news ul li .news_details .title a {
    color: #fff
}

body.dark .anim_tm_contact {
    background-color: #191c26
}

body.dark .anim_tm_contact .extra_info .wrapper>li .list_inner {
    background-color: #111319
}

body.dark .anim_tm_contact .mainpart .left {
    background-color: #111319
}

body.dark .anim_tm_button a {
    border-color: #a9afc3;
    color: #fff
}

body.dark .anim_tm_button a:hover {
    border-color: #fff;
    background-color: #fff;
    color: #111319
}

body.dark .anim_tm_modalbox .popup_informations h3 {
    color: #fff
}

body.dark .anim_tm_modalbox .news_details span a {
    color: #a9afc3
}

body.dark .anim_tm_modalbox .news_details span a:before {
    color: #a9afc3
}

body.dark .anim_tm_modalbox .news_details .title a {
    color: #fff
}

body.dark .anim_tm_modalbox .main_content .quotebox p {
    border-left-color: #fff
}

body.dark .anim_tm_contact .mainpart .left .title span {
    color: #fff
}

body.dark .anim_tm_modalbox .description_wrap::-webkit-scrollbar {
    width: 11px
}

body.dark .anim_tm_modalbox .description_wrap {
    scrollbar-width: thin;
    scrollbar-color: #333 #111
}

body.dark .anim_tm_modalbox .description_wrap::-webkit-scrollbar-track {
    background: #111
}

body.dark .anim_tm_modalbox .description_wrap::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 6px;
    border: 3px solid #111
}

body.dark .anim_tm_modalbox .box_inner {
    background-color: #12161f
}

body.dark .anim_tm_modalbox .main_content .quotebox p {
    color: #fff
}

body.dark .anim_tm_modalbox .main_content .descriptions .bigger {
    color: #a9afc3
}

body.dark .anim_tm_contact input {
    border-bottom-color: rgba(169, 175, 195, .5)
}

body.dark .anim_tm_contact input:focus {
    border-bottom-color: #a9afc3
}

body.dark .anim_tm_contact textarea {
    border-bottom-color: rgba(169, 175, 195, .5)
}

body.dark .anim_tm_contact textarea:focus {
    border-bottom-color: #a9afc3
}

body.dark .anim_tm_contact .extra_info a {
    color: #a9afc3
}

body.intro #preloader:before,
body.intro #preloader:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-color: #fff;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

body.intro #preloader:after {
    left: auto;
    right: 0
}

body.intro .loader_line:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #555;
    -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
    -o-animation: lineheight 1000ms ease-in-out 0s forwards;
    animation: lineheight 1000ms ease-in-out 0s forwards
}

body.intro .loader_line:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: lineround 1200ms linear 0s infinite;
    -o-animation: lineround 1200ms linear 0s infinite;
    animation: lineround 1200ms linear 0s infinite;
    animation-delay: 2000ms
}