@import 'https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700&display=swap';
@import 'https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700&display=swap';

html {
    font-size: 12px
}

body {
    font-family: work sans, sans-serif;
    color: #1f2044
}

html, body {
    width: 100%;
    height: 100%
}

::selection {
    background-color: #fcf1e7;
    color: #1f2044;
    text-shadow: none
}

-webkit-::selection {
    background-color: #fcf1e7;
    color: #1f2044;
    text-shadow: none
}

::-moz-selection {
    background-color: #fcf1e7;
    color: #1f2044;
    text-shadow: none
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #2e2e2e
}

img {
    max-width: 100%
}

.font-custom {
    font-family: libre baskerville, serif
}

.text-primary {
    color: #f79784 !important
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

@media (min-width: 1600px) {
    .container-fluid {
        padding-left: 4.375rem;
        padding-right: 4.375rem
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 160px, 0);
        transform: translate3d(0, 160px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 160px, 0);
        transform: translate3d(0, 160px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

[class^=icon-] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.05em;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    letter-spacing: 0
}

[class^=icon-]:before {
    content: "W";
    opacity: 0;
    display: block;
    height: 0;
    padding-bottom: 100%;
    font-style: normal;
    font-weight: 400;
    font-family: Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-behance {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJz48cGF0aCBmaWxsPScjMWYyMDQ0JyBkPSdNMjMyIDIzNy4yYzMxLjgtMTUuMiA0OC40LTM4LjIgNDguNC03NCAwLTcwLjYtNTIuNi04Ny44LTExMy4zLTg3LjhIMHYzNTQuNGgxNzEuOGM2NC40IDAgMTI0LjktMzAuOSAxMjQuOS0xMDIuOSAwLTQ0LjUtMjEuMS03Ny40LTY0LjctODkuN3pNNzcuOSAxMzUuOUgxNTFjMjguMSAwIDUzLjQgNy45IDUzLjQgNDAuNSAwIDMwLjEtMTkuNyA0Mi4yLTQ3LjUgNDIuMmgtNzl2LTgyLjd6bTgzLjMgMjMzLjdINzcuOVYyNzJoODQuOWMzNC4zIDAgNTYgMTQuMyA1NiA1MC42IDAgMzUuOC0yNS45IDQ3LTU3LjYgNDd6bTM1OC41LTI0MC43SDM3NlY5NGgxNDMuN3YzNC45ek01NzYgMzA1LjJjMC03NS45LTQ0LjQtMTM5LjItMTI0LjktMTM5LjItNzguMiAwLTEzMS4zIDU4LjgtMTMxLjMgMTM1LjggMCA3OS45IDUwLjMgMTM0LjcgMTMxLjMgMTM0LjcgNjEuMyAwIDEwMS0yNy42IDEyMC4xLTg2LjNINTA5Yy02LjcgMjEuOS0zNC4zIDMzLjUtNTUuNyAzMy41LTQxLjMgMC02My0yNC4yLTYzLTY1LjNoMTg1LjFjLjMtNC4yLjYtOC43LjYtMTMuMnpNMzkwLjQgMjc0YzIuMy0zMy43IDI0LjctNTQuOCA1OC41LTU0LjggMzUuNCAwIDUzLjIgMjAuOCA1Ni4yIDU0LjhIMzkwLjR6Jy8+PC9zdmc+)
}

a:hover .icon-behance {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJz48cGF0aCBmaWxsPScjZWE4ZjdkJyBkPSdNMjMyIDIzNy4yYzMxLjgtMTUuMiA0OC40LTM4LjIgNDguNC03NCAwLTcwLjYtNTIuNi04Ny44LTExMy4zLTg3LjhIMHYzNTQuNGgxNzEuOGM2NC40IDAgMTI0LjktMzAuOSAxMjQuOS0xMDIuOSAwLTQ0LjUtMjEuMS03Ny40LTY0LjctODkuN3pNNzcuOSAxMzUuOUgxNTFjMjguMSAwIDUzLjQgNy45IDUzLjQgNDAuNSAwIDMwLjEtMTkuNyA0Mi4yLTQ3LjUgNDIuMmgtNzl2LTgyLjd6bTgzLjMgMjMzLjdINzcuOVYyNzJoODQuOWMzNC4zIDAgNTYgMTQuMyA1NiA1MC42IDAgMzUuOC0yNS45IDQ3LTU3LjYgNDd6bTM1OC41LTI0MC43SDM3NlY5NGgxNDMuN3YzNC45ek01NzYgMzA1LjJjMC03NS45LTQ0LjQtMTM5LjItMTI0LjktMTM5LjItNzguMiAwLTEzMS4zIDU4LjgtMTMxLjMgMTM1LjggMCA3OS45IDUwLjMgMTM0LjcgMTMxLjMgMTM0LjcgNjEuMyAwIDEwMS0yNy42IDEyMC4xLTg2LjNINTA5Yy02LjcgMjEuOS0zNC4zIDMzLjUtNTUuNyAzMy41LTQxLjMgMC02My0yNC4yLTYzLTY1LjNoMTg1LjFjLjMtNC4yLjYtOC43LjYtMTMuMnpNMzkwLjQgMjc0YzIuMy0zMy43IDI0LjctNTQuOCA1OC41LTU0LjggMzUuNCAwIDUzLjIgMjAuOCA1Ni4yIDU0LjhIMzkwLjR6Jy8+PC9zdmc+)
}

.icon-linkedin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0NDggNTEyJz48cGF0aCBmaWxsPScjMWYyMDQ0JyBkPSdNMTAwLjI4IDQ0OEg3LjRWMTQ4LjloOTIuODh6TTUzLjc5IDEwOC4xQzI0LjA5IDEwOC4xIDAgODMuNSAwIDUzLjhhNTMuNzkgNTMuNzkgMCAwIDEgMTA3LjU4IDBjMCAyOS43LTI0LjEgNTQuMy01My43OSA1NC4zek00NDcuOSA0NDhoLTkyLjY4VjMwMi40YzAtMzQuNy0uNy03OS4yLTQ4LjI5LTc5LjItNDguMjkgMC01NS42OSAzNy43LTU1LjY5IDc2LjdWNDQ4aC05Mi43OFYxNDguOWg4OS4wOHY0MC44aDEuM2MxMi40LTIzLjUgNDIuNjktNDguMyA4Ny44OC00OC4zIDk0IDAgMTExLjI4IDYxLjkgMTExLjI4IDE0Mi4zVjQ0OHonLz48L3N2Zz4=)
}

a:hover .icon-linkedin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0NDggNTEyJz48cGF0aCBmaWxsPScjZWE4ZjdkJyBkPSdNMTAwLjI4IDQ0OEg3LjRWMTQ4LjloOTIuODh6TTUzLjc5IDEwOC4xQzI0LjA5IDEwOC4xIDAgODMuNSAwIDUzLjhhNTMuNzkgNTMuNzkgMCAwIDEgMTA3LjU4IDBjMCAyOS43LTI0LjEgNTQuMy01My43OSA1NC4zek00NDcuOSA0NDhoLTkyLjY4VjMwMi40YzAtMzQuNy0uNy03OS4yLTQ4LjI5LTc5LjItNDguMjkgMC01NS42OSAzNy43LTU1LjY5IDc2LjdWNDQ4aC05Mi43OFYxNDguOWg4OS4wOHY0MC44aDEuM2MxMi40LTIzLjUgNDIuNjktNDguMyA4Ny44OC00OC4zIDk0IDAgMTExLjI4IDYxLjkgMTExLjI4IDE0Mi4zVjQ0OHonLz48L3N2Zz4=)
}

.icon-dribbble {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjMWYyMDQ0JyBkPSdNMjU2IDhDMTE5LjI1MiA4IDggMTE5LjI1MiA4IDI1NnMxMTEuMjUyIDI0OCAyNDggMjQ4IDI0OC0xMTEuMjUyIDI0OC0yNDhTMzkyLjc0OCA4IDI1NiA4em0xNjMuOTcgMTE0LjM2NmMyOS41MDMgMzYuMDQ2IDQ3LjM2OSA4MS45NTcgNDcuODM1IDEzMS45NTUtNi45ODQtMS40NzctNzcuMDE4LTE1LjY4Mi0xNDcuNTAyLTYuODE4LTUuNzUyLTE0LjA0MS0xMS4xODEtMjYuMzkzLTE4LjYxNy00MS42MTQgNzguMzIxLTMxLjk3NyAxMTMuODE4LTc3LjQ4MiAxMTguMjg0LTgzLjUyM3pNMzk2LjQyMSA5Ny44N2MtMy44MSA1LjQyNy0zNS42OTcgNDguMjg2LTExMS4wMjEgNzYuNTE5LTM0LjcxMi02My43NzYtNzMuMTg1LTExNi4xNjgtNzkuMDQtMTI0LjAwOCA2Ny4xNzYtMTYuMTkzIDEzNy45NjYgMS4yNyAxOTAuMDYxIDQ3LjQ4OXptLTIzMC40OC0zMy4yNWM1LjU4NSA3LjY1OSA0My40MzggNjAuMTE2IDc4LjUzNyAxMjIuNTA5LTk5LjA4NyAyNi4zMTMtMTg2LjM2IDI1LjkzNC0xOTUuODM0IDI1LjgwOUM2Mi4zOCAxNDcuMjA1IDEwNi42NzggOTIuNTczIDE2NS45NDEgNjQuNjJ6TTQ0LjE3IDI1Ni4zMjNjMC0yLjE2Ni4wNDMtNC4zMjIuMTA4LTYuNDczIDkuMjY4LjE5IDExMS45MiAxLjUxMyAyMTcuNzA2LTMwLjE0NiA2LjA2NCAxMS44NjggMTEuODU3IDIzLjkxNSAxNy4xNzQgMzUuOTQ5LTc2LjU5OSAyMS41NzUtMTQ2LjE5NCA4My41MjctMTgwLjUzMSAxNDIuMzA2QzY0Ljc5NCAzNjAuNDA1IDQ0LjE3IDMxMC43MyA0NC4xNyAyNTYuMzIzem04MS44MDcgMTY3LjExM2MyMi4xMjctNDUuMjMzIDgyLjE3OC0xMDMuNjIyIDE2Ny41NzktMTMyLjc1NiAyOS43NCA3Ny4yODMgNDIuMDM5IDE0Mi4wNTMgNDUuMTg5IDE2MC42MzgtNjguMTEyIDI5LjAxMy0xNTAuMDE1IDIxLjA1My0yMTIuNzY4LTI3Ljg4MnptMjQ4LjM4IDguNDg5Yy0yLjE3MS0xMi44ODYtMTMuNDQ2LTc0Ljg5Ny00MS4xNTItMTUxLjAzMyA2Ni4zOC0xMC42MjYgMTI0LjcgNi43NjggMTMxLjk0NyA5LjA1NS05LjQ0MiA1OC45NDEtNDMuMjczIDEwOS44NDQtOTAuNzk1IDE0MS45Nzh6Jy8+PC9zdmc+)
}

a:hover .icon-dribbble {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjZWE4ZjdkJyBkPSdNMjU2IDhDMTE5LjI1MiA4IDggMTE5LjI1MiA4IDI1NnMxMTEuMjUyIDI0OCAyNDggMjQ4IDI0OC0xMTEuMjUyIDI0OC0yNDhTMzkyLjc0OCA4IDI1NiA4em0xNjMuOTcgMTE0LjM2NmMyOS41MDMgMzYuMDQ2IDQ3LjM2OSA4MS45NTcgNDcuODM1IDEzMS45NTUtNi45ODQtMS40NzctNzcuMDE4LTE1LjY4Mi0xNDcuNTAyLTYuODE4LTUuNzUyLTE0LjA0MS0xMS4xODEtMjYuMzkzLTE4LjYxNy00MS42MTQgNzguMzIxLTMxLjk3NyAxMTMuODE4LTc3LjQ4MiAxMTguMjg0LTgzLjUyM3pNMzk2LjQyMSA5Ny44N2MtMy44MSA1LjQyNy0zNS42OTcgNDguMjg2LTExMS4wMjEgNzYuNTE5LTM0LjcxMi02My43NzYtNzMuMTg1LTExNi4xNjgtNzkuMDQtMTI0LjAwOCA2Ny4xNzYtMTYuMTkzIDEzNy45NjYgMS4yNyAxOTAuMDYxIDQ3LjQ4OXptLTIzMC40OC0zMy4yNWM1LjU4NSA3LjY1OSA0My40MzggNjAuMTE2IDc4LjUzNyAxMjIuNTA5LTk5LjA4NyAyNi4zMTMtMTg2LjM2IDI1LjkzNC0xOTUuODM0IDI1LjgwOUM2Mi4zOCAxNDcuMjA1IDEwNi42NzggOTIuNTczIDE2NS45NDEgNjQuNjJ6TTQ0LjE3IDI1Ni4zMjNjMC0yLjE2Ni4wNDMtNC4zMjIuMTA4LTYuNDczIDkuMjY4LjE5IDExMS45MiAxLjUxMyAyMTcuNzA2LTMwLjE0NiA2LjA2NCAxMS44NjggMTEuODU3IDIzLjkxNSAxNy4xNzQgMzUuOTQ5LTc2LjU5OSAyMS41NzUtMTQ2LjE5NCA4My41MjctMTgwLjUzMSAxNDIuMzA2QzY0Ljc5NCAzNjAuNDA1IDQ0LjE3IDMxMC43MyA0NC4xNyAyNTYuMzIzem04MS44MDcgMTY3LjExM2MyMi4xMjctNDUuMjMzIDgyLjE3OC0xMDMuNjIyIDE2Ny41NzktMTMyLjc1NiAyOS43NCA3Ny4yODMgNDIuMDM5IDE0Mi4wNTMgNDUuMTg5IDE2MC42MzgtNjguMTEyIDI5LjAxMy0xNTAuMDE1IDIxLjA1My0yMTIuNzY4LTI3Ljg4MnptMjQ4LjM4IDguNDg5Yy0yLjE3MS0xMi44ODYtMTMuNDQ2LTc0Ljg5Ny00MS4xNTItMTUxLjAzMyA2Ni4zOC0xMC42MjYgMTI0LjcgNi43NjggMTMxLjk0NyA5LjA1NS05LjQ0MiA1OC45NDEtNDMuMjczIDEwOS44NDQtOTAuNzk1IDE0MS45Nzh6Jy8+PC9zdmc+)
}

.icon-chat {
    background-image: url(../img/icon-chat.png);
    font-size: 1.5rem
}

button:focus, input:focus {
    outline: none
}

.btn {
    padding: 1rem 2.625rem;
    border-radius: 500px;
    font-weight: 700;
    font-size: .875rem;
    text-transform: uppercase
}

.btn-dark {
    background-color: #1f2044
}

#success, #error {
    display: none
}

.form-group-message {
    display: none
}

label.error {
    margin-top: .5rem;
    margin-bottom: 0;
    color: #555
}

.form-group {
    margin-bottom: 2rem
}

.form-control {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: .875rem;
    padding-bottom: .9375rem;
    height: calc(1.5em + 1.8125rem + 2px)
}

.preloader {
    position: fixed;
    overflow: hidden;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center
}

.three-bounce {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.three-bounce > div {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #f79784;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
    animation: bouncedelay 1.4s infinite ease-in-out both
}

.three-bounce .one {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.three-bounce .two {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.header {
    padding-top: 3.875rem
}

.body-piling .header {
    padding-top: 0
}

.header .container-fluid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.body-piling .brand {
    position: fixed;
    z-index: 500;
    right: 3%;
    top: 3%;
    left: 85%;
}

.brand-name {
    color: #234969;
    text-decoration: none;
    font-size: 1.375rem;
    letter-spacing: -.06em
}

.brand-name:hover {
    text-decoration: none;
    color: #234969
}

.brand-name-s {
    font-weight: 600;
    color: #464989
}


@media (min-width: 1400px) {

}

.nav-toggle-btn {
    margin: 0;
    border: none;
    padding: 0;
    background-color: transparent;
    z-index: 995
}

.body-piling .nav-toggle-btn {
    position: fixed;
    right: 15px;
    top: 20px
}

@media (min-width: 768px) {
    .body-piling .nav-toggle-btn {
        top: 4.1875rem
    }
}

@media (min-width: 1400px) {
    .body-piling .nav-toggle-btn {
        right: 4.375rem
    }
}



@-webkit-keyframes burger-hover {
    0% {
        width: 100%
    }
    50% {
        width: 50%
    }
    100% {
        width: 100%
    }
}

@keyframes burger-hover {
    0% {
        width: 100%
    }
    50% {
        width: 50%
    }
    100% {
        width: 100%
    }
}


.menu-ornament {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .375rem;
    background: #78acd9
}

.menu-ornament:before, .menu-ornament:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 33.33333333%;
    height: 100%
}

.menu-ornament:before {
    background: #464989;
    left: 0
}

.menu-ornament:after {
    background: #f79784;
    right: 0
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.wrapper #content {
    flex: 1 0 auto;
    display: flex;
    flex-wrap: wrap
}

.wrapper #footer {
    flex: 0 0 auto
}

.full-page {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.section {
    min-height: 100%;
    display: flex
}

#pp-nav {
    display: none
}

.progress-nav {
    width: 2px;
    position: fixed;
    z-index: 300;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%)
}

.progress-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.progress-nav li {
    width: 2px;
    height: 1.625rem;
    background: #464a8a;
    overflow: hidden;
    transition: background .5s ease-in-out;
    position: relative
}

.progress-nav li:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #464a8a
}

.progress-nav li.active:before {
    animation: navHeight .5s ease-in-out forwards
}

@-webkit-keyframes navHeight {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

@keyframes navHeight {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

.progress-nav li.active, .progress-nav li.active ~ li {
    background: #ccc
}

.progress-nav li:before {
    height: 100%
}

.progress-nav li.active ~ li:before {
    height: 0%
}

@media (min-width: 1400px) {
    .progress-nav {
        left: 4.5rem
    }
}

.pp-scrollable {
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto
}

.slide-dark {
    background: #fafafa
}

.slide-container {
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    padding-top: 6.25rem;
    padding-bottom: 3.75rem;
    position: relative;
    text-align: right;
    direction: rtl;
}

.lines > div {
    display: block;
    width: 1px;
    height: 100%;
    background: #f5f5f5;
    position: absolute;
    left: 20%;
    top: 0
}

.lines > div:nth-child(2) {
    left: 40%
}

.lines > div:nth-child(3) {
    left: 60%
}

.lines > div:nth-child(4) {
    left: 80%
}

.slide-dark .lines > div {
    background: #eee
}

.parallax {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.shape {
    position: absolute !important;
    background-position: 0% 0%
}

.shape > .inside {
    display: block;
    width: 100%;
    height: 0%;
    background-repeat: no-repeat;
    background-size: contain
}

.shape1 {
    top: 26.9% !important;
    left: 9.89583333% !important;
    width: 8.64583333%
}

.shape1 > .inside {
    background-image: url(../img/shape1.png);
    padding-bottom: 106.02409639%
}

.shape1-intro {
    top: 25.7% !important;
    left: 8.80208333% !important;
    width: 8.85416667%
}

.shape1-intro > .inside {
    background-image: url(../img/shape1-intro.png);
    padding-bottom: 104.11764706%
}

.shape2 {
    top: 41.3% !important;
    left: 16.875% !important;
    width: 6.66666667%
}

.shape2 > .inside {
    background-image: url(../img/shape2.png);
    padding-bottom: 99.21875%
}

.shape3 {
    top: 55.1% !important;
    left: 80.3125% !important;
    width: 2.08333333%
}

.shape3 > .inside {
    background-image: url(../img/shape3.png);
    padding-bottom: 112.5%
}

.shape3-intro {
    top: 44.9% !important;
    left: 85.72916667% !important;
    width: 1.97916667%
}

.shape3-intro > .inside {
    background-image: url(../img/shape3-intro.png);
    padding-bottom: 115.78947368%
}

.shape4 {
    top: 47.3% !important;
    left: 81.66666667% !important;
    width: 3.17708333%
}

.shape4 > .inside {
    background-image: url(../img/shape4.png);
    padding-bottom: 90.16393443%
}

.shape4-intro {
    top: 36.1% !important;
    left: 85.57291667% !important;
    width: 3.17708333%
}

.shape4-intro > .inside {
    background-image: url(../img/shape4-intro.png);
    padding-bottom: 91.80327869%
}

.shape5 {
    top: 54.9% !important;
    left: 82.34375% !important;
    width: 6.77083333%
}

.shape5 > .inside {
    background-image: url(../img/shape5.png);
    padding-bottom: 115.38461538%
}

.shape5-intro {
    top: 43.1% !important;
    left: 89.63541667% !important;
    width: 5.88541667%
}

.shape5-intro > .inside {
    background-image: url(../img/shape5-intro.png);
    padding-bottom: 112.38938053%
}

.shape6 {
    top: 52.1% !important;
    left: 54.0625% !important;
    width: 16.25%
}

.shape6 > .inside {
    background-image: url(../img/shape6.png);
    padding-bottom: 87.33974359%
}

.shape7 {
    top: 51.2% !important;
    left: 56.51041667% !important;
    width: 19.0625%
}

.shape7 > .inside {
    background-image: url(../img/shape7.png);
    padding-bottom: 98.08743169%
}

.shape7-intro {
    top: 44.9% !important;
    left: 62.96875% !important;
    width: 21.19791667%
}

.shape7-intro > .inside {
    background-image: url(../img/shape7-intro.png);
    padding-bottom: 98.28009828%
}

.shape8 {
    top: 47.9% !important;
    left: 63.95833333% !important;
    width: 3.33333333%
}

.shape8 > .inside {
    background-image: url(../img/shape8.png);
    padding-bottom: 100%
}

.shape9 {
    top: 52% !important;
    left: 49.27083333% !important;
    width: .78125%
}

.shape9 > .inside {
    background-image: url(../img/shape9.png);
    padding-bottom: 120%
}

.shape9-intro {
    top: 60.1% !important;
    left: 51.25% !important;
    width: .78125%
}

.shape9-intro > .inside {
    background-image: url(../img/shape9-intro.png);
    padding-bottom: 120%
}

.shape10 {
    top: 54.8% !important;
    left: 69.89583333% !important;
    width: .98958333%
}

.shape10 > .inside {
    background-image: url(../img/shape10.png);
    padding-bottom: 94.73684211%
}

.shape10-intro {
    top: 62.1% !important;
    left: 86.14583333% !important;
    width: .5rem
}

.shape10-intro > .inside {
    background-image: url(../img/shape10-intro.png);
    padding-bottom: 87.5%
}

.shape11 {
    top: 58.8% !important;
    left: 22.86458333% !important;
    width: .98958333%
}

.shape11 > .inside {
    background-image: url(../img/shape11.png);
    padding-bottom: 89.47368421%
}

.shape11-intro {
    top: 68.6% !important;
    left: 15% !important;
    width: .9375%
}

.shape11-intro > .inside {
    background-image: url(../img/shape11-intro.png);
    padding-bottom: 83.33333333%
}

.shape12 {
    top: 69.3% !important;
    left: 24.11458333% !important;
    width: 1.45833333%
}

.shape12 > .inside {
    background-image: url(../img/shape12.png);
    padding-bottom: 107.14285714%
}

.shape12-intro {
    top: 79.9% !important;
    left: 43.4375% !important;
    width: 1.45833333%
}

.shape12-intro > .inside {
    background-image: url(../img/shape12-intro.png);
    padding-bottom: 107.14285714%
}

.shape13 {
    top: 46.7% !important;
    left: 28.38541667% !important;
    width: 1.25%
}

.shape13 > .inside {
    background-image: url(../img/shape13.png);
    padding-bottom: 100%
}

.shape14, .shape14-intro {
    top: 36.8% !important;
    left: 16.97916667% !important;
    width: .72916667%
}

.shape14 > .inside, .shape14-intro > .inside {
    background-image: url(../img/shape14.png);
    padding-bottom: 114.285714289%
}

.shape14-intro > .inside {
    background-image: url(../img/shape14-intro.png)
}

.shape15 {
    top: 38.6% !important;
    left: 82.8125% !important;
    width: .83333333%
}

.shape15 > .inside {
    background-image: url(../img/shape15.png);
    padding-bottom: 100%
}

.shape16 {
    top: 71.2% !important;
    left: 32.29166667% !important;
    width: .72916667%
}

.shape16 > .inside {
    background-image: url(../img/shape16.png);
    padding-bottom: 114.28571429%
}

.slide-ornament {
    display: block;
    width: 31.875%;
    background: url(../img/ornament.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    left: 65.20833333%;
    top: 38.5%
}

.slide-ornament > .inside {
    display: block;
    height: 0;
    padding-bottom: 82.35294118%
}

.title-mini {
    margin-bottom: .8125rem;
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em
}

.title-mini-margin-lg {
    margin-bottom: 1.25rem
}

.slide-title {
    margin-bottom: 1.875rem;
    font-weight: 700;
    font-size: 2.75rem;
    letter-spacing: -.02em;
    line-height: 1.31818182
}

@media (min-width: 768px) {


    .slide-title.text-center, .text-center .slide-title {
        margin-right: 0
    }
}

h3.slide-title {
    font-size: 2.5rem
}

.slide-title-margin-md {
    margin-bottom: 2.25rem
}

.slide-title-margin-lg {
    margin-bottom: 4rem
}

.slide-title .text-typed {
    background: #fcf1e7;
    box-shadow: #fcf1e7 0 0 0 5px;
    display: inline-block;
    min-height: .85em;
    line-height: .85
}

.slide-descr {
    margin-top: 1.875rem;
    letter-spacing: -.01em;
    color: #234969;
    font-size: 1rem;
    line-height: 1.625
}

.slide-photo {
    position: relative;
    margin-top: 4rem
}

@media (min-width: 768px) {
    .slide-photo {
        margin-top: 0
    }
}

.slide-photo-about {
    margin-top: 4.375rem;
    position: relative;
    max-width: 43.125rem;
    margin-left: auto;
    margin-right: auto
}

.rounded-text {
    width: 8.625rem;
    height: 8.625rem;
    position: absolute;
    right: 50%;
    margin-right: 7.5rem;
    transform: rotate(-103deg)
}

.service-list {
    margin-top: 4.25rem
}

.service-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.primary-link {
    position: relative;
    font-size: 1.375rem;
    font-weight: 700
}

.service-list li:not(:first-child) {
    margin-top: 1.3125rem
}

.primary-link a, .primary-link a:hover {
    color: inherit;
    text-decoration: none
}

.primary-link a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: .25rem;
    height: 3px;
    width: 0;
    background-color: #f69683;
    transition: all .3s ease-in-out
}

.primary-link a:hover:before {
    width: 5rem
}

.slide-photo-services > .inside {
    width: 67.19298246%;
    margin-left: 15%
}

.image-card {
    position: absolute;
    border-radius: 1.125rem;
    background: #fff;
    box-shadow: rgba(18, 42, 78, .15) 3.75rem 3.75rem 3.75rem
}

.image-card-body {
    display: block;
    height: 0;
    padding-bottom: 100%
}

.image-card-body > .inside {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.image-card-dark {
    background: #1f2044;
    box-shadow: none
}

.image-card-primary {
    background: #df5647;
    box-shadow: none
}

.section:not(.active) .animate-element {
    animation-name: none
}

.section.active .animate-element {
    animation-duration: .7s;
    animation-fill-mode: both
}

.section.active .delay1 {
    animation-delay: .1s
}

.section.active .delay2 {
    animation-delay: .2s
}

.section.active .delay3 {
    animation-delay: .3s
}

.section.active .delay4 {
    animation-delay: .4s
}

.section.active .delay5 {
    animation-delay: .5s
}

.section.active .delay6 {
    animation-delay: .6s
}

.section.active .delay7 {
    animation-delay: .7s
}

.section.active .delay8 {
    animation-delay: .8s
}

.section.active .delay9 {
    animation-delay: .9s
}

.section.active .delay10 {
    animation-delay: 1s
}

.section.active .delay11 {
    animation-delay: 1.1s
}

.section.active .delay12 {
    animation-delay: 1.2s
}

.section.active .delay13 {
    animation-delay: 1.3s
}

.section.active .delay14 {
    animation-delay: 1.4s
}

.section.active .delay15 {
    animation-delay: 1.5s
}

.section.active .delay16 {
    animation-delay: 1.6s
}

.card2-1 {
    width: 22.63157895%;
    left: 6.31578947%;
    top: 13.09859155%
}

.card2-1 .image-card-body > .inside {
    width: 57.36434109%
}

.card2-2 {
    width: 38.59649123%;
    left: -9.64912281%;
    top: 60.56338028%
}

.card2-2 .image-card-body > .inside {
    width: 65%
}

.card2-3 {
    width: 29.8245614%;
    right: 0%;
    top: 12.81690141%
}

.card2-3 .image-card-body > .inside {
    width: 52.94117647%
}

.card2-4 {
    width: 17.54385965%;
    right: 6.66666667%;
    top: 71.12676056%
}

.card2-4 .image-card-body > .inside {
    width: 71%
}

.bar-list {
    margin-top: 3rem
}

.bar-item {
    margin-bottom: 1.125rem
}

.bar-item-title, .bar-item-value {
    margin-bottom: .6875rem
}

.bar-item-title {
    font-size: 1rem;
    font-weight: 700
}

.bar-item-value {
    padding-top: 2px;
    font-size: .875rem
}

.progress {
    height: .875rem;
    border-radius: .4375rem
}

.progress-bar {
    background-color: #75a9d6
}

.progress-bar {
    position: relative;
    width: 0;
    transition: width 1s ease-in-out;
    transition-delay: 1.5s
}

.card3-1 {
    position: relative;
    width: 77.89473684%
}

.card3-1 .image-card-body > .inside {
    width: 86.71171171%
}

.card3-2 {
    width: 18.42105263%;
    left: -3.50877193%;
    top: -4px
}

.card3-2 .image-card-body > .inside {
    width: 65%
}

.card3-3 {
    width: 35.0877193%;
    right: 8.07017544%;
    top: -32%;
    box-shadow: rgb(16 39 91 / 42%) 1.375rem 1.375rem 3.75rem;
}


.card3-3 .image-card-body > .inside {
    width: 52.5%
}

.card3-4 {
    width: 20.87719298%;
    right: 4.9122807%;
    top: 82.88288288%;
    z-index: -1;
    box-shadow: rgba(11, 53, 92, .1) 1.875rem 1.875rem 3.75rem
}

.card3-4 .image-card-body > .inside {
    width: 58.82352941%
}

.slide-photo-education, .slide-photo-experience {
    margin-bottom: 2.1875rem
}

.slide-photo-bg-rounded {
    padding: 14.59459459% 14.32432432% 2.7027027%;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain
}

.photo-bg-education {
    background-image: url(../img/slide4-1-bg.png)
}

.education-image {
    margin-top: 7.1969697%;
    margin-left: 4.16666667%;
    width: 81.43939394%
}

.photo-bg-experience {
    background-image: url(../img/slide4-2-bg.png)
}

.experience-image {
    margin-top: 4.92424242%;
    margin-left: 12.5%;
    width: 82.57575758%
}

.slide-photo-bg-rounded > .inside {
    display: block;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 100%;
    background-color: #fff
}

.vacancy-item {
    margin-bottom: 1.75rem
}

.vacancy-item-title {
    margin-bottom: .8125rem;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase
}

.vacancy-item-title a {
    color: inherit
}

.vacancy-item-place, .vacancy-item-time {
    line-height: 1.625;
    font-size: 1rem
}

.vacancy-item-place {
    font-weight: 600
}

.vacancy-item-text {
    margin-top: .5rem;
    font-size: .875rem;
    line-height: 1.71428571
}

.portfolio-item-photo {
    margin-bottom: 1.75rem
}

@media (min-width: 768px) {
    .portfolio-item-detail {
        min-height: 8.75rem
    }
}

.portfolio-item-title {
    margin-bottom: .625rem
}

.portfolio-item-descr {
    font-size: .875rem
}

.portfolio-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 1.25rem
}

.owl-theme .owl-dots .owl-dot span {
    width: .75rem;
    height: .75rem;
    margin: 5px .5rem
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #464989
}

.reward-list {
    margin-top: 4.0625rem
}

.reward-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 2.5rem
}

.reward-item:first-child {
    margin-top: 0
}

.reward-item-photo {
    width: 10.5rem;
    flex: 0 0 auto;
    padding-right: 1.875rem;
    text-align: center
}

.reward-item-title {
    margin-bottom: 3px;
    margin-right: -1rem;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.125rem
}

.reward-item-descr {
    font-size: .875rem;
    color: #234969
}

.slide-photo6 {
    padding-top: 1.875rem
}

.slide-photo6 > .inside {
    width: 93.50877193%;
    margin-left: 3.50877193%
}

.card6-1 {
    width: 14.03508772%;
    left: 6.31578947%;
    top: 0
}

.card6-1 .image-card-body > .inside {
    width: 45%
}

.card6-2 {
    width: 26.31578947%;
    left: 2.63157895%;
    top: 62.59259259%;
    top: 64.34697855%
}

.card6-2 .image-card-body > .inside {
    width: 56%
}

.testimonial-carousel {
    margin-top: 2rem
}

.testimonial-item {
    min-height: 18.75rem
}

.testimonial-item-text {
    margin-top: 0
}

.testimonial-item-author {
    margin-top: 3.25rem
}

.testimonial-avatar {
    width: 3.4375rem
}

.avatar > .inside {
    display: block;
    height: 0;
    padding-bottom: 100%;
    border-radius: 500px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.testimonial-item-author-name {
    margin-bottom: 3px;
    font-size: 1rem;
    font-weight: 700
}

.testimonial-item-author-status {
    font-size: .875rem;
    color: #234969
}

.testimonial-carousel.owl-theme .owl-dots {
    margin-left: -.5rem;
    text-align: left
}

.slide-photo-testimonials {
    padding-top: 12.28070175%;
    margin-bottom: 1.25rem
}

.slide-photo-testimonials > .inside {
    width: 108.77192982%;
    margin-left: -5.26315789%
}

.card7-1 {
    width: 12.28070175%;
    right: -5.96491228%;
    top: 24.0917782%;
    z-index: -1
}

.card7-1 .image-card-body > .inside {
    width: 48.57142857%;
    top: 46%
}

.card7-2 {
    width: 36.84210526%;
    left: -3.50877193%;
    top: 0;
    box-shadow: rgba(18, 42, 78, .15) 2.5rem 2.5rem 3.75rem
}

.card7-2 .image-card-body {
    padding-bottom: 71.42857143%
}

.card7-2 .image-card-body > .inside {
    width: 66.66666667%
}

.client-list {
    margin-top: 4.125rem
}

.client-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 2.5rem
}

.client-item:first-child {
    margin-top: 0
}

.client-item-value {
    width: 10.5rem;
    padding-right: 1.875rem;
    font-size: 3.125rem;
    line-height: 1;
    font-weight: 600;
    color: #78acd9
}

.client-item-title {
    margin-bottom: 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.125rem
}

.client-item-descr {
    font-size: .875rem;
    color: #234969
}

.slide-photo-clients {
    height: 0;
    padding-bottom: 92.10526316%;
    margin-top: 3.125
}

.card8-1 {
    width: 37.19298246%;
    left: 29.8245614%;
    top: 27.04761905%;
    z-index: 100;
    box-shadow: rgba(11, 53, 92, .15) 4.375rem 4.375rem 3.75rem
}

.card8-1 .image-card-body > .inside {
    width: 55.66037736%
}

.card8-2 {
    width: 15.96491228%;
    left: 53.68421053%;
    top: 0%;
    box-shadow: rgba(11, 53, 92, .1) 1.375rem 1.375rem 3.75rem
}

.card8-2 .image-card-body > .inside {
    width: 54.94505495%
}

.card8-3 {
    width: 29.8245614%;
    left: 78.94736842%;
    top: 2.47619048%;
    box-shadow: rgba(11, 53, 92, .1) 1.375rem 1.375rem 3.75rem
}

.card8-3 .image-card-body > .inside {
    width: 78.82352941%
}

.card8-4 {
    width: 19.29824561%;
    left: 8.77192982%;
    top: 6.0952381%;
    box-shadow: rgba(11, 53, 92, .1) 2.5rem 2.5rem 3.75rem
}

.card8-4 .image-card-body > .inside {
    width: 51.81818182%
}

.card8-5 {
    width: 18.77192982%;
    left: 29.8245614%;
    top: 79.61904762%;
    box-shadow: rgba(11, 53, 92, .1) 1.875rem 1.875rem 3.75rem
}

.card8-5 .image-card-body > .inside {
    width: 72.89719626%
}

.card8-6 {
    width: 18.07017544%;
    left: 7.89473684%;
    top: 44.95238095%;
    box-shadow: rgba(11, 53, 92, .1) 1.875rem 1.875rem 3.75rem
}

.card8-6 .image-card-body > .inside {
    width: 65.04854369%
}

.card8-7 {
    width: 20.70175439%;
    left: 70.1754386%;
    top: 67.61904762%;
    box-shadow: rgba(11, 53, 92, .1) 1.875rem 1.875rem 3.75rem
}

.card8-7 .image-card-body > .inside {
    width: 53.38983051%
}

.slide-btn {
    margin-top: 2.5rem
}

.contacts {
    margin-top: 2rem
}

.contact-item {
    margin-top: 1.5rem;
    font-size: 1.125rem;
    font-weight: 500
}

.contact-item-phone {
    font-size: 16px;
    font-weight: 600
}

.mail-link, .phone-link, .phone-link:hover {
    color: inherit;
    text-decoration: none
}

.phone-link {
    cursor: default;
    white-space: nowrap
}

.contact-ornament {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    padding-bottom: 14%;
    background: url(../img/contact-ornament.png) 50% 100% no-repeat;
    background-size: cover
}

.slide-contacts .slide-container {
    padding-bottom: 7rem
}

@media (min-width: 768px) {
    .contact-ornament {
        background-size: contain;
        padding-bottom: 7.03125%
    }

    .slide-contacts .slide-container {
        padding-bottom: 13.75rem
    }

    .contacts {
        margin-top: 4.25rem
    }

    .contact-item {
        margin-top: 2.5rem
    }
}

.footer {
    padding-bottom: 4rem
}

.body-piling .footer {
    padding-bottom: 0
}

.footer .container-fluid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end
}

.copyright {
    font-size: .875rem;
    color: #234969
}

.body-piling .copyright {
    position: fixed;
    left: 15px;
    bottom: 15px;
    z-index: 500
}

.footer-social {
    padding-bottom: .375rem;
    margin-right: -1.25rem
}

.body-piling .footer-social {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 500;
    padding-bottom: 0
}

.social {
    margin: 0;
    padding: 0 1.25rem 0 0;
    list-style: none;
    font-size: 1.125rem;
    text-align: right
}

.social li {
    margin-bottom: .5rem
}

.chat {
    position: relative;
    margin-top: 7.75rem
}

.chat-title {
    position: absolute;
    white-space: nowrap;
    right: 50%;
    bottom: 100%;
    margin-bottom: .3125rem;
    transform: rotate(90deg);
    transform-origin: right center;
    font-size: .875rem;
    color: #234969
}

.chat-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 2.875rem;
    background: #464989
}

.chat-btn.has-new:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    background: #5fc515;
    position: absolute;
    top: -3px;
    right: -2px
}

@media (min-width: 768px) {
    .body-piling .copyright {
        bottom: 4rem
    }

    .body-piling .footer-social {
        bottom: 4.375rem
    }
}

@media (min-width: 1400px) {
    .body-piling .copyright {
        left: 4.375rem
    }

    .body-piling .footer-social {
        right: 4.375rem
    }
}

.modal-content {
    border: none
}

.modal .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.75rem
}

.modal-body {
    padding: 2.5rem 2rem
}

.is-dark::selection, .is-dark ::selection {
    background-color: #78acd9;
    color: #fff
}

.is-dark::-moz-selection, .is-dark ::-moz-selection {
    background-color: #78acd9;
    color: #fff
}

.is-dark, .is-dark .pp-scrollable {
    background-color: #3c3c59
}

.is-dark .slide-dark {
    background-color: #32324c
}

.is-dark, .is-dark .header, .is-dark .footer, .is-dark .brand-name, .is-dark .brand-name-s, .is-dark .copyright, .is-dark .chat-title, .is-dark .slide:not(.slide-about) .slide-descr strong, .is-dark a:hover, .is-dark .menu-main a, .is-dark .menu-main a:hover, .is-dark .menu-lang-item.active, .is-dark .menu-lang-item:hover, .is-dark .menu-footer-copyright {
    color: #fff
}

.is-dark .hamburger span {
    background: #fff
}

.is-dark .menu {
    background-color: #202044
}

.is-dark .hide-menu {
    background-color: transparent
}

.is-dark .menu-main .active a, .is-dark .menu-main a:hover {
    background-color: #78acd9;
    box-shadow: #78acd9 0 0 0 2px
}

.is-dark a:not(:hover) .icon-behance {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJz48cGF0aCBmaWxsPScjYjRiNGQ1JyBkPSdNMjMyIDIzNy4yYzMxLjgtMTUuMiA0OC40LTM4LjIgNDguNC03NCAwLTcwLjYtNTIuNi04Ny44LTExMy4zLTg3LjhIMHYzNTQuNGgxNzEuOGM2NC40IDAgMTI0LjktMzAuOSAxMjQuOS0xMDIuOSAwLTQ0LjUtMjEuMS03Ny40LTY0LjctODkuN3pNNzcuOSAxMzUuOUgxNTFjMjguMSAwIDUzLjQgNy45IDUzLjQgNDAuNSAwIDMwLjEtMTkuNyA0Mi4yLTQ3LjUgNDIuMmgtNzl2LTgyLjd6bTgzLjMgMjMzLjdINzcuOVYyNzJoODQuOWMzNC4zIDAgNTYgMTQuMyA1NiA1MC42IDAgMzUuOC0yNS45IDQ3LTU3LjYgNDd6bTM1OC41LTI0MC43SDM3NlY5NGgxNDMuN3YzNC45ek01NzYgMzA1LjJjMC03NS45LTQ0LjQtMTM5LjItMTI0LjktMTM5LjItNzguMiAwLTEzMS4zIDU4LjgtMTMxLjMgMTM1LjggMCA3OS45IDUwLjMgMTM0LjcgMTMxLjMgMTM0LjcgNjEuMyAwIDEwMS0yNy42IDEyMC4xLTg2LjNINTA5Yy02LjcgMjEuOS0zNC4zIDMzLjUtNTUuNyAzMy41LTQxLjMgMC02My0yNC4yLTYzLTY1LjNoMTg1LjFjLjMtNC4yLjYtOC43LjYtMTMuMnpNMzkwLjQgMjc0YzIuMy0zMy43IDI0LjctNTQuOCA1OC41LTU0LjggMzUuNCAwIDUzLjIgMjAuOCA1Ni4yIDU0LjhIMzkwLjR6Jy8+PC9zdmc+)
}

.is-dark a:not(:hover) .icon-linkedin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0NDggNTEyJz48cGF0aCBmaWxsPScjYjRiNGQ1JyBkPSdNMTAwLjI4IDQ0OEg3LjRWMTQ4LjloOTIuODh6TTUzLjc5IDEwOC4xQzI0LjA5IDEwOC4xIDAgODMuNSAwIDUzLjhhNTMuNzkgNTMuNzkgMCAwIDEgMTA3LjU4IDBjMCAyOS43LTI0LjEgNTQuMy01My43OSA1NC4zek00NDcuOSA0NDhoLTkyLjY4VjMwMi40YzAtMzQuNy0uNy03OS4yLTQ4LjI5LTc5LjItNDguMjkgMC01NS42OSAzNy43LTU1LjY5IDc2LjdWNDQ4aC05Mi43OFYxNDguOWg4OS4wOHY0MC44aDEuM2MxMi40LTIzLjUgNDIuNjktNDguMyA4Ny44OC00OC4zIDk0IDAgMTExLjI4IDYxLjkgMTExLjI4IDE0Mi4zVjQ0OHonLz48L3N2Zz4=)
}

.is-dark a:not(:hover) .icon-dribbble {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjYjRiNGQ1JyBkPSdNMjU2IDhDMTE5LjI1MiA4IDggMTE5LjI1MiA4IDI1NnMxMTEuMjUyIDI0OCAyNDggMjQ4IDI0OC0xMTEuMjUyIDI0OC0yNDhTMzkyLjc0OCA4IDI1NiA4em0xNjMuOTcgMTE0LjM2NmMyOS41MDMgMzYuMDQ2IDQ3LjM2OSA4MS45NTcgNDcuODM1IDEzMS45NTUtNi45ODQtMS40NzctNzcuMDE4LTE1LjY4Mi0xNDcuNTAyLTYuODE4LTUuNzUyLTE0LjA0MS0xMS4xODEtMjYuMzkzLTE4LjYxNy00MS42MTQgNzguMzIxLTMxLjk3NyAxMTMuODE4LTc3LjQ4MiAxMTguMjg0LTgzLjUyM3pNMzk2LjQyMSA5Ny44N2MtMy44MSA1LjQyNy0zNS42OTcgNDguMjg2LTExMS4wMjEgNzYuNTE5LTM0LjcxMi02My43NzYtNzMuMTg1LTExNi4xNjgtNzkuMDQtMTI0LjAwOCA2Ny4xNzYtMTYuMTkzIDEzNy45NjYgMS4yNyAxOTAuMDYxIDQ3LjQ4OXptLTIzMC40OC0zMy4yNWM1LjU4NSA3LjY1OSA0My40MzggNjAuMTE2IDc4LjUzNyAxMjIuNTA5LTk5LjA4NyAyNi4zMTMtMTg2LjM2IDI1LjkzNC0xOTUuODM0IDI1LjgwOUM2Mi4zOCAxNDcuMjA1IDEwNi42NzggOTIuNTczIDE2NS45NDEgNjQuNjJ6TTQ0LjE3IDI1Ni4zMjNjMC0yLjE2Ni4wNDMtNC4zMjIuMTA4LTYuNDczIDkuMjY4LjE5IDExMS45MiAxLjUxMyAyMTcuNzA2LTMwLjE0NiA2LjA2NCAxMS44NjggMTEuODU3IDIzLjkxNSAxNy4xNzQgMzUuOTQ5LTc2LjU5OSAyMS41NzUtMTQ2LjE5NCA4My41MjctMTgwLjUzMSAxNDIuMzA2QzY0Ljc5NCAzNjAuNDA1IDQ0LjE3IDMxMC43MyA0NC4xNyAyNTYuMzIzem04MS44MDcgMTY3LjExM2MyMi4xMjctNDUuMjMzIDgyLjE3OC0xMDMuNjIyIDE2Ny41NzktMTMyLjc1NiAyOS43NCA3Ny4yODMgNDIuMDM5IDE0Mi4wNTMgNDUuMTg5IDE2MC42MzgtNjguMTEyIDI5LjAxMy0xNTAuMDE1IDIxLjA1My0yMTIuNzY4LTI3Ljg4MnptMjQ4LjM4IDguNDg5Yy0yLjE3MS0xMi44ODYtMTMuNDQ2LTc0Ljg5Ny00MS4xNTItMTUxLjAzMyA2Ni4zOC0xMC42MjYgMTI0LjcgNi43NjggMTMxLjk0NyA5LjA1NS05LjQ0MiA1OC45NDEtNDMuMjczIDEwOS44NDQtOTAuNzk1IDE0MS45Nzh6Jy8+PC9zdmc+)
}

.is-dark .chat-btn {
    background-color: #2b2b45
}

.is-dark .slide-title .text-typed {
    background-color: #78acd9;
    box-shadow: #78acd9 0 0 0 5px
}

.is-dark .slide-descr, .is-dark .vacancy-item-place, .is-dark .vacancy-item-text, .is-dark .portfolio-item-descr, .is-dark .reward-item-descr, .is-dark .testimonial-item-author-status, .is-dark .client-item-descr {
    color: #b4b4d5
}

.is-dark .rounded-text textpath {
    fill: #b4b4d5
}

.is-dark .lines > div {
    background-color: #51516d
}

.is-dark .progress-nav li:before {
    background-color: #fff
}

.is-dark .progress-nav li.active, .is-dark .progress-nav li.active ~ li {
    background: #51516d
}

.is-dark .image-card {
    background-color: #4d4d6c
}

.is-dark .shape6 > .inside {
    background-image: url(../img/shape6-dark.png)
}

.is-dark .image-card-dark {
    background-color: #1f2044
}

.is-dark .card3-4 {
    background-color: #32324c
}

.is-dark .card6-1, .is-dark .card7-1 {
    background-color: #df5647
}

.is-dark .slide-ornament {
    background-image: url(../img/ornament-dark.png)
}

.is-dark .owl-theme .owl-dots .owl-dot.active span, .is-dark .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #e48b79
}

.is-dark ::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: rgba(255, 255, 255, .1)
}

.nav-toggle-btn .btn {
    position: relative;
    margin-top: -1rem;
    padding-left: 2rem;
    padding-right: 2rem
}

.btn .badge-purchase {
    display: block;
    position: absolute;
    left: -4px;
    top: -7px;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: url(../img/icon-purchase.png) 50% 50% no-repeat;
    background-size: cover
}

.intro .slide-container {
    padding-bottom: 1rem
}

.screen-container {
    margin-top: 5.125rem
}

@media (min-width: 768px) {
    .screen-container {
        margin-left: -5rem;
        margin-right: -5rem
    }
}

.screen-content {
    margin-left: .625rem;
    margin-right: .625rem
}

.slide-photo-intro {
    background-image: url(../img/bg-notebook.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 0;
    padding-bottom: 82.22222222%;
    margin-top: 0
}

.slide-photo-intro a {
    display: inline-block;
    color: #1f2044;
    text-decoration: none
}

.zoom {
    overflow: hidden
}

.zoom img {
    transform: scale(1);
    transition: transform .5s ease-in-out
}

.slide-photo-intro a:hover .zoom img {
    transform: scale(1.05)
}

.slide-photo-intro .inside {
    padding-left: 12.22222222%;
    padding-right: 12.22222222%;
    padding-top: 3.65079365%;
    padding-bottom: 10.47619048%
}

.screen-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem
}

@media (min-width: 768px) {
    html {
        font-size: 13px
    }
}

@media (min-width: 992px) {
    html {
        font-size: 14px
    }
}

@media (min-width: 1280px) {
    html {
        font-size: 15px
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 16px
    }
}



/*-----------------------------add style---------------------------------*/
.img_1{
    width: 50px;
    margin-left: 8px;
}


#timeline {
    width: 500px;
    height: 300px;
    overflow: hidden;
    margin: 40px auto;
    position: relative;
    /*background: url('http://www.csslab.cl/ejemplos/timelinr/latest/images/dot.gif') 3px top repeat-y;*/
}
#dates {
    width: 100px;
    height: 600px;
    overflow: hidden;
    float: right;
}
#dates li {
    list-style: none;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 24px;
    padding-left: 10px;
    background: url('http://www.csslab.cl/ejemplos/timelinr/latest/images/biggerdot.png') left center no-repeat;
}
#dates a {
    line-height: 38px;
    padding-bottom: 10px;
    color: #6464f3 !important;
}
#dates .selected {
    font-size: 38px;
    color: #6464f3 !important;
    text-shadow: 2px 1px 4px #7942da;
}

#issues {
    width: 400px;
    height: 600px;
    overflow: hidden;
    float: left;
}
#issues li {
    max-width: 220px;
    height: 600px;
    list-style: none;
    text-align: center; // add

}
#issues li.selected img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
#issues li img {
    margin-top: 60px;
    zoom: 1;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-transform: scale(0.7,0.7);
    -moz-transform: scale(0.7,0.7);
    -o-transform: scale(0.7,0.7);
    -ms-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);
}
#issues li h1 {
    color: #ffcc00;
    font-size: 48px;
    text-align: center;
    text-shadow: #000 1px 1px 2px;
}
#issues li p {
    font-size: 18px;
    margin-top: 50px;
    font-weight: 700;
    line-height: 22px;
    /*text-shadow: #000 1px 1px 2px;*/
}

#grad_top,
#grad_bottom {
    width: 500px;
    height: 80px;
    position: absolute;
}


#next,
#prev {
    position: absolute;
    left: 45%; // left: 55%;
    font-size: 70px;
    width: 38px;
    height: 22px;
    background-position: 0 -44px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
#next:hover,
#prev:hover {
    background-position:  0 0;
}
#next {
    bottom: 0;
    background-image: url('img/next_v.png');
}
#prev {
    top: 0;
    background-image: url('img/prev_v.png');
}
#next.disabled,
#prev.disabled {
    opacity: 0.2;
}



#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    text-align: right;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
}
#accordion .panel-title a{
    display: block;
    padding: 10px 50px 10px 20px;
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    color: #c52d37;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f068";
    font-family: "FontAwesome";
    font-weight: 900;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #c52d37;
    font-size: 15px;
    font-weight: normal;
    color: #c52d37;
    position: absolute;
    top: 2px;
    right: 0;
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed:after{
    content: "\f067";
}
#accordion .panel-body{
    padding: 10px 50px 10px 20px;
    border: none;
    font-size: 14px;
    color: #888;
    line-height: 25px;
}


@media(width:1024px){
    .body-piling .brand {
        position: fixed;
        z-index: 500;
        right: 3%;
        top: 3%;
        left: 73%;
        width: 100%;
    }
}
@media (min-width:0px) and (max-width: 540px) {
    .service-list {
        margin-top: 10px !important;
    }
    .slide-photo {
        margin-top: 0 !important;
    }
    .slide-title {
        font-size: 22px !important;

    }
    .body-piling .brand {
        position: fixed;
        z-index: 500;
        right: 3%;
        top: 0%;
        left: 30%;
        width: 85%;
    }
    .wrapper #content {
        margin-top: 7% !important;
    }
    .slide-contacts .slide-container{
        padding-top: 0 !important;
    }
    #cart_slide{
        padding-top: 55px !important;
    }
    #cart_slide_img{
        margin-top: 25px !important;
    }
    .bar-item {
        margin-bottom: 0 !important;
    }
    .bar-list {
        margin-top: 1rem !important;
    }
    .bar-item-title {
        font-size: 11px !important;
    }
    #portfolio_slide{
        padding-top: 50% !important;
    }
    #timeline {

        height: 250px !important;
        /*margin: 34px auto !important;*/
    }
    #issues li img {
        margin-top: 30px !important;
    }
    .slide-photo6 {
        padding-top: 0 !important;
    }
    .slide-photo6 .inside img{
        max-width: 94% !important;
    }
    .slide-photo-testimonials .inside img{
        max-width: 60% !important;
    }
    #accordion .panel-title a {
        padding: 5px 50px 5px 20px !important;
    }
    #accordion .panel-body {
        padding: 0 50px 0 20px !important;
    }

    #accordion .panel-body p {
        font-size: 12px;
        font-weight: 900;
    }
    .contact-item-phone{
        margin-top: 1.5rem;
        font-size: 1.125rem !important;
        font-weight: 500 !important;
    }
    #faq{
        margin-bottom: 0 !important;
    }

}
@media (max-width: 375px) {
    .slide-photo6 .inside img {
        max-width: 80% !important;
    }
    #portfolio_slide {
        padding-top: 65% !important;
    }
    #accordion .panel-title a {
        font-size: 14px !important;
    }
    .slide-photo-testimonials .inside img {
        max-width: 55% !important;
    }
    .card3-3 {
        width: 22.087719%;
        left: 1.070175%;
        top: 92px;
        right: 75%;
        box-shadow: rgb(16 39 91 / 50%) 1.375rem 1.375rem 3.75rem;
    }
    #cart_slide_img {
        margin-top: 0px !important;
    }
    .slide-descr {
        margin-top: 13px !important;
    }
    .primary-link {
        font-size: 13px !important;
        font-weight: 700;
    }
    .slide-photo-services .inside img{
        max-width: 95% !important;
    }
}








/*------------------------------------- font-family -----------------------------------------------*/

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 700;
    src: url('fonts/iransans/iransansWeb(FaNum)_Bold.eot');
    src: url('fonts/iransans/iransansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), url('fonts/iransans/iransansWeb(FaNum)_Bold.woff2') format('woff2'), url('fonts/iransans/iransansWeb(FaNum)_Bold.woff') format('woff'), url('fonts/iransans/iransansWeb(FaNum)_Bold.ttf') format('truetype')
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/iransans/iransansWeb(FaNum)_Medium.eot');
    src: url('fonts/iransans/iransansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), url('fonts/iransans/iransansWeb(FaNum)_Medium.woff2') format('woff2'), url('fonts/iransans/iransansWeb(FaNum)_Medium.woff') format('woff'), url('fonts/iransans/iransansWeb(FaNum)_Medium.ttf') format('truetype')
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/iransans/iransansWeb(FaNum)_Light.eot');
    src: url('fonts/iransans/iransansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), url('fonts/iransans/iransansWeb(FaNum)_Light.woff2') format('woff2'), url('fonts/iransans/iransansWeb(FaNum)_Light.woff') format('woff'), url('fonts/iransans/iransansWeb(FaNum)_Light.ttf') format('truetype')
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 200;
    src: url('fonts/iransans/iransansWeb(FaNum)_UltraLight.eot');
    src: url('fonts/iransans/iransansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), url('fonts/iransans/iransansWeb(FaNum)_UltraLight.woff2') format('woff2'), url('fonts/iransans/iransansWeb(FaNum)_UltraLight.woff') format('woff'), url('fonts/iransans/iransansWeb(FaNum)_UltraLight.ttf') format('truetype')
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 400;
    src: url('fonts/iransans/iransansWeb(FaNum).eot');
    src: url('fonts/iransans/iransansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('fonts/iransans/iransansWeb(FaNum).woff2') format('woff2'), url('fonts/iransans/iransansWeb(FaNum).woff') format('woff'), url('fonts/iransans/iransansWeb(FaNum).ttf') format('truetype')
}



body,.select2-container--bootstrap .select2-search--dropdown .select2-search__field, .select2-container--bootstrap .select2-selection ,a,footer,#header,li,span,dd,dt,h1,h2,h3,h4,h5,h6,.item, time,div,b,p{
    font-family: iransans, 'Open Sans', sans-serif !important;
}