:root{
    --font-global: "Nunito Sans", sans-serif;
    --container-width: 1230px;
    --section-padding-y: 160px;
    --color-dark-1: #000000;
    --color-gray-1: #;
    }
    .dark-mode{
    --color-dark-1: #000000;
    --color-dark-2: #212121;
    }
    body{
    color: var(--color-dark-1);
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.5;
    }
    h1,h2,h3,h4,h5,h6,
    .h1,.h2,.h3,.h4,.h5,.h6{
    font-weight: 400;
    letter-spacing: 0;
    }
    .main-nav.dark-mode{
    background-color: rgba(30,30,30, .905);
    }
    .form label{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    }
    .form .form-group{
    margin-bottom: 30px;
    }
    .form input[type="text"],
    .form input[type="email"],
    .form input[type="number"],
    .form input[type="url"],
    .form input[type="search"],
    .form input[type="tel"],
    .form input[type="password"],
    .form input[type="date"],
    .form input[type="color"],
    .form select,
    .form textarea{
    border-color: rgba(0,0,0, .155);
    }
    .form input[type="text"].input-lg,
    .form input[type="email"].input-lg,
    .form input[type="number"].input-lg,
    .form input[type="url"].input-lg,
    .form input[type="search"].input-lg,
    .form input[type="tel"].input-lg,
    .form input[type="password"].input-lg,
    .form input[type="date"].input-lg,
    .form input[type="color"].input-lg,
    .form select.input-lg{
    height: 51px;
    }
    .light-content input[type="text"],
    .light-content input[type="email"],
    .light-content input[type="number"],
    .light-content input[type="url"],
    .light-content input[type="search"],
    .light-content input[type="tel"],
    .light-content input[type="password"],
    .light-content input[type="date"],
    .light-content input[type="color"],
    .light-content select,
    .light-content textarea{
    border-color: rgba(255,255,255, .25);
    }
    .light-content input[type="text"]:hover,
    .light-content input[type="email"]:hover,
    .light-content input[type="number"]:hover,
    .light-content input[type="url"]:hover,
    .light-content input[type="search"]:hover,
    .light-content input[type="tel"]:hover,
    .light-content input[type="password"]:hover,
    .light-content input[type="date"]:hover,
    .light-content input[type="color"]:hover,
    .light-content select:hover,
    .light-content textarea:hover{
    border-color: rgba(255,255,255, .35);
    }
    .light-content input[type="text"]:focus,
    .light-content input[type="email"]:focus,
    .light-content input[type="number"]:focus,
    .light-content input[type="url"]:focus,
    .light-content input[type="search"]:focus,
    .light-content input[type="tel"]:focus,
    .light-content input[type="password"]:focus,
    .light-content input[type="date"]:focus,
    .light-content input[type="color"]:focus,
    .light-content select:focus,
    .light-content textarea:focus{
    border-color: rgba(255,255,255, .75);
    }
    .form-tip,
    .form-tip a{
    font-size: 13px;
    line-height: 1.7;
    }
    .btn-mod.btn-large{
    padding-top: 12px;
    padding-bottom: 12px;
    }
    .inner-nav ul{
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    }
    .inner-nav ul li {
    margin-left: 22px;
    margin-right: 22px;
    }
    .inner-nav > ul > li > a{
    position: relative;
    opacity: 1;
    }
    .inner-nav > ul > li > a:not(.no-hover):before{  
    content: "";
    position: absolute;
    top: calc(50% - 0.5em);
    right: -0.5em;
    display: block;
    width: 3px;
    height: 3px;
    background: currentColor;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: var(--transition-default);
    }
    .inner-nav ul li a:hover:before,
    .inner-nav ul li a.active:before{
    opacity: 1;
    transform: scale(1);
    }
    .btn-mod, a.btn-mod{
    font-weight: 600;
    border-width: 1px;
    }
    .btn-mod.btn-border,
    .btn-mod.btn-border-c,
    .btn-mod.btn-border-w,
    .btn-mod.btn-border-w-light{
    border-width: 1px;
    }
    .btn-mod.btn-small{
    height: auto;
    padding: 7px 20px;
    font-size: 13px;
    letter-spacing: 0.085em;
    }
    .btn-mod.btn-border-w{
    border-color: rgba(255, 255, 255);
    }
  
    .link-strong .icon{
    position: relative;
    top: 0;
    max-width: 1.2em;
    max-height: 1.2em;
    }
    .section-title{
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    }
    .section-title-small{
    font-size: 34px;
    font-weight: 400;
    letter-spacing: 0;
    }
  
    .section-descr {
        color: var(--color-dark-3);
    font-weight: 400;
    }
    .light-content .text-gray{
    color: rgba(255,255,255, .6);
    }
    .team-item-detail{
    transform: translate(-50%,0);
    opacity: 1;
    will-change: unset;
    }
    .team-item-name{
    margin-top: 20px;
    font-size: 28px;
    color: var(--color-primary-3);
   
    font-weight: 800;
    }
    .team-item-role{
    margin-top: 5px;
    font-size: 16px;
    }
    .team-item-role :hover{
        margin-top: 5px;
        font-size: 16px;
        color: var(--color-primary-3);
        text-decoration: none;
        }
    .team-item-detail:before{
    display: none;
    }
    .team-social-links a{
    width: 32px;
    height: 32px;
    margin: 0 2px;
    background: #fff;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
    opacity: 0;
    transform: translateY(10px);
    transition: all .27s var(--ease-out-medium);
    will-change: transform, opacity;
    }
    .team-social-links a:nth-child(2){
    transition-delay: 0.1s;
    }
    .team-social-links a:nth-child(3){
    transition-delay: 0.2s;
    }
    .team-social-links a:nth-child(4){
    transition-delay: 0.3s;
    }
    .team-social-links a:nth-child(5){
    transition-delay: 0.4s;
    }
    .team-social-links a:nth-child(6){
    transition-delay: 0.5s;
    }
    .team-social-links a:nth-child(7){
    transition-delay: 0.6s;
    }
    .team-social-links a:nth-child(8){
    transition-delay: 0.7s;
    }
    .team-social-links a:not(.team-social-links a:last-child){
    border: none;
    }
    .team-social-links a:hover{
    opacity: 1;
    }
    .no-mobile .team-item:hover .team-social-links a,
    .team-item.js-active .team-social-links a{
    opacity: 1;
    transform: none;
    }
    .services-3-icon{
    margin: 0 auto 35px;
    }
    .services-3-title{
    font-weight: 400;
    }
    .services-3-text{
    line-height: 1.75;
    }
    .works-grid.hide-titles .work-title{
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    }
    .works-grid.hide-titles .work-descr{
    letter-spacing: 0;
    }
    .post-prev-container{
    overflow: hidden;
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-block);
    }
    .post-prev-container:before{
    display: none;
    }
    .post-prev-title{
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.523;
    }
    .post-prev-text{
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 1.86;
    }
    .post-prev-info{
    position: relative;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    }
    .post-prev-info:before{
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-dark-1);
    opacity: .08;
    }
    .post-prev-info,
    .post-prev-info a{
    font-size: 13px;
    letter-spacing: -0.01em;
    }
    .light-content .post-prev-container{
    overflow: hidden;
    background: var(--color-dark-3);
    border: 1px solid var(--color-dark-mode-gray-2);
    box-shadow: var(--box-shadow-block);
    }
    a.blog-item-more{
    font-weight: 400;
    }
    .newsletter-elegant input.newsletter-field{
    font-weight: 400 !important;
    }
    .pagination a,
    .pagination span{
    font-weight: 400;
    }
    .widget-title{
    font-weight: 400;
    }
    .blog-item-body {
    font-size: 18px;
    line-height: 1.7em;
    }
    .comment-item {
    line-height: 1.8;
    }
    .ci-title{
    margin-bottom: 7px;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    }
    .ci-text{
    font-size: 16px;
    }
    .ci-link{
    font-size: 13px;
    }
    .ci-link a:hover{
    opacity: .67;
    }
    .footer-text{
    line-height: 1.85;
    letter-spacing: 0.01em;
    }
    .footer-text a{
    text-decoration: none;
    }
    .footer-made{
    letter-spacing: 0.01em;
    }
    .features-2-item:before{
    border: 1px solid var(--color-dark-1);
    background:	none;
    opacity: 0.15;
    transition: opacity .27s var(--ease-default);
    z-index: -1;
    }
    .features-2-item:hover:before{
    opacity: 1;
    }
    .features-2-label{
    font-weight: 600;
    color: var(--color-dark-1);
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    }
    .features-2-icon:before{
    background: var(--color-gray-light-1);
    opacity: 1;
    z-index: -1;
    }
    .features-2-icon svg{
    fill: var(--color-dark-1);
    }
    .light-content .features-2-item:before{
    background: var(--color-dark-mode-gray-2);
    border: 1px solid var(--color-dark-mode-gray-2);
    transition: border-color .27s var(--ease-default);
    opacity: 1;
    z-index: -1;
    }
    .light-content .features-2-item:hover:before{
    background: var(--color-dark-mode-gray-2);
    opacity: 1;
    }
    .light-content .features-2-label{
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    }
    .light-content. features-2-icon{
    color: #fff;
    }
    .light-content .features-2-icon svg{
    fill: #fff;
    }
    .light-content .features-2-icon:before{
    background: var(--color-dark-mode-gray-2);
    opacity: 1;
    z-index: -1;
    }
    .light-content .features-2-descr{
    color: var(--color-dark-mode-gray-1);
    }
    .bg-border-gradient:before{
    background: none;
    border: 1px solid var(--color-dark-1);
    opacity: 0.15;
    }
    .light-content .bg-border-gradient:before{
    background: none;
    border: 1px solid #fff;
    opacity: 0.25;
    }
    .bg-gradient-dark-alpha-1:before{
    opacity: .9;
    }
    .bg-gradient-dark-alpha-2:before{
    opacity: .9;
    }
    .tpl-minimal-tabs{
    font-size: 16px;
    letter-spacing: inherit;
    text-transform: none;
    }
    .alt-features-title{
    font-weight: 800;
    }

    .features-list-icon{
    top: 0.17em;
    margin-right: 8px;
    }
    @media only screen and (max-width: 1366px) {
    :root{
    --section-padding-y: 140px;
    }
    .container{
    max-width: var(--container-width);
    }
    .section-title{
    font-size: calc(2.100rem + 0.57vw);
    }
    .section-title-small{
    font-size: calc(1.635rem + 0.57vw);
    }
    }