/* Настройки */

:root {
    --project-name: ЭФФЕКТИВНОЕ ПРОИЗВОДСТВО ПРОГРАММНЫХ ПРОДУКТОВ;
    
    --color-brand: #8d2255;
    --color-background: #FFF;
    --color-background-accent: #FDFACC;

    --color-text: #000;
    --color-text-inverse: var(--color-background);
    --color-header: var(--color-brand);
    
    --heading-letter-spacing: 2px;

    --font-weight-bold: 700;
    --font-weight-semi: 600;
    --font-weight-regular: 400;
    
    --ul-style-type:  "—   ";
    
    --transition-heading: background-size 500ms cubic-bezier(0.600, 0.040, 0.980, 0.335);
    
    --screen-xl: 1024px;
    --screen-lg: 640px;
    --screen-md: 480px;
    --screen-sm: 320px;
}
    
    
@media screen and (min-width: 700px) {
   .uc-book-p .t-text:first-letter {
        margin-left: -50px;
    }
}

.uc-book-p .t-text, .uc-book-ul .t-text, .uc-book-pic-descr .t-text, ul, ol {
    font-weight: var(--font-weight-bold);
}

@media screen and (max-width: 480px) {
    .t-rec_pb_15 {
        padding-bottom: 0 !important;
    }
    
    .uc-book-h2 {
        padding-top: 30px !important;
    }
    
    .uc-book-h2 h2 {
        margin-bottom: 5px !important;
        font-size: 24px !important;
    }
}

.uc-book-ol ol {
    font-weight: var(--font-weight-semi);
}

.uc-book-p .t-text > em,
.uc-book-ol ol em,
.uc-book-ul ul em
{
    font-weight: var(--font-weight-regular);
}

.uc-book-p .t-text > u {
    letter-spacing: var(--heading-letter-spacing);
    text-transform: uppercase;
}

/* Заголовки */    

.uc-animated-title .t-col {
    position: relative;
    background-image: -webkit-gradient(linear,left top, left bottom,from(0),color-stop(var(--color-background)),to(var(--color-background)));
    background-image: -o-linear-gradient(0,var(--color-background),var(--color-background));
    background-image: linear-gradient(0,var(--color-background),var(--color-background));
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-transition: var(--transition-heading);
    -o-transition: var(--transition-heading);
    transition: var(--transition-heading);
    overflow: hidden;
    padding-left: 100px;
    font-size: 36px;
}

.uc-animated-title .t-title {
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    display: inline;
    position: relative;
    background-color: var(--color-brand);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0 100%;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--color-text-inverse);
    mix-blend-mode: overlay;
}

@media screen and (min-width: 1024px) {
    .uc-animated-title .t-col {
        max-width: 60%;
    }
}

@media screen and (max-width: 960px) {
    .uc-animated-title .t-container  {
        max-width: 100% !important;
    }
}

@media screen and (min-width: 641px) {
    .uc-animated-title .t-title {
        padding: 1px 0;
        font-size: 36px !important;
    }
}

@media screen and (max-width: 640px) {
    .uc-animated-title {
        margin-top: 14px;
        margin-bottom: -14px;
    }
    .uc-animated-title .t-title {
        padding: 5px 0;
        font-size: 28px !important;
    }
    
     .uc-animated-title .t-col {
        padding-left: 20px !important;
        max-width: auto;
    }
}

.uc-animated-title .t-title > span {
    display: inline-block;
    line-height: inherit;
    padding-right: 22px;
}

.uc-animated-title .t-title::before {
    content: "";
    display: block;
    background-color: var(--color-brand);
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 100%;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    position: absolute;
}

.uc-animated-title .t-col.animated {
    background-size: 0 100%;
}

.uc-animated-title .t-col.animated.safari > .t-title {
    mix-blend-mode: initial;
}


.uc-book-h1 .tn-atom {
    color: var(--color-text-inverse) !important;
}

.uc-book-h2 .t-title {
    letter-spacing: 0 !important;
}

.uc-book-pic-title .t-title {
    letter-spacing: var(--heading-letter-spacing) !important;
}

/* Списки */    
.uc-book-ul ul {
    list-style-type: var(--ul-style-type);
    padding-left: 2px !important;
}

.uc-book-ul--reset ul,
.uc-book-ul--reset2 ul {
    padding-left: 4px !important;
    margin-top: -16px;
}

.uc-book-ul--reset ul {
     list-style: disc;
}
  
.uc-book-ul--reset2 ul {
     list-style: circle;
}

.uc-book-ul--reset ul li:not(lasit-of-type) {
    margin-bottom: 6px;
}

@media screen and (max-width: 700px) {
   .uc-book-ul ul {
        padding-left: 32px !important;
    }
    
    .uc-book-ul--reset ul {
        padding-left: 64px !important;
    }
    
    .uc-book-ul--reset2 ul {
        padding-left: 96px !important;
    }
}
    
.uc-book-ul ul li {
    margin-bottom: 0.5em;
}


@media screen and (max-width: 480px) {
    .uc-book-pic-descr .t-text {
        font-size: 14px !important;
    }
    
    .uc-book-pic-title .t-title {
        font-size: 15px !important;
    }

}

/* Картинки */
.scrollmagic-pin-spacer {
    background-color: var(--color-brand);
}

.scrollmagic-pin-spacer--white {
    background-color: var(--color-background);
}

@media screen and (max-width: 480px) {
    .uc-book-pic-block,
    .uc-book-pic-block-wh,
    .uc-book-pic-block-sm {
        overflow: hidden;
        padding-left: 16px;
        padding-right: 16px;
        max-width: 100vw;
    }
    
    .uc-book-pic-block .t-width,
    .uc-book-pic-block-wh .t-width,
    .uc-book-pic-block-sm .t-width {
        width: auto !important;
        background-color: var(--color-brand);
        max-width: none;
        height: 70vh;
    }
    
     .uc-book-pic-block-wh .t-width {
        height: 60vh;
    }
    
    .uc-book-pic-block-sm .t-width {
        height: 30vh;
    }
}

.uc-book-pic-block-wh .t-text {
    text-transform: uppercase;
    text-align: right;
    color: var(--color-header);
    font-weight: var(--font-weight-semi);
    padding: 0;
    line-height: 1.2;
    width: 90%;
    font-size: 16px;
    display: block;
    margin: 20px 0 0 auto;
    padding-right: 20px;
}


.uc-book-pic--small .t107__width {
    max-width: 500px;
}


.t-zoomer__container {
    background-color: var(--color-brand) !important;
}

/* Кнопки */

.uc-button-next-page .t-btn:hover {
    opacity: 0.7;
}

@media screen and (max-width: 800px) {
    .uc-button-next-page .t142__submit_size_lg  {
        line-height: 1.8 !important;
        height: auto !important;
        margin: 0 30px;
    }
    
    .uc-button-next-page .t142__submit_size_lg .t142__text {
        white-space: break-spaces;
    }
}

.uc-link-hover a:hover {
    color: #2999FF !important;
}

.t450__logowrapper a:hover {
    color: #2999FF !important;
}

h3 a:hover {
    color: #2999FF !important;
}





