/*
Theme Name: ra.love.racer
Author: m.iermak@new-point.com.ua
Author URI: https://new-point.com.ua/
Description: Personal Page for Racer Ievghen Rakhmailov
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ra

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*---------FONTS------------------*/

.fw-100 { font-weight: 100;}
.fw-300 { font-weight: 300;}
.fw-400 { font-weight: 400;}
.fw-500 { font-weight: 500;}
.fw-700 { font-weight: 700;}
.fw-800 { font-weight: 800;}
.fw-900 { font-weight: 900;}
.f-25 { font-size: 25px;}
.f-20 { font-size: 20px;}
.f-18 { font-size: 18px;}
.f-16 { font-size: 16px;}
.f-14 { font-size: 14px;}
.f-12 { font-size: 12px;}
.f-11 { font-size: 11px;}
.f-10 { font-size: 10px;}

/*---------ANIMATION--------------*/
@-webkit-keyframes morelink {
    0%   {-webkit-transform: translateY(5px);}
    18%  {-webkit-transform: translateY(25px);}
    36%  {-webkit-transform: translateY(3px);}
    52%  {-webkit-transform: translateY(12px);}
    75%  {-webkit-transform: translateY(5px);}
    100% {-webkit-transform: translateY(5px);}
}
@keyframes morelink {
    0%   {transform: translateY(5px);}
    18%  {transform: translateY(25px);}
    36%  {transform: translateY(3px);}
    52%  {transform: translateY(12px);}
    75%  {transform: translateY(5px);}
    100% {transform: translateY(5px);}
}

html {
    scroll-behavior: smooth;
}

/*----------BUTTONS---------------*/

.btn.focus, .btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(181, 42, 42, 0.25);
}

.btn-shc-white-outline {
    color: #fff;
    background-color: transparent;
    border: solid 1px #fff;
    border-radius: 20px;
    font-size: 11px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s cubic-bezier(.17,.89,.38,1.49);
    transition:         all 0.2s cubic-bezier(.17,.89,.38,1.49);
}
.btn-shc-white-outline:hover {
    color: #fff;
    background-color: #614252;
    border-color: #614252;
    box-shadow: 0 0 0 0.2rem rgba(97,66,82,.25);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.btn-shc-white-outline:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(97,66,82,.25);
}

.btn-lev-bl-outline {
    color: #333;
    background-color: transparent;
    border: solid 1px #333;
    border-radius: 0;
    font-size: 11px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s cubic-bezier(.17,.89,.38,1.49);
    transition:         all 0.2s cubic-bezier(.17,.89,.38,1.49);
}
.btn-lev-bl-outline:hover {
    color: #fff;
    background-color: #c82820;
    border-color: #b30100;
    box-shadow: 0 0 0 0.2rem rgba(181, 42, 42, 0.25);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.btn-lev {
    color: #fff;
    background-color: #c82820;
    border: solid 1px #b30100;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s cubic-bezier(.17,.89,.38,1.49);
    transition:         all 0.2s cubic-bezier(.17,.89,.38,1.49);
}
.btn-lev:hover {
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(181, 42, 42, 0.25);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    padding-right: 50px;
}
.btn-lev:hover:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 1px;
    border-bottom: solid 1px;
    top: 17px;
    right: 15px;
}
.btn-lev:hover:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: solid 1px;
    border-right: solid 1px;
    transform: rotate(-45deg);
    top: 13px;
    right: 16px;
}
.btn-lev-equip {
    padding: 3px 15px;
    border: none;
    margin-right: 10px;
}
.btn-lev-equip:hover {
    box-shadow: none;
}


.btn-mdf {
    position: relative;
    display: inline-block;
    margin: -8px 0 -10px;
    color: #fff;
    background-color: #e74736;
    border-color: #f84b3a;
    border-radius: 60px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 13px 25px;
    -webkit-transition: all 0.2s cubic-bezier(.17,.89,.38,1.49);
    transition:         all 0.2s cubic-bezier(.17,.89,.38,1.49);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.btn-mdf:hover {
    color: #fff;
    background-color: #e74736;
    border-color: #f84b3a;
    box-shadow: 0 0 0 0.2rem rgba(248, 75, 58, 0.26);
    -webkit-transform: scale(1.2);
    transform: scale(1.1);
}
.btn-mdf:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(97,66,82,.25);
}

.btn-mdf-blue {
    background-color: #0077a5;
    border-color: #009cd8;
}
.btn-mdf-blue:hover {
    background-color: #0077a5;
    border-color: #009cd8;
    box-shadow: 0 0 0 0.2rem rgba(110, 168, 248, 0.26);
}


.btn-shc-shoko-outline {
    color: #7e452c;
    background-color: transparent;
    border: solid 1px #7e452c;
    border-radius: 60px;
    padding: 20px 35px;
    font-size: 13px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s cubic-bezier(.17,.89,.38,1.49);
    transition:         all 0.2s cubic-bezier(.17,.89,.38,1.49);
}
.btn-shc-shoko-outline:after {
    opacity: 0;
    position: absolute;
    width: 30px;
    height: 10px;
    top: 13px;
    right: 25px;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACvSURBVEhL7dOxCkFhGMbxTyQxyGAgZeASXIQr4hbMdjJZlEWpkzIwGZUsFuVC+D/ObjvPoPdfv/rOu3yn03lTFEXRj2YY5EdvS7zQ/z4ZK2ODB3oaOKtihzvaGjir4YArWho4q+OEC5oaqBEy6K2KpEvfOENfIXUxwbRgK+jiOWwNodVaoKSBI63SE2toxSx1oD3eoqKBI+3tDXton23p7z1Cq2RtjEZ+jKLo/0rpA2gyNELFbJ98AAAAAElFTkSuQmCC');
}
.btn-shc-shoko-outline:hover {
    padding-right: 76px;
}
.btn-shc-shoko-outline:hover:after {
    opacity: 1;
}
.btn-shc-shoko-outline:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(97,66,82,.15);
}

.btn-shc-violet-more {
    position: relative;
    border: 0;
    background: none;
    font-size: 10px;
    color: #5c3e6d;
    -webkit-transition: all 0.2s cubic-bezier(.17,.89,.38,1.49);
    transition:         all 0.2s cubic-bezier(.17,.89,.38,1.49);
}
.btn-shc-violet-more:hover {

}
.btn-shc-violet-more:focus {
    outline: 0;
    box-shadow: none;
}
.btn-shc-violet-more:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 18px;
    top: 6px;
    right: -31px;
    /*background: url(../images/more-arrow.svg) no-repeat;*/
    background-size: 72%;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.2s cubic-bezier(.17,.89,.38,1.49);
    transition:         all 0.2s cubic-bezier(.17,.89,.38,1.49);
}
.btn-shc-violet-more:hover:after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}


.btn-transparent-white-outline {
    color: #fff;
    background-color: transparent;
    border: solid 2px #fff;
    border-radius: 60px;
    padding: 20px 35px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s cubic-bezier(.17,.89,.38,1.49);
    transition:         all 0.2s cubic-bezier(.17,.89,.38,1.49);
}
.btn-transparent-white-outline:after {
    opacity: 0;
    position: absolute;
    width: 30px;
    height: 10px;
    top: 8px;
    right: 35px;
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAADFwAAAxcBwpsE1QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD2SURBVGiB7dg9SgNRGIXhc0NIoQTECCqkibqALMI1ZJWprP1pbAxEU2lhk9imdAGvRaYYAtHMdeDLDOeph8t5YWAuI5mZmZmZHSJgCtwB/egt/wIs2HhudAxwDrwXMa/AafSmbMBFm2MG0ZuytTnmzTGHAhgCn22NOYvelG0rZrFPTPrjwI6kuaRxXSMzzSTdppS+dz3Q2eOQXn17siVJ3egRlQGXwEfxar0AJ9GbKgNGwLKIeAKOozdVthXx2NSIK2BVijiK3lRZWyKuSxEPTY74ckQ04KYUcd/ICEkqXddr+/kQ9dlfS1pJmvx2fzIzMzMzq9UPGhVwNMNyLkwAAAAASUVORK5CYII=');
}
.btn-transparent-white-outline:hover {
    padding-right: 76px;
    color: #fff;
}
.btn-transparent-white-outline:hover:after {
    opacity: 1;
}
.btn-transparent-white-outline:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(97,66,82,.15);
}


.morelink {
    position: relative;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    margin-left: -50px;
    font-weight: 600;
}
.morelink-black {
    color: #3c3c3c;
}
.morelink-arrow {
    position: absolute;
    width: 32px;
    height: 1px;
    background: #fff;
    top: 7px;
    right: -49px;
    transition: all .3s;
}
.morelink-arrow:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
    top: -4px;
    right: -3px;
}
.morelink-arrow:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 1px;
    background: #fff;
    transform: rotate(-45deg);
    top: 4px;
    right: -3px;
}
.morelink-black .morelink-arrow, .morelink-black .morelink-arrow:before, .morelink-black .morelink-arrow:after {
    background: #3c3c3c;
}
.morelink:hover .morelink-arrow {
    right: -65px;
}
.morelink-inline {
    margin-left: 0px;
}
.link-back:before {
    transform: rotate(135deg);
    left: -44px;
    right: inherit;
    transition: all .3s;
}
.link-back:hover:before {
    left: -59px;
}
.link-back:after {
    left: -45px;
    right: inherit;
    transition: all .3s;
}
.link-back:hover:after {
    left: -60px;
}

.checkbox-container {
    display: block;
    color: #d32a28;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

/* Hide the browser's default checkbox */
.checkbox-container input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: solid 1px;
}
/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #d32a28;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 8px;
    top: 4px;
    width: 8px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkmark-true {
    position: relative;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
}
.checkmark-true:after {
    content: "";
    position: absolute;
    display: block;
    left: 8px;
    top: 4px;
    width: 10px;
    height: 15px;
    border: solid #b92624;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input.rf-error ~ .checkmark {
    border-color: #F0A39B!important;
    box-shadow: 0 0 0 0.2rem rgba(255,0,0,.25);
}

/*-----------LINKS-----------------*/
a {transition: all .3s ease-in-out, background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out; }
a:hover {text-decoration: none; color: #037fc6;}

.link-more {
    position: relative;
    color: #005382;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}
.link-more.link-white {
    color: #fff;
}
.link-more:before {
    content: '';
    position: absolute;
    width: 10%;
    height: 1px;
    bottom: -3px;
    background: #00209c;
    transition: all .3s;
}
.link-more span {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    transition: all .3s;
    transition-delay: .1s;
}
.link-more span:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    border-bottom: solid 1px;
    right: -17px;
    top: 50%;
    margin-top: -4px;
    opacity: 1;
    transition-delay: .2s;
    transition: all .4s;
}
.link-more span:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-bottom: solid 1px;
    border-right: solid 1px;
    transform: rotate(-45deg);
    top: 50%;
    margin-top: -11px;
    right: -16px;
    opacity: 1;
}
.link-more:hover:before {
    width: 70%;
}
.link-more:hover span {
    margin-left: 50px;
}
.link-more:hover span:before {
    width: 45px;
}

    /*----------CUSTOM STYLES ---------*/
body { font-family: 'Montserrat', sans-serif;color: #1f1f1f; background-color: #e3e3e3 }
.overflow-hidden { overflow: hidden; }
.hidden { display: none}
h2, h3 { font-weight: 300}
.overflow-hidden { overflow: hidden; }

.bounce {
    -webkit-animation: morelink 2s infinite;
    animation: morelink 2s infinite;
}
.container-fluid-mx {
    padding-left: 100px;
    padding-right: 100px;
}
.corners {
    -webkit-border-radius: 40px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 40px;
    -moz-border-radius-topleft: 0;
    border-radius: 40px;
    border-top-left-radius: 0;
    overflow: hidden;
}
.form-control {
    border-radius: 0;
    height: calc(2.25rem + 12px);
}
textarea.form-control {
    min-height: 100px;
}

/*-----------MODAL------------------*/

#orderModal {
    padding-right: 0!important;
    position:fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100001;
}
.modal-order-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.modal-order-left-wrapper {
    position: relative;
    width: 50%;
    height: 100%;
    background:#f1f2f4  url("images/modal/about.jpg") no-repeat bottom right;
    background-size: cover;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 300ms linear 50ms;
    transition: transform 300ms linear 50ms,-webkit-transform 300ms linear 50ms;
}
.modal-order-left-wrapper:after {
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.7;
}
.modal-order-right-wrapper {
    position: relative;
    width: 50%;
    height: 100%;
    background: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 300ms linear 50ms;
    transition: transform 300ms linear 50ms,-webkit-transform 300ms linear 50ms;
}
.show .modal-order-left-wrapper, .show .modal-order-right-wrapper {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 300ms linear;
    transition: transform 300ms linear,-webkit-transform 300ms linear;
}

.modal-close {
    position: absolute;
    display: none;
    width: 30px;
    height: 30px;
    /*background: url("../images/close.png");*/
    top: 40px;
    right: 40px;
    cursor: pointer;
    -webkit-transition: opacity 300ms linear 450ms,-webkit-transform .3s ease-in-out;
    transition: opacity 300ms linear 450ms,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.modal-close:after {
    content: '';
    position: absolute;
    top:0;
    left: 15px;
    width: 3px;
    height:30px;
    background: #000;
    transform: rotate(-45deg);
}
.modal-close:before {
    content: '';
    position: absolute;
    top:0;
    left: 15px;
    width: 3px;
    height:30px;
    background: #000;
    transform: rotate(45deg);
}
.close-menu {
    /*background: url("../images/close-w.png");*/
}
.modal-close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.show .modal-close {
    display: block;
}

.modal-order-right-content-wrapper {
    padding: 32px 100px;
}
.modal-order-right-content-wrapper .callback-wrapper {
    margin-top: 50px;
    padding: 20px 0;
    background: #fff !important;
}
.modal-order-right-content-wrapper .phone {
    font-size: 30px;
}

.fill-info {
    color: #0d0f27;
    font-size: 13px;
    line-height: 15px;
    margin-top: 20px;
}
.form-wrapper {
    color: #fff;
}
.modal-order-right-content-wrapper .form-wrapper {
    color: #00001f;
}

.rf-error {
    border-color: #F0A39B!important;
    box-shadow: 0 0 0 0.2rem rgba(255,0,0,.25);
}
.form-result {
    color: #ffffff;
    display: none;
}
.modal .form-result {
    color: #00001f
}
.form-title {
    font-weight: 300;
    font-size: 16px;
    padding-bottom: 20px;
}
/*----------------------------------*/

.page_lines {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
}
.page_lines .line {
    position: absolute;
    width: 1px;
    height: 300vh;
    background: rgba(255, 255, 255, 0.25);
}
.page_lines .line+.line {
    left: auto;
    right: 15px;
}
.page_lines.grey .line {
    background: rgba(162, 162, 162, 0.36);
}
.line_loader {
    position: fixed;
    z-index: 99999;
}
.line_loader .line {
    background: #e3e3e3;
    width: 100%;
    transition: width 1.2s;
    border-left: solid 1px #cacaca;
}
.line_loader.loaded .line {
    width: 0;
}
.line_loader .line+.line {
    left: calc(100% - 15px);
    right: auto;
    margin-right: 15px;
}
.line_loader .line0 {
    left: auto;
    right: calc(100% - 15px);
}

#loader-wrapper{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 15000000; overflow: hidden;}

.loader{width: 150px; height: 150px; border: 1px #fff solid; position: absolute; left: 50%; top: 50%; margin: -75px 0 0 -75px; border-radius: 50%;}

.loader .loading{font-size: 10px; position: absolute; width: 100%; text-align: center; line-height: 14px; font-family: 'Century Gothic', sans-serif; font-style: italic; left: 0; top: 50%; margin-top: 20px; color: #fff; font-weight: bold; text-transform: uppercase;}

.loader-circle-1{width: 138px; height: 138px; left: 5px; top: 5px; border: 1px #fff solid; border-radius: 50%; position: absolute; border-right-color: transparent;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.loader-circle-2{width: 126px; height: 126px; left: 5px; top: 5px; border: 1px transparent solid; border-radius: 50%; position: absolute; border-right-color: #e81512;
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}

.loader .line{width: 10px; height: 2px; background: #fff; position: absolute;}

.loader .line:nth-child(1){left: 16px; top: 50%; margin-top: -1px;}

.loader .line:nth-child(2){transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); left: 33px; top: 33px;}

.loader .line:nth-child(3){top: 16px; left: 50%; width: 2px; height: 10px;}

.loader .line:nth-child(4){transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); right: 33px; top: 33px;}

.loader .line:nth-child(5){right: 16px; top: 50%; margin-top: -1px;}

.loader .line:nth-child(6){transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); right: 33px; bottom: 33px; background: #e81512;}

.loader .subline{position: absolute; width: 3px; height: 2px; background: #fff;}

.loader .subline:nth-child(7){transform: rotate(22.5deg); -moz-transform: rotate(22.5deg); -webkit-transform: rotate(22.5deg); -ms-transform: rotate(22.5deg); left: 21px; top: 50px;}

.loader .subline:nth-child(8){transform: rotate(67.5deg); -moz-transform: rotate(67.5deg); -webkit-transform: rotate(67.5deg); -ms-transform: rotate(67.5deg); left: 50px; top: 21px;}

.loader .subline:nth-child(9){transform: rotate(112.5deg); -moz-transform: rotate(112.5deg); -webkit-transform: rotate(112.5deg); -ms-transform: rotate(112.5deg); right: 50px; top: 21px;}

.loader .subline:nth-child(10){transform: rotate(157.5deg); -moz-transform: rotate(157.5deg); -webkit-transform: rotate(157.5deg); -ms-transform: rotate(157.5deg); right: 21px; top: 50px;}

.loader .subline:nth-child(11){transform: rotate(22.5deg); -moz-transform: rotate(22.5deg); -webkit-transform: rotate(22.5deg); -ms-transform: rotate(22.5deg); right: 20px; bottom: 49px; background: #e81512;}

.loader .needle{width: 14px; height: 14px; border-radius: 50%; border: 1px #fff solid; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px;  z-index: 1;
    -webkit-animation: pegIt 3s infinite ease-in-out;
    animation: pegIt 3s infinite ease-in-out;
}

.loader .needle:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 3.5px 50px 3.5px 0; border-color: transparent #e81512 transparent transparent; position: absolute; right: 50%; top: 50%; margin: -3.5px 0 0 0; border-radius: 0 50% 50% 0;}

@keyframes pegIt {
    0% {transform: rotate(0deg);}
    16% {transform: rotate(75deg);}
    25% {transform: rotate(55deg);}
    30% {transform: rotate(90deg);}
    36% {transform: rotate(170deg);}
    42% {transform: rotate(150deg);}
    50% {transform: rotate(227deg);}
    100% {transform: rotate(0deg);}
}

@-webkit-keyframes pegIt {
    0% {-webkit-transform: rotate(0deg);}
    16% {-webkit-transform: rotate(75deg);}
    25% {-webkit-transform: rotate(55deg);}
    30% {-webkit-transform: rotate(90deg);}
    36% {-webkit-transform: rotate(170deg);}
    42% {-webkit-transform: rotate(150deg);}
    50% {-webkit-transform: rotate(227deg);}
    100% {-webkit-transform: rotate(0deg);}
}

@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}




.first-screen {
    width: 100%;
    height: 85vh;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
.first-screen-page {
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.index-gallery__wrapper, .index-gallery-item {
    width: 100%;
    height: 100%;
}
.index-gallery {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
.index-gallery-content,
.slick-slide .index-gallery-content{
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 3px 7px;
    transition: all 8s;
    transform: scale(1);
}
.slick-current .index-gallery-content {
    transform: scale(1.3);
}
.index-gallery-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.21);
}
.index-gallery .slick-track, .index-gallery .slick-list {
    height:100% ;
}
.index-gallery-bottom {
    position: absolute;
    height: 143px;
    width: 100%;
    z-index: 1;
    background-image: url(/wp-content/themes/ra_love_racer/images/top_bottom_line.png);
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
}
.index-dirt-bottom {
    position: absolute;
    height: 227px;
    width: 100%;
    z-index: 1;
    background-image: url(/wp-content/themes/ra_love_racer/images/dirt_top.png);
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
}

.top-line__wrapper {
    position: absolute;
    top: 20px;
    width: 100%;
    height: 150px;
    z-index: 100;
}

.sub-h1 {
    position: absolute;
    top: -22px;
    left: 72px;
    font-size: 93px;
    color: rgba(255, 255, 255, 0.34);
    font-weight: 900;
}
.text-personal-page {
    color: rgba(255, 255, 255, 0.7);
    font-size: 9px;
    letter-spacing: 44px;
    transform: rotate(-90deg);
    position: absolute;
    left: -237px;
    bottom: -600px;
    line-height: 0;
    opacity: 0;
    transition: all .8s;
}
.text-personal-page.shown {
    bottom: -455px;
    opacity: 1;
    transform: rotate(-90deg);
    letter-spacing: 14px;
    left: -43px;
}
.text-personal-page:after {
    content: '';
    width: 0;
    height: 1px;
    background: #ffffffa6;
    position: absolute;
    left: 285px;
    transition: width 5s;
    transition-delay: 2s;
}
.text-personal-page.shown:after {
    width: 75px;
}
.social-icons__wrapper {
    position: absolute;
    left: 72px;
    top: 109px;
}
.social-icon-youtube {
    padding-top: 11px;
}
.counter__wrapper {
    position: absolute;
    color: #fff;
    font-size: 31px;
    font-weight: 100;
    bottom: 145px;
    right: 18%;
    z-index: 100;
}
.counter-current {
    font-size: 70px;
}
.ig-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 277px;
    z-index: 100;
    right: 20%;
    cursor: pointer;
    transition: right .3s;
}
.ig-arrow-right:after {
    content: '';
    position: absolute;
    width: 34px;
    height: 1px;
    background: #fff;
    z-index: 111;
    top: 25px;
}
.ig-arrow-right:before {
    content: '';
    position: absolute;
    top: 18px;
    left: 18px;
    width: 15px;
    height: 15px;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(-45deg);
}
.ig-arrow-left {
    right: 25%;
}
.ig-arrow-left:after {
    content: '';
    position: absolute;
    width: 34px;
    height: 1px;
    background: #fff;
    z-index: 111;
    top: 25px;
}
.ig-arrow-left:before {
    content: '';
    position: absolute;
    top: 18px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(135deg);
}
.ig-arrow-right:hover {
    right: 19%;
}
.ig-arrow-left:hover {
    right: 26%;
}
.dmi-logo {
    margin-top: 30px;
    height: 46px;
}
.hamburger__wrapper {
    position: absolute;
    z-index: 500;
    top: 20px;
    left: 0;
}
.hamburger:focus {
    outline: 0;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background: #fff;
    width: 30px;
}
.hamburger-inner:before, .hamburger-inner:after {
    height: 2px;
    border-radius: 0;
    width: 30px;
}
.hamburger-inner {
    height: 2px;
    border-radius: 0;
    width: 12px;
}
.hamburger:hover .hamburger-inner {
    width: 30px;
}
.menu__wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    height: 1px;
}
.menu_bg {
    position: absolute;
    background: #107ff3; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #107ff3 0%, #001892 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #107ff3 0%,#001892 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #107ff3 0%,#001892 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#107ff3', endColorstr='#001892',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    opacity: .8;
    top: -1px;
    left: -1px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    z-index: 500;
    transition: all .8s ease;
}
.menu_bg.opened {
    top: -2500px;
    left: -2500px;
    width: 5000px;
    height: 5000px;
}
.menu__inner {
    margin-top: -100vh;
    opacity: 0;
}
.menu__inner.opened {
    opacity: 1;
    margin-top: 120px;
}
.menu__inner .menu-link {
    position: relative;
    display: inline-block;
    font-size: 37px;
    font-weight: 900;
    color: #fff;
    line-height: 110%;
    margin: 11px 10px 5px;
    transform: translateY(40px);
    transition: all .5s;
    transition-delay: .3s;
    text-transform: uppercase;
}
.menu__inner .menu-link:hover {
    color: #25ff01;
}
.menu__inner.opened .menu-link {
    transform: translateY(0);
}

.menu-link:after {
    content: '';
    position: absolute;
    left: -8px;
    bottom: -2px;
    width: 110%;
    height: 0;
    background: #fff;
    opacity: .3;
    transition: all .3s;
}
.menu-link:hover:after {
    height: 13px;
}
.first-section {
    background-image: url(/wp-content/themes/ra_love_racer/images/top_first_section.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 800px;
    width: 100%;
    z-index: 100;
    padding-top: 145px;
    padding-bottom: 150px;
    font-size: 18px;
}
.section-disciplines {
    background-image: url(/wp-content/themes/ra_love_racer/images/big_section.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 800px;
    width: 100%;
    z-index: 100;
    padding-top: 245px;
    padding-bottom: 150px;
    font-size: 18px;
}
.first-section-dirt {
    background-image: url(/wp-content/themes/ra_love_racer/images/dirt_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 800px;
    width: 100%;
    z-index: 100;
    padding-top: 145px;
    padding-bottom: 150px;
    font-size: 18px;
}
.h1__wrapper {
    margin-top: 20px;
}
h1 {
    position: relative;
    font-weight: 900;
    padding-bottom: 50px;
    padding-top: 95px;
    z-index: 100;
}
h1:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 10%;
    width: 500px;
    height: 200px;
    background-image: url(/wp-content/themes/ra_love_racer/images/dot_bg.png);
}
.paint-about__wrapper {
    background-image: url(/wp-content/themes/ra_love_racer/images/paint_about.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 900px;
    position: absolute;
    width: 100%;
    top: 50px;
    opacity: .7;
}

.ra-pic {
    position: relative;
    z-index: 100;
    box-shadow: 0 20px 50px -16px #1c4984;
}

.hotlink-section {
    margin: 0;
}
.hotlink__inner {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.hotlink .hotlink__wrapper {
    position: relative;
    width: 100%;
    height: 650px;
    background-position: center;
    background-size: cover;
    transition: all 2s;
    transform: scale(1);
}
.hotlink:hover .hotlink__wrapper {
    transform: scale(1.2);
}
.hotlink .hotlink__wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    transition: background .3s;
}
.hotlink:hover .hotlink__wrapper:before {
    background: #44ff00;
}
.hotlink .hotlint-title {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 60px 20%;
    font-weight: 800;
    font-size: 33px;
    text-transform: uppercase;
    width: 500px;
    color: #fff;
    letter-spacing: 1px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.hotlink:hover .hotlint-title {
    letter-spacing: 8px;
    color: #000;
}
.hotlint-title:before {
    content: '';
    position: absolute;
    left: -137px;
    top: 23px;
    width: 100px;
    height: 1px;
    background: rgba(255, 255, 255, 0.51);
}
.hotlink .link-more__wrapper {
    position: absolute;
    top: 0;
    left: 37%;
    opacity: 0;
    transition: top .3s, opacity .3s;
}
.hotlink:hover .link-more__wrapper {
    opacity: 1;
    top: 40px;
}
.records__wrapper {
    margin-top: 70px;
}
.records__wrapper h3 {
    font-weight: 900;
    font-size: 39px;
    color: #007fc6;
}
.records__wrapper p {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
}

.section-disciplines .link-more{
    margin-top: 50px;
    display: inline-block;
}
.section-title {
    position: relative;
    z-index: 100;
}
.section-title .subtext {
    position: absolute;
    top: -72px;
    left: 12px;
    font-size: 93px;
    color: #90ef00;
    opacity: .3;
    font-weight: 900;
    white-space: nowrap;
}
.section-title h3 {
    font-weight: 900;
    font-size: 45px;
}
.section-title h3:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -100px;
    left: 10%;
    width: 500px;
    height: 200px;
    background-image: url(/wp-content/themes/ra_love_racer/images/dot_bg.png);
}
.zindex {
    z-index: 100;
}
.disciplines-wrapper h4 {
    margin: 150px 0 50px;
    font-weight: 900;
    font-size: 34px;
}
.disciplines-wrapper p {
    font-weight: 300;
    font-size: 19px;
}

.disciplines-wrapper .left-padd {
    padding-left: 7rem;
}
.disciplines-wrapper .right-padd {
    padding-right: 7rem;
}

.footer__wrapper {
    background-image: url(/wp-content/themes/ra_love_racer/images/footer_bg.jpg);
    background-position: top center;
    width: 100%;
    height: 340px;
}
.section-disciplines {
    padding-bottom: 20px;
}
.section-partners {
    padding-top: 100px;
    min-height: 300px;
}
.logo {
    text-decoration: none;
    color: #fff;
    font-size: 32px;
    margin-left: 61px;
    position: relative;
    display: inline-block;
    z-index: 500;
}
.logo:hover {
    color: #fff;
    font-size: 34px;
}
.fla_cic_header {
    display: none;
}
.flagallery {
    margin-top: 70px;
}


.section-news-list__wrapper {
    position: relative;
    overflow: hidden;
    padding: 150px 0;

}
.section-news-list__wrapper.nobg {
    background: transparent!important;
}
.news-bg {
    position: absolute;
    background-image: url(/wp-content/themes/ra_love_racer/images/news_bg.png);
    background-position: left;
    width: 1188px;
    height: 338px;
    bottom: 0;
    left: 0;
    opacity: .3;
}
.one-news-image__wrapper {
    position: relative;
    height: 194px;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    transition: all .6s;
    transform: scale(1);
}
.one-news-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.one-news-title a {
    color: #007fc6;
    font-weight: 900;
    font-size: 23px;
    line-height: 119%;
}
.one-news-date {
    font-weight: 800;
}
.one-news-text {
    padding: 15px;
    color: #444352;
}

.one-news-content__inner:hover .one-news-image__wrapper {
    transform: scale(1.1);
}
.breadcrumb__wrapper {
    z-index: 450;
    margin-top: -108px;
}
.breadcrumb {
    background-color: transparent;
}
.breadcrumb-item {
    padding-right: 7px;
}
.breadcrumb-item a {
    font-size: 14px;
}
.breadcrumbs__current {
    font-size: 14px;
    padding-top: 4px;
}
.breadcrumbs__separator{
    padding-right: 7px;
}

.one-gallery__wrapper {
    position: relative;
    margin-bottom: 15px;
    height: 350px;
    overflow: hidden;
}

.one-gallery-image__wrapper {
    position: absolute;
    height: 210px;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    transition: height .6s, transform 4s;
    transform: scale(1);
}
.one-gallery-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.one-gallery-content {
    position: absolute;
    bottom: 65px;
    left: 55px;
}
.one-gallery__wrapper:hover .one-gallery-image__wrapper {
    height: 310px;
    transform: scale(1.2);
}
.one-gallery__wrapper .one-news-title {
    transform: translateY(0);
    transition: all 0.3s;
}
.one-gallery__wrapper:hover .one-news-title {
    transform: translateY(-20px);
}
.one-gallery__wrapper:hover .one-news-title a,
.one-gallery__wrapper:hover .link-more{
    color: #fff;
}



.one-newslist__wrapper {
    position: relative;
    margin-bottom: 15px;
    height: 550px;
    overflow: hidden;
}

.one-newslist-image__wrapper {
    position: absolute;
    height: 210px;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    transition: height .6s, transform 2s;
    transform: scale(1);
}
.one-newslist-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.one-newslist-content {
    position: absolute;
    top: 230px;
    left: 30px;
}
.one-newslist__wrapper:hover .one-newslist-image__wrapper {
    height: 310px;
    transform: scale(1.1);
}
.one-newslist__wrapper .one-news-title {
    min-height: 60px;
    transform: translateY(0);
    transition: all 0.3s;
}
.one-newslist__wrapper:hover .one-news-title {
    transform: translateY(-20px);
}
.one-newslist__wrapper:hover .one-news-title a,
.one-newslist__wrapper:hover .one-news-date{
    color: #fff;
}


.back__wrapper {
    position: relative;
    text-align: right;
    padding-right: 200px;
    padding-top: 55px;
    font-size: 10px;
    text-transform: uppercase;
}
.back__wrapper a {
    color: #005382;
}
.back__wrapper:before {
    content: '';
    position: absolute;
    top: 63px;
    width: 30%;
    right: 30%;
    height: 1px;
    background: #005382;
    opacity: .3;
    transition: width 3s;
}
.back__wrapper:hover:before {
    width: 100%;
}

blockquote {
    position: relative;
    font-size: 122%;
    line-height: 120%;
    margin-left: 7%;
    margin-bottom: 30px;
    margin-top: 30px;
}
blockquote:before {
    content: '';
    position: absolute;
    background: #cae7a7;
    width: 7px;
    height: 100%;
    z-index: -1;
    top: 0px;
    left: -77px;
}

table.table p {
    font-size: 80%;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #cbcbcb
}

.parallax-background {
    background-image: url('/wp-content/uploads/2019/10/60656361_2130953350359341_7357312878224867328_o-e1570007407117.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 350px;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.insta-info__wrapper img {
    border-radius: 150px;
}
.insta-info__wrapper a {
    display: block;
    font-weight: 300;
    font-size: 36px;
}
.menu_bg__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 45%;
    overflow: hidden;
}
.tech-title {
    font-weight: 900;
    font-size: 50px;
    line-height: 100%;
    margin-left: 76px;
    margin-top: 70px;
    color: #007fc6;
}
.tech-picture {
    position: relative;
    margin-left: 65px;
    margin-top: 35px;
    display: inline-block;
}
.tech-picture__wrapper:before {
    content: '';
    position: absolute;
    width: 80%;
    height: 74%;
    background: #000;
    opacity: .1;
    left: -30px;
}
.tech-picture:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -100px;
    left: 10%;
    width: 500px;
    height: 200px;
    background-image: url(/wp-content/themes/ra_love_racer/images/dot_bg.png);
}
.link-category {
    margin-left: 79px;
    background: #007fc6;
    color: #fff;
    padding: 10px 30px;
}
.link-category:hover {
    color: #000;
}



/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
------------------------------*/
.timeline {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
    line-height: inherit;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
    padding-left: 40px;
    position: relative;
}
.timeline-item:last-child {
    padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 .5em 0;
    text-transform: uppercase;
    white-space: nowrap;
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
}
.timeline-marker:before {
    background: #007fc6;
    border: 3px solid transparent;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
    content: "";
    width: 3px;
    background: #CCD5DB;
    display: block;
    position: absolute;
    top: 24px;
    bottom: 0;
    left: 6px;
}
.timeline-item:last-child .timeline-marker:after {
    content: none;
}

.timeline-item:not(.period):hover .timeline-marker:before {
    background: transparent;
    border: 3px solid #007fc6;
}

/*----- TIMELINE CONTENT -----*/
.timeline-content {
    padding-bottom: 40px;
}
.timeline-content p:last-child {
    margin-bottom: 0;
}

/*----- TIMELINE PERIOD -----*/
.period {
    padding: 0;
}
.period .timeline-info {
    display: none;
}
.period .timeline-marker:before {
    background: transparent;
    content: "";
    width: 15px;
    height: auto;
    border: none;
    border-radius: 0;
    top: 0;
    bottom: 30px;
    position: absolute;
    border-top: 3px solid #CCD5DB;
    border-bottom: 3px solid #CCD5DB;
}
.period .timeline-marker:after {
    content: "";
    height: 32px;
    top: auto;
}
.period .timeline-content {
    padding: 40px 0 70px;
}
.period .timeline-title {
    margin: 0;
}

/*----------------------------------------------
    MOD: TIMELINE SPLIT
----------------------------------------------*/
@media (min-width: 768px) {
    .timeline-split .timeline, .timeline-centered .timeline {
        display: table;
    }
    .timeline-split .timeline-item, .timeline-centered .timeline-item {
        display: table-row;
        padding: 0;
    }
    .timeline-split .timeline-info, .timeline-centered .timeline-info,
    .timeline-split .timeline-marker,
    .timeline-centered .timeline-marker,
    .timeline-split .timeline-content,
    .timeline-centered .timeline-content,
    .timeline-split .period .timeline-info,
    .timeline-centered .period .timeline-info {
        display: table-cell;
        vertical-align: top;
    }
    .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
        position: relative;
    }
    .timeline-split .timeline-content, .timeline-centered .timeline-content {
        padding-left: 30px;
    }
    .timeline-split .timeline-info, .timeline-centered .timeline-info {
        padding-right: 30px;
    }
    .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
        position: relative;
        left: -45px;
    }
}

/*----------------------------------------------
    MOD: TIMELINE CENTERED
----------------------------------------------*/
@media (min-width: 992px) {
    .timeline-centered,
    .timeline-centered .timeline-item,
    .timeline-centered .timeline-info,
    .timeline-centered .timeline-marker,
    .timeline-centered .timeline-content {
        display: block;
        margin: 0;
        padding: 0;
    }
    .timeline-centered .timeline-item {
        padding-bottom: 40px;
        overflow: hidden;
    }
    .timeline-centered .timeline-marker {
        position: absolute;
        left: 50%;
        margin-left: -7.5px;
    }
    .timeline-centered .timeline-info,
    .timeline-centered .timeline-content {
        width: 50%;
    }
    .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
        float: left;
        text-align: right;
        padding-right: 30px;
    }
    .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
        float: right;
        text-align: left;
        padding-left: 30px;
    }
    .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
        float: right;
        text-align: left;
        padding-left: 30px;
    }
    .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
        float: left;
        text-align: right;
        padding-right: 30px;
    }
    .timeline-centered > .timeline-item.period .timeline-content {
        float: none;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .timeline-centered .timeline-item.period {
        padding: 50px 0 90px;
    }
    .timeline-centered .period .timeline-marker:after {
        height: 30px;
        bottom: 0;
        top: auto;
    }
    .timeline-centered .period .timeline-title {
        left: auto;
    }
}

/*----------------------------------------------
    MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before {
    background: transparent;
    border-color: #007fc6;
}
.marker-outline .timeline-item:hover .timeline-marker:before {
    background: #007fc6;
}
.section-title h3 {
    font-size: 39px;
    line-height: 95%;
}
.section-title h3.timeline-title, h3.timeline-title {
    font-size: 26px;
    font-weight: 900;
}

.tech-details__wrapper {
    margin-bottom: 40px;
}
.tech-details {
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.tech-subtitle {
    border-bottom: solid 1px #cdcdcd;
}
.tech-desc {
    font-weight: 500;
    border-bottom: solid 1px #cdcdcd;
}







@media (max-width: 576px) {
    .logo {
        margin-left: 59px;
    }
    .logo, .logo:hover {
        font-size: 22px;
    }
    .dmi-logo {
        height: 25px;
    }
    .sub-h1 {
        font-size: 38px;
        top: -1px;
    }
    .menu__inner .menu-link {
        font-size: 24px;
    }
    .disciplines-wrapper .left-padd {
        padding-left: 15px;
    }
    .disciplines-wrapper .right-padd {
        padding-right: 15px;
    }
    .disciplines-wrapper h4 {
        margin: 50px 0 20px;
    }
    .page_lines {
        display: none;
    }
    .hamburger__wrapper {
        top: 14px;
    }
    .menu__inner.opened {
        margin-top: 50px;
    }
    .parallax-background {
        display: none;
    }
    .menu_bg__wrapper {
        width: 100%;
    }
    .tech-title {
        font-size: 26px;
        margin-bottom: 3px;
        margin-top: 16px;
        margin-left: 42px;
    }
    .tech-picture {
        margin-left: 0;
    }
    .link-category {
        margin-left: 43px;
    }
    #loader-wrapper,
    .line_loader {
        display: none;
    }

}